:root{--bg: oklch(.3 .12 300);--ink: oklch(.18 .04 300);--card: oklch(.97 .03 100);--a: oklch(.9 .18 105);--b: oklch(.8 .1 300);--lt: oklch(.97 .03 100);--alert: oklch(.8 .12 30);--font: "Baloo 2", "Segoe UI", system-ui, sans-serif;--outline: 3px solid var(--ink);--shadow: 5px 5px 0 var(--ink);--shadow-sm: 3px 3px 0 var(--ink);--tabbar-h: 72px}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--lt);font-family:var(--font);font-size:17px;font-weight:500;line-height:1.4;-webkit-text-size-adjust:100%;overflow-x:hidden}h1,h2,h3,p{margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--b);outline-offset:3px}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.page{max-width:560px;margin:0 auto;padding:44px 22px 32px}.page--centred{display:flex;flex-direction:column;justify-content:center;min-height:100dvh}.page{padding-bottom:calc(var(--tabbar-h) + 28px)}.page-header,.row--between{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-header{margin-bottom:14px}.room-header{max-width:560px;margin:0 auto;padding:44px 22px 0}.room-header__name{font-size:30px;font-weight:800;line-height:1.05}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:12px}.row--wrap{flex-wrap:wrap}.center-block{display:grid;place-items:center;padding:48px 0}.spinner{width:28px;height:28px;border:4px solid var(--b);border-top-color:var(--a);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}.brand{font-size:40px;font-weight:800;line-height:1;color:var(--lt)}.brand-row{display:flex;align-items:center;gap:10px}.brand-logo{width:48px;height:48px;filter:invert(1)}.brand--small{font-size:30px}.lede{color:var(--b);font-weight:500;margin:2px 0 0}.muted{color:var(--b)}.small{font-size:14px;line-height:1.4}.eyebrow{font-size:14px;font-weight:800;color:var(--b);letter-spacing:.02em}.section-title{font-size:18px;font-weight:800;color:var(--b);margin-top:22px;margin-bottom:10px}.subhead{font-size:18px;font-weight:800;color:var(--b)}.card__title{font-size:18px;font-weight:800;color:var(--ink);margin-bottom:8px}.card{background:var(--card);color:var(--ink);border:var(--outline);border-radius:18px;box-shadow:var(--shadow);padding:14px 16px}.card--a{background:var(--a)}.card--b{background:var(--b)}.theme-banner{background:var(--a);color:var(--ink);border:var(--outline);border-radius:18px;box-shadow:var(--shadow-sm);padding:12px 16px}.theme-banner .eyebrow{color:var(--ink)}.theme-banner__name{margin:2px 0 4px;font-size:26px;line-height:1.1}.prompt-card{background:var(--b);color:var(--ink);border:var(--outline);border-radius:18px;box-shadow:var(--shadow);padding:14px 16px}.prompt{font-size:23px;font-weight:800;line-height:1.15;margin-top:4px}.prompt--small{font-size:20px}.countdown{font-size:14px;font-weight:500;margin-top:6px}.back-link{font-weight:800}.notice{color:var(--lt);font-size:16px;font-weight:500}.notice--error{background:var(--alert);color:var(--ink);border:var(--outline);border-radius:12px;padding:8px 12px;font-weight:800}.badge{display:inline-block;align-self:flex-start;background:var(--a);color:var(--ink);border:var(--outline);border-radius:999px;box-shadow:var(--shadow-sm);font-size:14px;font-weight:800;padding:4px 12px}.tag{margin-left:8px;font-size:12px;font-weight:800;background:var(--b);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:0 7px;vertical-align:middle}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:16px;font-weight:800}.field__hint{font-size:14px;color:var(--ink);opacity:.8}input,select{font:inherit;font-size:18px;font-weight:800;color:var(--ink);background:#fffdf5;border:var(--outline);border-radius:12px;min-height:44px;padding:8px 12px;width:100%}input::placeholder{color:var(--ink);opacity:.5;font-weight:500}input:focus-visible,select:focus-visible{outline:3px solid var(--b);outline-offset:2px}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 12px) 55%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:34px;cursor:pointer}fieldset.deadline{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.join-form{background:var(--card);color:var(--ink);border:var(--outline);border-radius:18px;box-shadow:var(--shadow);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.join-form input{text-transform:uppercase;letter-spacing:.12em}.join-form .row{align-items:stretch}.join-form .btn{flex:0 0 auto}.btn{font:inherit;font-size:18px;font-weight:800;line-height:1.1;min-height:44px;min-width:44px;padding:10px 16px;background:var(--a);color:var(--ink);border:var(--outline);border-radius:12px;box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:transform .05s ease,box-shadow .05s ease}.btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{background:var(--card)}.btn--danger{background:var(--alert)}.btn--block{width:100%}.btn--small{min-height:44px;padding:6px 12px;font-size:15px}.btn--nav{background:transparent;border:0;box-shadow:none;color:var(--lt);font-size:17px;font-weight:800;padding:6px 0;min-width:0}.btn--nav:active:not(:disabled){transform:none}.chips,.segmented{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.chip,.segmented button{font:inherit;font-size:16px;font-weight:800;min-height:44px;padding:6px 14px;background:var(--card);color:var(--ink);border:var(--outline);border-radius:999px;cursor:pointer}.chip--selected,.segmented button[aria-selected=true]{background:var(--a);box-shadow:var(--shadow-sm)}.segmented{gap:8px;margin-bottom:14px}.segmented button{flex:1;background:transparent;color:var(--lt);border-color:var(--lt)}.segmented button[aria-selected=true]{background:var(--a);color:var(--ink);border-color:var(--ink)}.room-list,.plain-list,.member-ticks,.prompt-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.plain-list{gap:8px}.room-card{display:flex;flex-direction:column;gap:2px;background:var(--card);color:var(--ink);border:var(--outline);border-radius:18px;box-shadow:var(--shadow);padding:14px 16px;text-decoration:none}.room-card--lilac{background:var(--b)}.room-card__name{font-size:22px;font-weight:800;line-height:1.1}.room-card__meta{font-size:14px;font-weight:500}.room-card__status{font-size:15px;font-weight:800}.room-card__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px}.room-card__head .room-card__name{color:inherit;text-decoration:none}.room-card__head .room-card__name:hover{text-decoration:underline}.room-card--locked{opacity:.55}.room-card__link{display:flex;flex-direction:column;gap:2px;color:inherit;text-decoration:none}.join-form input::placeholder{font-size:14px}.member-ticks li{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:17px;font-weight:500;color:var(--lt)}.member-ticks .member-name{flex:1}.member-ticks .member-status{font-weight:800;white-space:nowrap}.tick{display:none}.prompt-option{width:100%;text-align:left;font:inherit;font-size:16px;font-weight:500;color:var(--ink);background:var(--card);border:2px solid var(--ink);border-radius:12px;min-height:44px;padding:8px 12px;cursor:pointer}.prompt-option--selected{background:var(--a);font-weight:800;box-shadow:var(--shadow-sm)}.prompt-list{gap:8px;max-height:320px;overflow-y:auto;padding:2px 4px 2px 2px}.prompt-row{display:flex;gap:8px;align-items:stretch}.prompt-row .prompt-option{flex:1}.prompt-edit{background:var(--card);border:var(--outline);border-radius:12px;padding:10px}.answer-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px}.round-link{display:flex;gap:12px;align-items:baseline;min-height:44px;padding:8px 0;color:var(--lt);text-decoration:none}.round-link:hover .round-link__prompt{text-decoration:underline}.round-link__no{font-size:18px;font-weight:800;white-space:nowrap}.round-link__prompt{color:var(--b);font-weight:500}.answer-input{width:100%;font-size:18px}.answer-line{display:flex;align-items:stretch;gap:8px}.answer-line input{flex:1;font-size:18px}.answer-count{font-size:14px;font-weight:800;align-self:center;white-space:nowrap}.answer-count--near{color:var(--ink);background:var(--a);border:2px solid var(--ink);border-radius:999px;padding:0 8px}.answer-summary{font:inherit;font-size:18px;font-weight:800;text-align:left;background:transparent;border:0;color:var(--ink);padding:4px 0;cursor:pointer;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.answer-card{display:flex;flex-direction:column;gap:8px}.ranked{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.ranked__row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;min-height:44px;font-size:18px;font-weight:500;color:var(--lt)}.ranked__row--me{color:var(--a);font-weight:800}.ranked__rank{font-size:16px;font-weight:800;color:var(--b);font-variant-numeric:tabular-nums}.ranked__name{overflow-wrap:anywhere}.ranked__detail{display:inline;margin-left:6px;font-size:14px;font-weight:500;color:var(--b)}.ranked__value{text-align:right;font-variant-numeric:tabular-nums;font-weight:800}.rank-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;background:var(--card);color:var(--ink);border:var(--outline);border-radius:18px;box-shadow:var(--shadow);padding:14px 16px}.rank-card--1{background:var(--a)}.rank-card--2{background:var(--b)}.rank-card__label{font-size:12px;font-weight:800;letter-spacing:.06em}.rank-card__name{font-size:22px;font-weight:800;line-height:1.1;overflow-wrap:anywhere}.rank-card__value{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums}.rank-card__detail{font-size:14px;font-weight:800}.group-head{font-size:15px;margin-bottom:4px}.no-answer{margin-top:14px;font-size:15px;color:var(--b)}.navigator{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;margin-bottom:14px}.navigator__centre{text-align:center}.icon-btn{width:44px;height:44px;display:grid;place-items:center;background:var(--card);color:var(--ink);border:var(--outline);border-radius:50%;box-shadow:var(--shadow-sm);font-size:20px;font-weight:800;text-decoration:none}.icon-btn--off{opacity:.3;box-shadow:none}.menu-wrap{position:relative}.menu{position:absolute;top:calc(100% + 8px);left:0;z-index:5;background:var(--card);color:var(--ink);border:var(--outline);border-radius:12px;box-shadow:var(--shadow-sm);min-width:200px;overflow:hidden}.menu__item{display:block;width:100%;min-height:44px;padding:10px 14px;background:transparent;border:0;text-align:left;font:inherit;font-weight:800;color:var(--ink);cursor:pointer}.menu__item--danger{color:var(--ink);background:var(--alert)}.sheet-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f051d99;border:0;cursor:default}.sheet{position:relative;width:100%;max-width:560px;max-height:88dvh;overflow-y:auto;background:var(--card);color:var(--ink);border:var(--outline);border-bottom:0;border-radius:18px 18px 0 0;padding:10px 22px calc(28px + env(safe-area-inset-bottom))}.sheet__handle{width:44px;height:5px;border-radius:3px;background:var(--ink);margin:0 auto 12px}.sheet__title{font-size:22px;font-weight:800;margin-bottom:14px}.tabbar{position:fixed;left:0;right:0;bottom:0;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background:var(--card);color:var(--ink);border-top:var(--outline);z-index:10}.tabbar a{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0 4px;padding:4px 2px;border-radius:12px;color:var(--ink);text-decoration:none;font-size:clamp(13px,3.7vw,16px);font-weight:800;white-space:nowrap}.tabbar a.active{background:var(--a);border:var(--outline);box-shadow:var(--shadow-sm)}.prompt-admin-row{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-bottom:2px solid var(--b)}.user-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:2px solid var(--b)}.user-row__name{min-width:0;overflow-wrap:anywhere}.user-row__actions{display:flex;flex-shrink:0;gap:6px}.prompt-admin-row>.row{justify-content:flex-start;flex-wrap:wrap}.prompt-admin-row>.row--end{justify-content:flex-end}.prompt-admin-row input{flex:1}details{margin:14px 0}details summary{cursor:pointer;font-size:18px;font-weight:800;min-height:44px;display:flex;align-items:center}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;background:var(--card);color:var(--ink);border-radius:6px;padding:0 4px;word-break:break-all}@media(min-width:720px){.tabbar{left:50%;transform:translate(-50%);width:min(560px,100%)}}.greeting{font-size:22px;font-weight:800;color:var(--lt);margin:14px 0 10px}.screen-title{font-size:30px;font-weight:800;line-height:1.05;color:var(--lt);margin:0}.rank-card .tag{margin-left:6px}.prompt-card .eyebrow{color:var(--ink)}input[type=checkbox]{width:22px;height:22px;min-height:0;padding:0;accent-color:var(--a)}.toggle{color:var(--lt)}input[type=checkbox]{background:var(--card);border:var(--outline);border-radius:6px}.picker-filters{display:flex;gap:8px;align-items:center}.picker-search{flex:1;min-width:0}.picker-search input,.picker-filters select{font-size:15px;min-height:44px;padding:6px 10px}.picker-filters select{width:9.5rem;flex:0 0 auto;padding-right:28px}.sheet .toggle,.card .toggle{color:var(--ink)}.sheet .muted,.card .muted{color:var(--ink);opacity:.8}.answer-names{margin:4px 0 0;line-height:1.6}.answer-btn{font:inherit;font-weight:700;color:inherit;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer;min-height:44px;text-align:left}.chosen-row{padding:10px 0;border-bottom:2px solid var(--b)}.chosen-row__line{display:flex;align-items:center;gap:8px}.chosen-row__text{flex:1;min-width:0}.drag-handle{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;background:none;border:0;color:inherit;cursor:grab;touch-action:none}.drag-handle svg{width:26px;height:26px;fill:currentColor}.label-hint{font-size:14px;font-weight:500}.btn--compact{min-height:32px;padding:2px 10px;font-size:14px}.prompt-line{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.prompt-line>span:first-child{flex:1;min-width:0}.prompt-line>.prompt-line__actions{flex:none;justify-content:flex-end;gap:6px}.chosen-list{list-style:none;margin:0;padding:0}.chosen-row{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-bottom:2px solid var(--b)}.chosen-row--replacing{outline:3px solid var(--ink);outline-offset:2px;border-radius:12px}.sheep-gif{height:48px;width:auto;flex-shrink:0;filter:invert(1)}.with-sheep{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;flex:1;min-width:0}.with-sheep--start{justify-content:flex-start}.room-header__flock{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.room-header__flock .sheep-walk{flex:none;width:100%;aspect-ratio:15 / 2}.sheep-walk{flex:1 1 180px;min-width:0;aspect-ratio:2 / 1;position:relative;overflow:hidden}.sheep-play{position:relative;display:block}.sheep-play img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:invert(1)}.sheep-walk .sheep-play{position:absolute;top:0;right:0;bottom:0;left:0}.sheep-still{margin-left:auto;display:flex;align-items:flex-end;gap:6px;flex-shrink:0}.sheep-still .sheep-play{width:56px;height:56px}