:root{--felt-1: #0b3d2e;--felt-2: #06241b;--gold: #e9c46a;--gold-2: #f4a261;--ink: #1b1b22;--paper: #f7f4ea;--danger: #e63946;--ok: #2a9d8f;--shadow: 0 10px 30px rgba(0, 0, 0, .45);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--paper);background:radial-gradient(1200px 700px at 50% -10%,#14543f 0%,var(--felt-1) 40%,var(--felt-2) 100%);overflow:hidden}.app{position:relative;height:100%;width:100%}.screen{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;overflow:auto}.title{font-size:clamp(56px,12vw,140px);font-weight:900;letter-spacing:6px;margin:0;color:var(--gold);text-shadow:0 4px 0 #7a5a18,0 12px 30px rgba(0,0,0,.6);transform:rotate(-2deg)}.title.small{font-size:clamp(34px,7vw,70px)}.hero-img{width:min(560px,88vw);height:auto;border-radius:16px;box-shadow:var(--shadow);margin-bottom:6px}.title .poop{font-size:.5em;margin-left:12px}.tagline{color:#cfe8dd;opacity:.9;margin:8px 0 28px;font-size:18px}.card-panel{background:#0000004d;border:1px solid rgba(233,196,106,.3);border-radius:18px;padding:26px;width:min(420px,92vw);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.field{display:flex;flex-direction:column;gap:6px;text-align:left;margin-bottom:16px}.field span{font-size:13px;opacity:.8}input{background:#fffffff2;border:none;border-radius:10px;padding:14px 16px;font-size:18px;color:var(--ink);outline:none}.code-input{text-transform:uppercase;letter-spacing:4px;font-weight:800;text-align:center}.btn{border:none;border-radius:12px;padding:14px 18px;font-size:17px;font-weight:800;cursor:pointer;background:#2b6b54;color:var(--paper);transition:transform .08s ease,filter .15s ease}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:active:not(:disabled){transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,var(--gold),var(--gold-2));color:#3a2b07;width:100%}.btn.secondary{background:#2a9d8fd1;color:var(--paper);width:100%}.btn.big{padding:18px 30px;font-size:20px;margin-top:18px}.divider{display:flex;align-items:center;gap:10px;color:#bcd;opacity:.7;margin:18px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#fff3}.join-row{display:flex;gap:10px}.join-row input{flex:1}.room-browser{margin-top:18px;text-align:left}.room-browser-head{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#cfe8dd;font-size:13px;font-weight:800}.link-btn{border:none;background:transparent;color:var(--gold);cursor:pointer;font:inherit;font-weight:900;padding:4px 0}.link-btn:disabled{opacity:.45;cursor:not-allowed}.room-list{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:8px;max-height:168px;overflow:auto}.room-list li{margin:0}.room-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(233,196,106,.25);border-radius:8px;background:#0000003d;color:var(--paper);cursor:pointer;padding:10px 12px;text-align:left}.room-item:hover:not(:disabled){border-color:#e9c46a99}.room-item:disabled{opacity:.45;cursor:not-allowed}.room-item-code{color:var(--gold);font-size:18px;font-weight:900;letter-spacing:2px}.room-item-meta{color:#cfe8dd;opacity:.82;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-rooms{margin:10px 0 0;color:#bcd;opacity:.72;font-size:13px;text-align:center}.hint{color:#bcd;opacity:.75;font-size:14px;margin-top:14px}.form-error{color:#ffd0d0;background:#e6394640;border:1px solid var(--danger);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:700;margin-top:14px}.room-code{margin:10px 0 24px;display:flex;flex-direction:column;align-items:center;gap:4px}.room-code .label{font-size:13px;opacity:.7}.room-code .code{max-width:100%;font-size:clamp(38px,13vw,56px);font-weight:900;letter-spacing:clamp(4px,2.5vw,12px);color:var(--gold);cursor:pointer;text-shadow:var(--shadow);overflow-wrap:anywhere;line-height:1.08}.player-list{list-style:none;padding:0;width:min(360px,90vw)}.player-list li{display:flex;align-items:center;gap:10px;background:#00000047;border-radius:12px;padding:12px 16px;margin-bottom:10px;font-size:18px;font-weight:700}.dot{width:10px;height:10px;border-radius:50%;background:#777}.dot[data-on=true]{background:#43d17a;box-shadow:0 0 8px #43d17a}.badge{margin-left:auto;font-size:11px;font-weight:800;background:var(--gold);color:#3a2b07;padding:3px 8px;border-radius:99px}.badge.you{background:#6cc;color:#043}.badge.bot{background:#9fbcd0;color:#10232e}.badge.call{background:var(--danger);color:#fff;animation:blink .4s infinite}.lobby-actions{width:min(360px,90vw);display:flex;flex-direction:column;gap:10px}@media (max-width: 420px){.screen{padding:16px;justify-content:flex-start}.home{padding-top:12px}.hero-img{width:min(360px,84vw)}.tagline{font-size:15px;margin-bottom:18px}.card-panel{width:100%;padding:18px;border-radius:12px}.join-row{flex-direction:column}.join-row .btn{width:100%}.room-item{align-items:flex-start;flex-direction:column}.room-item-meta{width:100%;white-space:normal}.room-code{width:100%}.room-code .code{letter-spacing:clamp(3px,2vw,8px)}.player-list,.lobby-actions{width:100%}}.table{justify-content:space-between;padding:16px}.table.is-alarm{animation:shake .25s linear infinite}.topbar{width:100%;display:flex;justify-content:space-between}.room-pill,.round-pill{background:#00000059;padding:6px 14px;border-radius:99px;font-weight:700;font-size:14px}.status-pill{padding:6px 18px;border-radius:99px;font-weight:800;font-size:15px;background:#0006;border:2px solid transparent;transition:all .15s}.status-pill.go{border-color:var(--gold);color:var(--gold)}.status-pill.ready{background:var(--gold);color:#3a2b07;animation:pulse .9s infinite}.status-pill.wait{color:#9fbcd0}.status-pill.alarm{background:var(--danger);color:#fff;animation:blink .4s infinite}.hand-hint.go{color:var(--gold)}.hand-hint.ready{color:var(--gold);font-weight:800}.hand-hint.alarm{color:#ff8a8a;font-weight:800}.opponents{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:8px}.opp{background:#00000042;border-radius:16px;padding:12px 14px;min-width:120px;border:2px solid transparent;transition:border .15s,transform .15s}.opp.reacted{border-color:var(--ok)}.opp.gone{opacity:.4;filter:grayscale(1)}.opp-name{font-weight:800;margin-bottom:8px;display:flex;gap:6px;align-items:center;justify-content:center}.opp-hand{display:flex;gap:3px;justify-content:center;min-height:46px;align-items:center;position:relative}.offer-dot{width:10px;height:10px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 8px var(--gold-2);margin-left:4px}.pcard{position:relative;width:84px;height:118px;border-radius:10px;background:var(--paper);color:var(--ink);border:none;box-shadow:var(--shadow);cursor:pointer;font-weight:800;padding:0}.pcard:disabled{cursor:default}.pcard.red{color:#d11}.pcard.black{color:#111}.pcard.hot{outline:3px solid var(--gold);box-shadow:0 0 24px var(--gold)}.pcard .corner{position:absolute;font-size:17px;line-height:1;display:flex;flex-direction:column;align-items:center}.pcard .corner em{font-style:normal;font-size:15px}.pcard .corner.tl{top:7px;left:8px}.pcard .corner.br{bottom:7px;right:8px;transform:rotate(180deg)}.pcard .pip{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:46px}.pcard.back{width:30px;height:44px;border-radius:5px;background:repeating-linear-gradient(45deg,#7a1f2b,#7a1f2b 6px,#a8333f 6px,#a8333f 12px);border:2px solid var(--paper);box-shadow:0 3px 8px #0006}.hand-area{display:flex;flex-direction:column;align-items:center;gap:10px}.hand{display:flex;gap:14px;min-height:130px;align-items:flex-end;perspective:800px}.hand-hint{opacity:.85;font-size:15px;margin:0;min-height:20px}.govno-btn{align-self:center;margin-bottom:6px;border:none;border-radius:16px;cursor:pointer;padding:18px 46px;font-size:26px;font-weight:900;letter-spacing:2px;background:#444;color:#999;box-shadow:var(--shadow);transition:transform .06s}.govno-btn:active:not(:disabled){transform:translateY(3px)}.govno-btn.ready{background:linear-gradient(180deg,var(--gold),var(--gold-2));color:#3a2b07;animation:pulse .9s infinite}.govno-btn.react{background:var(--danger);color:#fff;animation:pulse .4s infinite}.alarm-banner{position:absolute;top:38%;left:50%;transform:translate(-50%);background:var(--danger);color:#fff;font-size:40px;font-weight:900;padding:18px 40px;border-radius:18px;box-shadow:var(--shadow);z-index:30;display:flex;gap:14px;align-items:center}.alarm-banner .ok{font-size:18px;background:#00000040;padding:4px 10px;border-radius:99px}.pips{display:inline-flex;gap:3px;justify-content:center}.pip-letter{width:20px;height:24px;display:grid;place-items:center;font-size:13px;font-weight:900;border-radius:5px;background:#ffffff1a;color:#ffffff59}.pip-letter.lit{background:var(--danger);color:#fff;box-shadow:0 0 8px var(--danger)}.shit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;overflow:hidden}.shit-haze{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#53351400,#3c240ce6)}.splat{position:absolute;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5));will-change:transform;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.splat.swim-a{animation-name:swim-a}.splat.swim-b{animation-name:swim-b}.shit-level{position:absolute;top:64px;left:50%;transform:translate(-50%);z-index:55;display:flex;align-items:center;gap:8px;background:#3c240cd9;border:2px solid #8a5a1f;border-radius:99px;padding:8px 18px;box-shadow:var(--shadow)}.shit-level .emoji{font-size:26px;animation:bob 2s ease-in-out infinite}.shit-level .frac{font-size:22px;font-weight:900;color:#f0c98a;letter-spacing:1px}@keyframes swim-a{0%{transform:translate(-50%,-50%) rotate(0)}25%{transform:translate(calc(-50% + 26px),calc(-50% - 22px)) rotate(16deg)}50%{transform:translate(calc(-50% - 18px),calc(-50% + 16px)) rotate(-12deg)}75%{transform:translate(calc(-50% + 14px),calc(-50% + 26px)) rotate(10deg)}to{transform:translate(-50%,-50%) rotate(0)}}@keyframes swim-b{0%{transform:translate(-50%,-50%) rotate(0)}25%{transform:translate(calc(-50% - 24px),calc(-50% + 20px)) rotate(-18deg)}50%{transform:translate(calc(-50% + 20px),calc(-50% - 14px)) rotate(14deg)}75%{transform:translate(calc(-50% - 12px),calc(-50% - 24px)) rotate(-8deg)}to{transform:translate(-50%,-50%) rotate(0)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.poop-burst{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none;display:grid;place-items:center}.burst-poop{position:absolute;font-size:40px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}.burst-label{position:absolute;font-size:clamp(40px,9vw,90px);font-weight:900;letter-spacing:2px;color:#fff;-webkit-text-stroke:3px var(--danger);text-shadow:0 6px 18px rgba(0,0,0,.6)}.error-toast{position:absolute;top:18px;left:50%;transform:translate(-50%);background:var(--danger);color:#fff;padding:10px 18px;border-radius:10px;z-index:100;font-weight:700}.result-toast{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#000c;border:2px solid var(--gold);border-radius:16px;padding:18px 28px;z-index:60;display:flex;flex-direction:column;gap:8px;align-items:center}.result-toast.bad{border-color:var(--danger)}.result-toast .big{font-size:24px;font-weight:900}.result-toast .sub{font-size:13px;opacity:.7}.match-over .crown{font-size:110px}.standings{list-style:none;padding:0;width:min(380px,90vw)}.standings li{display:flex;justify-content:space-between;align-items:center;background:#00000047;border-radius:12px;padding:12px 16px;margin-bottom:8px;font-weight:700}.standings li.loser{border:2px solid var(--danger)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px,2px)}50%{transform:translate(3px,-3px)}75%{transform:translate(-2px,-2px)}}