:root{--vh: 1vh}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;background-color:var(--bg, #0b1220)}html,body{touch-action:manipulation;overflow-x:hidden;max-width:100%}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}input,textarea,[contenteditable],.selectable{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}button,[role=button],a,label,summary{touch-action:manipulation}button,input,select,textarea{font-family:inherit;font-size:inherit}input,textarea,select{font-size:max(16px,1em)}button,[role=button]{min-height:44px;min-width:44px;cursor:pointer}.board,.field,canvas,.drag-surface{touch-action:none}.control-layer{position:fixed;inset:0;z-index:30;pointer-events:none;touch-action:none}.control-layer>*{pointer-events:auto}.safe-inset{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--felt: #20161f;--felt-2: #160f16;--panel: #2c1f2b;--panel-2: #3a2b39;--card: #f4ebe0;--card-edge: #d9cbb8;--ink: #f6efe6;--ink-dim: #c7b6c4;--ink-card: #241a22;--accent: #e0a94a;--good: #46c07a;--bad: #e5634e;--peek: #6bb6d6;--violet: #b07be0}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%}body{background:radial-gradient(120% 90% at 50% 0%,#2a1d28 0%,var(--felt) 55%,var(--felt-2) 100%);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#app{min-height:100vh;min-height:100dvh;min-height:calc(var(--vh, 1vh) * 100);display:flex;flex-direction:column}.main-content,#screen{flex:1 0 auto;display:flex;flex-direction:column;min-height:0}.site-footer{flex-shrink:0;text-align:center;padding:10px;font-size:12px;color:var(--ink-dim)}.site-footer a{color:var(--accent);text-decoration:none}body.playing .site-footer{display:none!important}.btn{font:inherit;font-weight:650;color:var(--ink);background:var(--panel-2);border:1px solid #4a3547;border-radius:12px;padding:11px 16px;cursor:pointer;min-height:44px;transition:transform .08s ease,background .15s ease}.btn:active{transform:translateY(1px) scale(.98)}.btn.big{padding:15px 20px;font-size:17px;width:100%}.btn.primary{background:linear-gradient(180deg,#7a49b0,#5f3a8c);border-color:#8a5ac0}.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-dim)}.btn.small{min-height:32px;padding:5px 10px;font-size:13px;border-radius:9px}.icon-btn{font-size:20px;background:transparent;border:none;color:var(--ink);width:42px;height:42px;border-radius:10px;cursor:pointer}.icon-btn:active{background:var(--panel-2)}.menu{flex:1 0 auto;display:flex;flex-direction:column;gap:18px;padding:22px 18px;max-width:560px;margin:0 auto;width:100%}.brand{text-align:center}.brand-critters{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.brand-critters .critter{background:var(--card);border-radius:10px;padding:4px;box-shadow:0 2px 0 var(--card-edge)}.brand h1{font-size:42px;margin:12px 0 4px;letter-spacing:-1px}.tag{color:var(--ink-dim);margin:0;font-size:15px}.mode-pick{display:flex;flex-direction:column;gap:10px}.mode-card{text-align:left;background:var(--panel);border:1.5px solid #40303e;border-radius:14px;padding:12px 14px;cursor:pointer;color:var(--ink);display:flex;flex-direction:column;gap:3px}.mode-card.on{border-color:var(--violet);background:#34243247;box-shadow:0 0 0 2px #b07be055 inset}.mc-name{font-weight:750;font-size:16px}.mc-blurb{font-size:12.5px;color:var(--ink-dim)}.menu-btns{display:flex;flex-direction:column;gap:10px}.menu-links{display:flex;gap:10px;justify-content:center}.howto{max-width:560px;margin:0 auto;padding:22px 20px}.howto h2{margin-top:6px}.howto ol{padding-left:20px;line-height:1.5}.howto li{margin-bottom:9px}.howto-note{color:var(--ink-dim);font-size:13.5px;background:var(--panel);padding:12px;border-radius:12px}.game{flex:1 0 auto;display:flex;flex-direction:column;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));max-width:700px;margin:0 auto;width:100%;min-height:0;position:relative}.hud{display:flex;align-items:center;gap:8px}.hud-mid{display:flex;flex-direction:column;line-height:1.15}.hud-mode{font-weight:750}.hud-round{font-size:11px;color:var(--ink-dim)}.hud-tally{margin-left:auto;display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.tchip{font-size:11px;background:var(--panel);padding:2px 7px;border-radius:20px;color:var(--ink-dim)}.tchip.self{color:var(--accent)}.opponents{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:7px}.opponents.c1{grid-template-columns:1fr}.player{background:var(--panel);border:1.5px solid #3a2b39;border-radius:12px;padding:8px 9px;display:flex;flex-direction:column;gap:4px;min-width:0;transition:border-color .15s,box-shadow .15s}.player.actor{border-color:var(--accent);box-shadow:0 0 0 2px #e0a94a55 inset}.player.targetable{border-color:var(--violet);cursor:pointer;box-shadow:0 0 12px #b07be055}.player.targetable:active{transform:scale(.98)}.player.dead{opacity:.5}.p-top{display:flex;align-items:center;gap:6px}.p-name{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.peeks{margin-left:auto;font-size:11px;color:var(--peek)}.p-hand{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--ink-dim)}.p-hand .cardback{flex-shrink:0}.out-tag{color:var(--bad);font-weight:700;letter-spacing:1px}.p-men{display:flex;flex-wrap:wrap;gap:4px;min-height:26px}.p-tell{font-size:11px;color:var(--ink-dim)}.tell.none{opacity:.6}.chip{display:inline-flex;align-items:center;gap:2px;background:var(--card);border-radius:8px;padding:2px 5px 2px 3px;color:var(--ink-card);font-size:12px;font-weight:800;box-shadow:0 1px 0 var(--card-edge)}.chip.warn{box-shadow:0 0 0 2px var(--accent)}.chip.danger{box-shadow:0 0 0 2px var(--bad);animation:pulse 1s ease-in-out infinite}.chip.dead{box-shadow:0 0 0 2px var(--bad);background:#f3d6cf}.chip .critter{display:block}.empty{color:var(--ink-dim);font-size:12px}@keyframes pulse{0%,to{box-shadow:0 0 0 2px var(--bad)}50%{box-shadow:0 0 0 4px #e5634e88}}.stage{flex:1 1 auto;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;position:relative}.flightcard{background:var(--card);border-radius:14px;padding:8px;box-shadow:0 6px 18px #0008;display:inline-flex;flex-direction:column;align-items:center}.flightcard.reveal{animation:flip .4s ease}.flightcard.seen{outline:2px solid var(--peek)}.flightcard .really{font-size:11px;color:var(--ink-card);font-weight:700}@keyframes flip{0%{transform:rotateY(90deg) scale(.8)}to{transform:rotateY(0) scale(1)}}.claim-line{font-size:15px;line-height:1.35}.claim{font-size:18px;color:var(--accent);font-weight:700}.taker{color:var(--ink-dim);font-size:13px}.trail{font-size:11px;color:var(--peek)}.stage-idle{color:var(--ink-dim)}.you{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.you-men{display:flex;align-items:center;gap:8px;background:var(--panel);border-radius:12px;padding:6px 10px;flex-wrap:wrap}.you-label{font-weight:750;font-size:13px}.you-chips{display:flex;gap:4px;flex-wrap:wrap}.you-peeks{margin-left:auto;font-size:12px;color:var(--peek)}.you-men.spectator{color:var(--ink-dim);justify-content:center}.tray{min-height:58px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center}.tray-title{font-size:15px}.tray-hint{color:var(--ink-dim);font-size:13px}.tray-msg{color:var(--ink-dim)}.calls{display:flex;gap:8px;width:100%}.calls .btn{flex:1}.btn.believe{background:linear-gradient(180deg,#2f8f57,#257046);border-color:#46c07a}.btn.bluff{background:linear-gradient(180deg,#c24c3b,#9c3a2d);border-color:#e5634e}.btn.peek{background:linear-gradient(180deg,#2f7f9c,#276379);border-color:var(--peek)}.claims-pick{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.claim-btn{display:flex;flex-direction:column;align-items:center;gap:1px;background:var(--card);border:1.5px solid var(--card-edge);border-radius:10px;padding:5px 6px;cursor:pointer;color:var(--ink-card);font-size:11px;font-weight:700;min-width:52px}.claim-btn:active{transform:scale(.95)}.hand{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 6px;scrollbar-width:thin;touch-action:pan-x}.hand.empty{color:var(--ink-dim);justify-content:center;padding:12px}.handcard{flex:0 0 auto;background:var(--card);border:2px solid var(--card-edge);border-radius:10px;padding:4px;cursor:default;transition:transform .1s ease,box-shadow .1s ease}.handcard.live{cursor:pointer}.handcard.live:active{transform:translateY(-3px)}.handcard.sel{border-color:var(--violet);box-shadow:0 -4px 12px #b07be066;transform:translateY(-6px)}.handcard[disabled]{opacity:.85}.results{max-width:560px;margin:0 auto;padding:20px 18px;width:100%}.res-head{text-align:center;font-size:26px;margin:6px 0 4px}.res-tally{text-align:center;color:var(--ink-dim);font-size:13px;margin-bottom:12px}.res-rows{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.res-row{display:flex;align-items:center;gap:10px;background:var(--panel);border-radius:12px;padding:9px 12px;border:1.5px solid transparent}.res-row.winner{border-color:var(--good)}.res-row.loser{border-color:var(--bad);opacity:.92}.res-row.self{box-shadow:0 0 0 2px #b07be055 inset}.res-place{font-weight:800;width:34px;color:var(--accent)}.res-row.loser .res-place{color:var(--bad)}.res-name{font-weight:700;flex:1;min-width:0}.res-men{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.res-actions{display:flex;flex-direction:column;gap:9px}.res-wait{text-align:center;min-height:24px;color:var(--ink-dim);font-size:14px;margin-top:10px}.results-feedback{display:block;margin:10px auto 0}.lobby-modes{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.lobby-modes.note{color:var(--ink-dim);font-size:13px}.lm{background:var(--panel-2);border:1px solid #4a3547;border-radius:20px;padding:6px 12px;color:var(--ink);cursor:pointer}.lm.on{background:var(--violet);color:#1a0f1c;border-color:var(--violet);font-weight:700}.lm-blurb{flex-basis:100%;text-align:center;font-size:12px;color:var(--ink-dim);margin-top:4px}.lobby,.room-entry{max-width:520px;margin:0 auto;padding:20px 18px;width:100%}.lobby-title,.re-head{font-size:26px;font-weight:800;margin:4px 0 6px}.lobby-sub,.re-note{color:var(--ink-dim);font-size:14px;margin-bottom:14px}.lobby-code,.re-room-code{color:var(--accent);font-weight:800;letter-spacing:1px}.lobby-invite{display:flex;gap:8px;margin:10px 0}.lobby-link,.re-input{flex:1;min-width:0;background:var(--card);color:var(--ink-card);border:1.5px solid var(--card-edge);border-radius:10px;padding:11px 12px;font:inherit;font-size:15px}.lobby-btn,.lobby-share,.lobby-qr-toggle,.lobby-ready,.lobby-start,.lobby-cancel,.re-create,.re-join,.re-back,.re-go,.re-make,.re-cancel,.re-browse{font:inherit;font-weight:650;color:var(--ink);background:var(--panel-2);border:1px solid #4a3547;border-radius:12px;padding:11px 16px;min-height:44px;cursor:pointer}.lobby-btn:active,.re-create:active,.re-join:active,.lobby-ready:active{transform:translateY(1px) scale(.98)}.lobby-ready,.re-create,.re-go,.lobby-start{background:linear-gradient(180deg,#7a49b0,#5f3a8c);border-color:#8a5ac0}.lobby-qr-toggle{background:transparent;border-radius:20px;color:var(--ink-dim)}.lobby-cancel,.re-back,.re-cancel{background:transparent;border-color:transparent;color:var(--ink-dim)}.lobby-actions,.re-make{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.lobby-actions .lobby-ready,.lobby-actions .lobby-start{flex:1}.lobby-players{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:6px}.lobby-player{background:var(--panel);border-radius:10px;padding:9px 12px;display:flex;align-items:center;gap:8px}.lobby-player.is-self{box-shadow:0 0 0 2px #b07be055 inset}.lobby-host,.lobby-badge{margin-left:auto;font-size:11px;color:var(--accent);font-weight:800;letter-spacing:1px}.lobby-searching,.lobby-wait,.re-empty{color:var(--ink-dim);display:flex;align-items:center;gap:8px;margin:10px 0}.lobby-offer{margin:10px 0}.lobby-divider,.re-divider{color:var(--ink-dim);font-size:13px;margin:10px 0 6px}.lobby-flash{color:var(--accent)}.re-error{color:var(--bad);font-size:13px;margin-top:6px}.lobby-modeslot{margin:8px 0}.countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:30}.cd-num{font-size:84px;font-weight:800;color:var(--ink);text-shadow:0 4px 20px #000a}.cd-tick{animation:cdpop .8s ease}.cd-go{color:var(--good);animation:cdpop .42s ease}.countdown.reduced .cd-num{animation:none}@keyframes cdpop{0%{transform:scale(1.6);opacity:0}30%{opacity:1}to{transform:scale(1);opacity:.9}}.pause-overlay{position:fixed;inset:0;background:#0b070ad0;display:flex;align-items:center;justify-content:center;z-index:50}.pause-card{background:var(--panel);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:10px;width:min(320px,86vw)}.pause-card h2{text-align:center;margin:0 0 6px}.flash{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);background:#000c;color:var(--ink);padding:10px 16px;border-radius:20px;z-index:60;font-size:14px;border:1px solid var(--panel-2);max-width:90vw;text-align:center}.particle{position:fixed;width:9px;height:9px;border-radius:2px;pointer-events:none;z-index:40;animation:fly .7s ease-out forwards}@keyframes fly{to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}.stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-9deg);z-index:45;font-size:30px;font-weight:900;letter-spacing:2px;padding:6px 14px;border-radius:10px;border:3px solid;pointer-events:none;animation:stampin 1.1s ease forwards}.stamp.good{color:var(--good);border-color:var(--good)}.stamp.bad{color:var(--bad);border-color:var(--bad)}.stamp.reduced{animation:none}@keyframes stampin{0%{transform:translate(-50%,-50%) rotate(-9deg) scale(2);opacity:0}15%{opacity:1}80%{opacity:1}to{opacity:0}}.game.shaking,#screen.shaking,.shaking{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(calc(-4px * var(--shake,1)),2px)}40%{transform:translate(calc(4px * var(--shake,1)),-2px)}60%{transform:translate(calc(-3px * var(--shake,1)),1px)}80%{transform:translate(calc(3px * var(--shake,1)),-1px)}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid #ffffff40;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important}.spinner{animation-duration:.8s!important}}@media(min-width:720px){.opponents{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.brand h1{font-size:52px}}