.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:var(--space-2) var(--space-4);border:var(--outline);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);font-size:var(--text-label);text-align:center;cursor:pointer;transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);font-weight:800;line-height:1.3;text-decoration:none;display:inline-flex}.button--primary{width:100%;min-height:var(--tap-primary);background:var(--color-accent);box-shadow:var(--shadow)}.button--primary:active:not(:disabled){box-shadow:0 0 0 var(--color-ink);transform:translate(4px,4px)}.button--danger{border-color:var(--color-alert);color:var(--color-alert)}.button--quiet{background:0 0;border-color:#0000}.button:disabled{opacity:.4;cursor:default}.field{gap:var(--space-1);flex-direction:column;display:flex}.field__label{font-size:var(--text-label);font-weight:800;line-height:1.3}.field__control{min-height:var(--tap);padding:var(--space-2) var(--space-3);border:var(--outline);border-radius:var(--radius-md);background:var(--color-surface);font-weight:600}.field__control[aria-invalid=true]{border-color:var(--color-alert)}.field__control--code{font-size:var(--text-code);letter-spacing:.08em;text-align:center;text-transform:uppercase;font-weight:800;line-height:1.2}.error-text{align-items:flex-start;gap:var(--space-2);color:var(--color-alert);font-size:var(--text-small);font-weight:600;line-height:1.4;display:flex}.error-text svg{flex:none}.logo{align-items:center;gap:var(--space-3);letter-spacing:-.02em;font-weight:800;line-height:1.1;display:flex}.logo--lg{gap:var(--space-4);font-size:var(--text-title);flex-direction:column}.logo--sm{font-size:var(--text-heading)}.logo__mark{width:40px;height:40px}.logo--lg .logo__mark{width:96px;height:96px}.card{padding:var(--space-4);border:var(--outline);border-radius:var(--radius-md);background:var(--color-surface)}.card--hero{background:var(--color-accent);box-shadow:var(--shadow);transform:rotate(var(--tilt,0deg))}.home-header{justify-content:space-between}.avatar{width:var(--tap);height:var(--tap);border:var(--outline);border-radius:var(--radius-pill);background:var(--color-mint);box-shadow:var(--shadow-sm);color:var(--color-ink);font-size:var(--text-label);flex:none;justify-content:center;align-items:center;font-weight:800;text-decoration:none;display:inline-flex}.icon-button{width:var(--tap);height:var(--tap);border:var(--outline);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:active:not(:disabled){box-shadow:0 0 0 var(--color-ink);transform:translate(3px,3px)}.icon-button:disabled{opacity:.4;cursor:default}.map-view{border:var(--outline);border-radius:var(--radius-lg);background:var(--color-map);flex:1;min-height:240px;position:relative;overflow:hidden}.map-view .map-view__canvas{position:absolute;inset:0}.map-view .maplibregl-ctrl-attrib{font-size:var(--text-small)}.banner{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border:var(--outline);border-left:8px solid var(--color-alert);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-alert);display:flex}.banner__text{gap:var(--space-1) var(--space-3);flex-wrap:wrap;align-items:baseline;display:flex}.banner__time{font-variant-numeric:tabular-nums;font-weight:800}.connection{align-items:center;gap:var(--space-2);font-size:var(--text-small);font-weight:600;display:inline-flex}.connection__dot{border:var(--outline);border-radius:var(--radius-pill);width:12px;height:12px}.connection__dot--live{background:var(--color-ok)}.connection__dot--connecting{background:var(--color-seeker)}.connection__dot--offline{background:var(--color-alert)}.role-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:var(--outline);border-radius:var(--radius-pill);font-size:var(--text-role);font-weight:800;line-height:1.3;display:inline-flex}.role-badge--hider{background:var(--color-hider);color:var(--color-surface)}.role-badge--seeker{background:var(--color-seeker);color:var(--color-ink)}.top-strip{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--outline);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.top-strip--hider{border-left:8px solid var(--color-hider)}.top-strip__main{flex-direction:column;min-width:0;display:flex}.top-strip__phase{font-weight:600}.top-strip__timer{font-size:var(--text-timer);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.top-strip__timer--urgent{color:var(--color-alert)}.top-strip__side{align-items:flex-end;gap:var(--space-2);flex-direction:column;flex:none;display:flex}.game-screen{gap:var(--space-3);width:100%;min-height:100dvh;padding-top:max(var(--space-4), env(safe-area-inset-top));padding-right:max(var(--space-4), env(safe-area-inset-right));padding-bottom:max(var(--space-4), env(safe-area-inset-bottom));padding-left:max(var(--space-4), env(safe-area-inset-left));flex-direction:column;flex:1;display:flex}.game-screen .map-view{min-height:45dvh}.game-screen__panel{gap:var(--space-4);max-height:45dvh;padding:var(--space-4);border:var(--outline);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex;overflow-y:auto}.game-screen__panel--hider{border-left:8px solid var(--color-hider)}@media (orientation:landscape) and (height<=600px){.game-screen{grid-template-rows:auto 1fr;grid-template-columns:3fr 2fr;display:grid}.game-screen>.top-strip{grid-column:1/-1}.game-screen .map-view{min-height:0}.game-screen__panel{max-height:none}}.list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list-row{align-items:center;gap:var(--space-3);min-height:var(--tap);padding:var(--space-2) var(--space-3);border:var(--outline);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.list-row__text{overflow-wrap:anywhere;flex-direction:column;flex:1;min-width:0;display:flex}.list-row__select{min-height:var(--tap);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.list-row__title{font-weight:600}.list-row__menu{position:relative}.list-row__items{z-index:var(--z-sheet);min-width:160px;margin-top:var(--space-2);border:var(--outline);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:absolute;top:100%;right:0}.list-row__item{min-height:var(--tap);padding:var(--space-2) var(--space-4);text-align:left;cursor:pointer;background:0 0;border:0;font-weight:600}.list-row__item--danger{color:var(--color-alert)}.sheet{z-index:var(--z-sheet);max-width:var(--content-max);padding-bottom:env(safe-area-inset-bottom);border:var(--outline);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);transition:height var(--dur-move) var(--ease);border-bottom:0;flex-direction:column;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet:focus{outline:none}.sheet--peek{height:var(--sheet-peek)}.sheet--half{height:var(--sheet-half)}.sheet--full{height:var(--sheet-full)}.sheet__handle{padding:var(--space-3) 0 var(--space-1);cursor:grab;touch-action:none;justify-content:center;display:flex}.sheet__grip{border-radius:var(--radius-pill);background:var(--color-ink);width:48px;height:6px}.sheet__header{align-items:center;gap:var(--space-2);padding:0 var(--space-4) var(--space-2);display:flex}.sheet__header h2{flex:1}.sheet__body{padding:0 var(--space-4) var(--space-4);flex:1;overflow-y:auto}.questions{gap:var(--space-3);flex-direction:column;display:flex}.questions .card{gap:var(--space-2);flex-direction:column;display:flex}.questions__deadline{font-variant-numeric:tabular-nums;font-weight:600}.questions__category,.questions__option{align-items:flex-start;gap:var(--space-1);text-align:left;flex-direction:column}.button.questions__category--matching{background:var(--color-mint)}.button.questions__category--measuring{background:var(--color-pink)}.button.questions__category--thermometer{background:var(--color-seeker)}.button.questions__category--radar,.button.questions__category--tentacles,.button.questions__category--photo{background:var(--color-surface)}.notifications-card{gap:var(--space-3);flex-direction:column;display:flex}.notifications-card__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.round-panel{gap:var(--space-3);flex-direction:column;display:flex}.round-panel__paused{color:var(--color-alert);font-weight:600}.summary-lines{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.summary-lines li{justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-muted);flex-wrap:wrap;display:flex}.summary-lines li>span:last-child{font-variant-numeric:tabular-nums;font-weight:600}.summary-lines .summary-lines__total{border-bottom:0;font-weight:800}.summary-notes{padding-left:var(--space-5);margin:0}.chip{padding:var(--space-1) var(--space-3);border:var(--outline);border-radius:var(--radius-pill);background:var(--color-surface);font-size:var(--text-small);align-items:center;font-weight:600;line-height:1.4;display:inline-flex}.chip--tappable{min-height:var(--tap);cursor:pointer}.lobby-connection{margin-left:auto}.lobby-code{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.lobby-code__value{font-size:var(--text-code);letter-spacing:.08em;overflow-wrap:anywhere;font-weight:800;line-height:1.1}.lobby-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.lobby-modes{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.lobby-modes [aria-pressed=true]{background:var(--color-mint)}.invite-code{font-size:var(--text-code);letter-spacing:.08em;font-weight:800;line-height:1.1}.invite-code span{white-space:nowrap}.invite-link{overflow-wrap:anywhere}.toasts{right:var(--gutter);bottom:max(var(--gutter), env(safe-area-inset-bottom));left:var(--gutter);z-index:var(--z-toast);align-items:center;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{padding:var(--space-2) var(--space-4);border:var(--outline);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-bg);font-weight:600}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg:#fff4e2;--color-surface:#fff;--color-ink:#2a1e14;--color-muted:#6b5644;--color-accent:#ff7a3d;--color-hider:#0f766e;--color-seeker:#ffd23f;--color-mint:#7ed7c1;--color-pink:#f7a8c4;--color-map:#f3e6cc;--color-alert:#b42318;--color-ok:#23692a;--font-sans:"Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--text-timer:40px;--text-code:40px;--text-title:32px;--text-heading:22px;--text-role:19px;--text-body:17px;--text-label:17px;--text-small:15px;--tap:48px;--tap-primary:60px;--content-max:480px;--gutter:20px;--z-sheet:20;--z-toast:30;--sheet-peek:20dvh;--sheet-half:50dvh;--sheet-full:90dvh;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:28px;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--radius-pill:999px;--outline:2px solid var(--color-ink);--shadow-sm:3px 3px 0 var(--color-ink);--shadow:4px 4px 0 var(--color-ink);--focus-ring:3px solid var(--color-ink);--dur-fast:.12s;--dur-move:.22s;--ease:cubic-bezier(.2, .8, .2, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-body);margin:0;line-height:1.5}h1,h2,h3,p{margin:0}h1{font-size:var(--text-title);letter-spacing:-.02em;font-weight:800;line-height:1.1}h2{font-size:var(--text-heading);font-weight:800;line-height:1.25}button,input,select{font:inherit;color:inherit}:focus-visible{outline:var(--focus-ring);outline-offset:2px}.page{gap:var(--space-5);width:100%;max-width:var(--content-max);padding-top:max(var(--gutter), env(safe-area-inset-top));padding-right:max(var(--gutter), env(safe-area-inset-right));padding-bottom:max(var(--gutter), env(safe-area-inset-bottom));padding-left:max(var(--gutter), env(safe-area-inset-left));flex-direction:column;flex:1;margin:0 auto;display:flex}.page__actions{margin-top:auto}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-footer{padding:var(--space-3) var(--gutter) max(var(--space-3), env(safe-area-inset-bottom));text-align:center}.page-title{font-size:var(--text-title)}.page-header{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.stack{gap:var(--space-4);flex-direction:column;display:flex}.small{color:var(--color-muted);font-size:var(--text-small);line-height:1.4}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}