:root{--cream: #f3e9d2;--cream-dark: #e5d7b8;--ink: #2b2118;--red: #c1442e;--red-dark: #92301f;--blue: #2e5077;--blue-dark: #1f3a58;--gold: #c9a227;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow-x:hidden}body{background:var(--ink);color:var(--cream);font-family:Georgia,Times New Roman,serif;font-size:16px}#root{min-height:100dvh;display:flex;flex-direction:column}button,input{font-family:inherit;font-size:1rem;touch-action:manipulation}.btn{min-height:44px;min-width:44px;padding:10px 16px;border:2px solid var(--cream);border-radius:6px;background:transparent;color:var(--cream);cursor:pointer;font-weight:700;letter-spacing:.03em}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--red);border-color:var(--red-dark)}.btn-danger{background:var(--red-dark);border-color:var(--red)}.btn-small{min-height:44px;padding:8px 12px;font-size:.9rem}.btn-tiny{min-height:44px;padding:6px 10px;font-size:.8rem}.btn-ghost{border-color:transparent;opacity:.7}.badge{display:inline-block;font-size:.62rem;font-family:system-ui,sans-serif;padding:2px 5px;border-radius:4px;background:var(--cream-dark);color:var(--ink);margin-left:4px;vertical-align:middle}.badge-host{background:var(--gold)}.badge-bot{background:var(--blue);color:var(--cream)}.badge-pres{background:var(--gold);font-weight:700}.badge-chan{background:var(--cream);font-weight:700}.badge-dead{background:#555;color:#ddd}.badge-tl{background:#888;color:#fff}.badge-vote-ja{background:var(--blue);color:var(--cream)}.badge-vote-nein{background:var(--red);color:var(--cream)}.badge-role-liberal{background:var(--blue);color:var(--cream)}.badge-role-fascist{background:var(--red);color:var(--cream)}.badge-role-hitler{background:#000;color:var(--red)}.muted{opacity:.65;font-size:.9rem}.error-text{color:var(--red);font-weight:700}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.dot-on{background:#6a9c59}.dot-off{background:#999}.toast{position:fixed;top:calc(8px + var(--safe-top));left:50%;transform:translate(-50%);background:var(--red-dark);color:var(--cream);padding:10px 16px;border-radius:8px;z-index:100;max-width:90vw}.landing{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px calc(20px + var(--safe-bottom));gap:18px;background:radial-gradient(ellipse at top,rgba(193,68,46,.25),transparent 60%),var(--ink)}.landing-art{text-align:center}.landing-title{font-size:clamp(2.4rem,12vw,4rem);font-weight:900;letter-spacing:.12em;color:var(--cream);line-height:1}.landing-title-red{color:var(--red)}.landing-sub{font-style:italic;opacity:.7;margin-top:8px}.landing-form{width:100%;max-width:340px;display:flex;flex-direction:column;gap:12px}.landing-or{text-align:center;opacity:.5}.field{display:flex;flex-direction:column;gap:4px;font-size:.85rem}.field input{min-height:44px;padding:8px 12px;border:2px solid var(--cream-dark);border-radius:6px;background:var(--cream);color:var(--ink)}.landing-footer{font-size:.7rem;opacity:.55;text-align:center;max-width:340px}.lobby{flex:1;display:flex;flex-direction:column;gap:14px;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));max-width:560px;width:100%;margin:0 auto}.lobby-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.lobby-label{font-size:.7rem;opacity:.6;letter-spacing:.2em}.lobby-code{font-size:2rem;font-weight:900;letter-spacing:.25em;color:var(--gold)}.lobby-share{display:flex;gap:8px}.lobby-seats-label{font-weight:700;display:flex;align-items:center;gap:10px}.lobby-seatcount{display:inline-flex;gap:6px}.lobby-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lobby-player{display:flex;align-items:center;gap:8px;background:#f3e9d214;border-radius:8px;padding:10px 12px;min-height:48px}.lobby-player-name{flex:1}.lobby-player-empty{opacity:.4;font-style:italic}.lobby-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}.game{flex:1;display:flex;flex-direction:column;height:100dvh;padding-top:var(--safe-top);overflow:hidden}.game-header{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem}.game-room{font-weight:700;letter-spacing:.2em;color:var(--gold)}.role-peek-btn{margin-left:auto}.board{padding:4px 12px 8px;display:flex;flex-direction:column;gap:8px}.hitler-zone-banner{background:var(--red-dark);color:var(--cream);text-align:center;font-size:.78rem;padding:6px 8px;border-radius:6px;font-weight:700}.track{display:flex;align-items:center;gap:5px;padding:8px;border-radius:8px}.track-liberal{background:var(--blue-dark)}.track-fascist{background:var(--red-dark)}.track-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.55rem;letter-spacing:.25em;opacity:.8;font-family:system-ui,sans-serif}.slot{flex:1;aspect-ratio:3 / 4;max-width:52px;border:2px dashed rgba(243,233,210,.4);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:900}.slot-filled{border-style:solid}.slot-liberal.slot-filled{background:var(--blue);border-color:var(--cream)}.slot-fascist.slot-filled{background:var(--red);border-color:var(--cream)}.tracker{display:flex;flex-direction:column;gap:4px;margin-left:4px}.tracker-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--cream)}.tracker-on{background:var(--gold);border-color:var(--gold)}.deck-counts{display:flex;flex-direction:column;gap:2px;font-size:.8rem;margin-left:4px;font-family:system-ui,sans-serif;white-space:nowrap}.player-strip{display:flex;gap:6px;overflow-x:auto;padding:4px 12px;flex-shrink:0;-webkit-overflow-scrolling:touch}.chip{flex:0 0 auto;background:#f3e9d21a;border-radius:8px;padding:6px 8px;min-width:92px;font-size:.8rem;border:1px solid transparent}.chip-you{border-color:var(--gold)}.chip-dead{opacity:.45}.chip-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;font-weight:700}.chip-badges{display:flex;flex-wrap:wrap;gap:2px;margin-top:3px}.chip-badges .badge{margin-left:0}.game-bottom{margin-top:auto;display:flex;flex-direction:column}.sheet{background:var(--cream);color:var(--ink);border-radius:14px 14px 0 0;padding:14px 16px;display:flex;flex-direction:column;gap:10px;animation:sheet-up .25s ease-out;max-height:55dvh;overflow-y:auto}@keyframes sheet-up{0%{transform:translateY(30%);opacity:.4}to{transform:translateY(0);opacity:1}}.sheet-title{font-weight:700;font-size:.95rem}.sheet .btn{border-color:var(--ink);color:var(--ink)}.sheet .btn-primary{background:var(--red);border-color:var(--red-dark);color:var(--cream)}.sheet .btn-danger{background:var(--red-dark);border-color:var(--red);color:var(--cream)}.sheet-targets{display:flex;flex-direction:column;gap:8px}.sheet-vote{display:flex;gap:10px}.sheet-vote .btn{flex:1;min-height:56px;font-size:1.2rem}.btn-ja{background:var(--blue)!important;border-color:var(--blue-dark)!important;color:var(--cream)!important}.btn-nein{background:var(--red)!important;border-color:var(--red-dark)!important;color:var(--cream)!important}.sheet-cards{display:flex;gap:10px;justify-content:center}.policy-card{flex:1;max-width:110px;aspect-ratio:3 / 4;border-radius:8px;border:3px solid var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-weight:900;cursor:pointer;color:var(--cream)}.policy-liberal{background:var(--blue)}.policy-fascist{background:var(--red)}.policy-static{cursor:default}.policy-card-name{font-size:.9rem;letter-spacing:.08em}.policy-card-label{font-size:.65rem;opacity:.85;font-family:system-ui,sans-serif}.inv-result{padding:12px;border-radius:8px;color:var(--cream);text-align:center}.inv-liberal{background:var(--blue)}.inv-fascist{background:var(--red)}.action-bar{background:var(--ink);border-top:2px solid var(--cream-dark);min-height:calc(52px + var(--safe-bottom));padding:8px 14px calc(8px + var(--safe-bottom));display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.9rem}.action-bar>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-bar-mine{color:var(--gold);font-weight:700;animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.sheet-gameover{align-items:center;text-align:center}.gameover-title{font-size:1.6rem;font-weight:900;letter-spacing:.1em}.gameover-liberal{color:var(--blue)}.gameover-fascist{color:var(--red)}.gameover-roles{font-size:.85rem;display:flex;flex-direction:column;gap:2px}.role-text-liberal{color:var(--blue)}.role-text-fascist{color:var(--red)}.role-text-hitler{color:var(--red-dark)}.role-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:50}.role-card{width:min(70vw,280px);border-radius:12px;padding:28px 20px;text-align:center;display:flex;flex-direction:column;gap:10px;border:4px solid var(--cream)}.role-card-liberal{background:var(--blue)}.role-card-fascist{background:var(--red)}.role-card-hitler{background:#1a1a1a;color:var(--red)}.role-card-title{font-size:1.8rem;font-weight:900;letter-spacing:.15em}.role-card-party{font-size:.9rem;opacity:.9}.role-card-info{font-size:.85rem;background:#00000040;border-radius:6px;padding:8px}.drawer-toggle{flex-shrink:0;white-space:nowrap;border-radius:22px}.unread-badge{background:var(--red);color:var(--cream);border-radius:10px;font-size:.7rem;padding:1px 6px;margin-left:6px}.drawer{position:fixed;left:0;right:0;bottom:calc(60px + var(--safe-bottom));margin:0 8px;max-height:45dvh;background:#201a13;border:2px solid var(--cream-dark);border-radius:12px;z-index:39;display:flex;flex-direction:column;animation:sheet-up .25s ease-out}.drawer-tabs{display:flex}.drawer-tab{flex:1;min-height:44px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--cream);font-weight:700;cursor:pointer}.drawer-tab-on{border-bottom-color:var(--gold);color:var(--gold)}.drawer-body{flex:1;overflow-y:auto;padding:8px 12px;font-size:.85rem;display:flex;flex-direction:column;gap:6px;min-height:120px}.log-line{opacity:.85;font-family:system-ui,sans-serif;font-size:.78rem}.chat-line{word-break:break-word}.drawer-input{display:flex;gap:6px;padding:8px;border-top:1px solid rgba(243,233,210,.2)}.drawer-input input{flex:1;min-height:44px;padding:6px 10px;border-radius:6px;border:1px solid var(--cream-dark);background:var(--cream);color:var(--ink)}.event-flash{position:fixed;top:20dvh;left:50%;transform:translate(-50%);z-index:45;background:#201a13f5;border:3px solid var(--cream-dark);border-radius:14px;padding:18px 22px;min-width:240px;max-width:90vw;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;animation:flash-in .3s ease-out;cursor:pointer}@keyframes flash-in{0%{transform:translate(-50%) scale(.8);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.flash-title{font-size:1.15rem;font-weight:900;letter-spacing:.08em}.flash-blue{color:var(--blue);filter:brightness(1.6)}.flash-red{color:var(--red);filter:brightness(1.3)}.flash-sub{font-size:.8rem;opacity:.75}.flash-votes{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:320px}.flash-vote{font-size:.7rem;font-family:system-ui,sans-serif;padding:2px 7px;border-radius:10px}.flash-vote-ja{background:var(--blue)}.flash-vote-nein{background:var(--red)}.flash-policy{width:84px;aspect-ratio:3 / 4;border-radius:8px;border:3px solid var(--cream);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.85rem;color:var(--cream);animation:flash-in .35s ease-out}.landing-extras{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.tut-setting{display:flex;align-items:center;gap:8px;font-size:.85rem;opacity:.85;cursor:pointer;min-height:44px}.tut-setting input{width:20px;height:20px;accent-color:var(--gold)}.tut-toggle{border-radius:16px;opacity:.6}.tut-toggle-on{opacity:1;border-color:var(--gold);color:var(--gold)}.tut-tip{margin:4px 12px;background:#c9a2271f;border:1px solid var(--gold);border-radius:10px;padding:10px 12px;font-size:.82rem;animation:sheet-up .25s ease-out}.tut-tip-head{display:flex;align-items:center;gap:8px}.tut-badge{font-size:.58rem;font-family:system-ui,sans-serif;letter-spacing:.12em;background:var(--gold);color:var(--ink);padding:2px 6px;border-radius:4px;font-weight:700}.tut-close{margin-left:auto;background:none;border:none;color:var(--cream);font-size:1rem;min-width:44px;min-height:32px;cursor:pointer;opacity:.7}.tut-tip-body{margin-top:6px;line-height:1.45;opacity:.9}.tut-tip-links{display:flex;gap:14px}.tut-off{background:none;border:none;color:var(--gold);text-decoration:underline;font-size:.75rem;padding:8px 0 2px;cursor:pointer;min-height:32px}.howto-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px}.howto{background:var(--cream);color:var(--ink);border-radius:12px;max-width:480px;width:100%;max-height:85dvh;display:flex;flex-direction:column}.howto-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:2px solid var(--cream-dark);font-size:1.05rem}.howto-head .tut-close{color:var(--ink)}.howto-body{overflow-y:auto;padding:4px 16px 16px;font-size:.9rem;line-height:1.5}.howto-body .role-text-liberal{color:var(--blue);font-weight:700}.howto-body .role-text-fascist{color:var(--red);font-weight:700}.howto-body .role-text-hitler{color:var(--red-dark);font-weight:700}@media (min-width: 700px){.game,.lobby{max-width:560px;margin:0 auto;width:100%}.drawer{max-width:544px;margin:0 auto}}