:root{--gold:#e8c070;--gold2:#b8872e;--red:#c8243c;--red2:#7a0f1f;--ink:#120c0a;--felt:#0e3a24;--cream:#f4ead2}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{height:100%;overflow:hidden;overscroll-behavior:none;background:#120c0a}body{position:fixed;inset:0;font-family:Nunito,system-ui,sans-serif;color:var(--cream);touch-action:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}input{font:inherit;user-select:text;-webkit-user-select:text}[hidden]{display:none!important}#stage{position:absolute;inset:0}#stage canvas{display:block;width:100%;height:100%}.layer{position:absolute;inset:0;z-index:5}#vig{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.65));transition:background .4s}#vig.danger{background:radial-gradient(ellipse at center,transparent 35%,rgba(150,0,20,.7))}#flash{position:absolute;inset:0;z-index:9;pointer-events:none;background:#fff;opacity:0}#flash.bang{animation:bang 1.1s ease-out}#flash.black{background:#000;opacity:1;transition:opacity 1s}@keyframes bang{0%{opacity:1}20%{opacity:.9;background:#fff}to{opacity:0}}.btn{font-family:Lilita One,sans-serif;font-size:22px;letter-spacing:.06em;padding:12px 24px;border-radius:14px;border:2px solid #000;box-shadow:0 5px #000,inset 0 2px #ffffff59;transition:transform .08s,box-shadow .08s,opacity .2s}.btn:active{transform:translateY(3px);box-shadow:0 2px #000}.btn:disabled{opacity:.35;pointer-events:none}.btn.gold{background:linear-gradient(180deg,#f6d98e,var(--gold2));color:#2a1a08}.btn.red{background:linear-gradient(180deg,#ff5a6e,var(--red2));color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.4)}.btn.dark{background:linear-gradient(180deg,#3a302a,#1a1410);color:var(--cream)}.btn.big{font-size:28px;padding:14px 40px}.link{font-weight:900;color:var(--gold);font-size:15px;text-decoration:underline}#menu{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:max(26px,env(safe-area-inset-top)) 16px max(22px,env(safe-area-inset-bottom));pointer-events:none}#menu>*{pointer-events:auto}.title{display:flex;flex-direction:column;align-items:center;line-height:.9;text-align:center}.title span{font-family:Lilita One,sans-serif;letter-spacing:.04em}.title .t1{font-size:62px;color:#ff3b6b;text-shadow:0 0 18px rgba(255,59,107,.8),0 0 40px rgba(255,59,107,.5);animation:neon 3.2s infinite}.title .t2{font-size:44px;color:var(--gold);text-shadow:0 0 14px rgba(232,192,112,.6)}.title small{margin-top:10px;font-family:Special Elite,monospace;font-size:15px;color:#d9c9a8}@keyframes neon{0%,18%,22%,60%,to{opacity:1}20%,61%{opacity:.35}}.menu-bottom{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(420px,100%)}.chars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.chars button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:12px;background:#140e0abf;border:2px solid #3a2a1a;font-weight:900;font-size:13px}.chars button span{font-size:26px}.chars button small{font-size:10px;color:#bba;font-weight:800}.chars button.sel{border-color:var(--gold);box-shadow:0 0 14px #e8c07073;background:#3c280fd9}#name{width:100%;text-align:center;padding:11px 14px;border-radius:12px;border:2px solid var(--gold2);background:#140e0ad9;color:var(--cream);font-weight:900;font-size:17px;outline:none}#hud{pointer-events:none}#hud>*{pointer-events:auto}.top{position:absolute;left:10px;right:10px;top:max(10px,env(safe-area-inset-top));display:flex;gap:8px;align-items:center;pointer-events:none!important}.top>*{pointer-events:auto}.tcard{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:12px;background:#0a0604cc;border:2px solid var(--gold2)}.tcard .lbl{font-size:10px;font-weight:900;color:#bba;writing-mode:vertical-rl;transform:rotate(180deg)}.tcard .rank{width:34px;height:46px;border-radius:6px;background:var(--cream);color:#b3122e;display:grid;place-items:center;font:900 26px Georgia,serif;border:2px solid #8a6a3a}.tcard b{font-family:Lilita One,sans-serif;font-size:22px;color:var(--gold);letter-spacing:.05em}.pile{margin-left:auto;font-weight:900;font-size:15px;color:var(--cream);background:#0a0604cc;border:2px solid var(--gold2);padding:5px 10px;border-radius:10px}.pile+.round{margin-left:0}.round{margin-left:auto;font-family:Special Elite,monospace;font-size:15px;color:#d9c9a8;background:#0a0604b3;padding:6px 10px;border-radius:10px}.icon{width:38px;height:38px;border-radius:10px;background:#0a0604cc;border:2px solid var(--gold2);font-size:17px}.lab{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none;transition:opacity .3s}.lab .nm{font-weight:900;font-size:13px;padding:3px 9px;border-radius:9px;background:#0a0604cc;border:1px solid #5a4630;white-space:nowrap}.lab.turn .nm{border-color:var(--gold);color:var(--gold);box-shadow:0 0 12px #e8c07080}.lab .st{font-size:12px;font-weight:900;color:#d9c9a8;background:#0a060499;padding:2px 7px;border-radius:8px;white-space:nowrap}.lab.dead{opacity:.4}.lab .bub{font-family:Lilita One,sans-serif;font-size:18px;padding:4px 12px;border-radius:14px;background:var(--cream);color:#2a1a08;border:2px solid #000;box-shadow:0 3px #000;white-space:nowrap;animation:bub .3s cubic-bezier(.2,1.6,.4,1)}.lab .bub.liar{background:var(--red);color:#fff}@keyframes bub{0%{transform:scale(.3)}}#big{position:absolute;left:0;right:0;top:30%;text-align:center;font-family:Lilita One,sans-serif;font-size:64px;letter-spacing:.04em;pointer-events:none!important;opacity:0;text-shadow:0 4px 0 #000,0 0 30px rgba(0,0,0,.8)}#big.show{animation:big 1.6s ease forwards}@keyframes big{0%{opacity:0;transform:scale(2)}15%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(1.05)}}.msg{font-family:Special Elite,monospace;font-size:15px;color:#f0e0c0;background:#0a0604c7;padding:6px 14px;border-radius:10px;pointer-events:none!important;text-align:center;max-width:94vw}.msg:empty{display:none}.me-bar{position:absolute;left:0;right:0;bottom:0;padding:0 10px max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none!important;background:linear-gradient(transparent,#0000008c 40%)}.me-bar>*{pointer-events:auto}.me-info{font-weight:900;font-size:14px;color:#d9c9a8}.timer{width:min(360px,80vw);height:6px;border-radius:4px;background:#ffffff1f;overflow:hidden}.timer i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--red))}.hand{display:flex;justify-content:center;gap:6px;min-height:118px;align-items:flex-end}.card{width:74px;height:104px;border-radius:9px;background:var(--cream);border:2px solid #8a6a3a;box-shadow:0 4px 10px #0009;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Georgia,serif;transition:transform .15s,box-shadow .15s;position:relative}.card .c1{position:absolute;left:6px;top:3px;font-weight:900;font-size:20px}.card .c2{font-size:40px;line-height:1}.card .c3{font-size:10px;font-weight:900;font-family:Nunito;color:#6a5a40;margin-top:2px}.card.K{color:#b3122e}.card.Q{color:#6a2bb3}.card.A{color:#1d1a22}.card.J{color:#c98a00}.card.ok:after{content:"";position:absolute;inset:-3px;border-radius:11px;box-shadow:0 0 0 2px #4fd66a00}.card.sel{transform:translateY(-18px);box-shadow:0 0 0 3px var(--gold),0 10px 18px #000000b3}.hand.off .card{filter:brightness(.6)}.acts{display:flex;gap:10px}#result,#how{display:grid;place-items:center;padding:16px;background:#0009;backdrop-filter:blur(2px)}.rcard{width:min(380px,100%);background:linear-gradient(180deg,#2a1d14,#150e0a);border:2px solid var(--gold2);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:12px;align-items:center;box-shadow:0 20px 60px #000000b3;animation:rin .4s cubic-bezier(.2,1.4,.4,1)}@keyframes rin{0%{transform:scale(.7);opacity:0}}.rtitle{font-family:Lilita One,sans-serif;font-size:40px;color:var(--gold);text-align:center;line-height:1;text-shadow:0 0 18px rgba(232,192,112,.4)}.rtitle.lose{color:#ff3b6b;text-shadow:0 0 18px rgba(255,59,107,.5)}.rtitle.small{font-size:30px}.rsub{font-family:Special Elite,monospace;font-size:15px;text-align:center;color:#d9c9a8}.rbtns{display:flex;gap:10px}.howlist{display:flex;flex-direction:column;gap:8px;font-weight:800;font-size:14px;line-height:1.4;color:#e8dcc0}.howlist div{background:#ffffff0d;border-radius:12px;padding:8px 12px}.howlist b{color:var(--gold)}.howlist div>b:first-child{display:block;font-family:Lilita One,sans-serif;font-weight:400;font-size:17px}@media (max-width:420px){.card{width:min(60px,calc((100vw - 44px)/5));height:min(86px,calc((100vw - 44px)*.286))}.card .c2{font-size:32px}.hand{min-height:100px;gap:4px}#big{font-size:52px}}#menu{overflow-y:auto}@media (max-height:760px){.title .t1{font-size:44px}.title .t2{font-size:32px}.title small{font-size:13px;margin-top:6px}.menu-bottom{gap:7px}.chars button{padding:5px 4px;font-size:12px}.chars button span{font-size:20px}.chars button small{display:none}#name{padding:8px 12px;font-size:15px}.btn.big{font-size:22px;padding:10px 30px}}@media (max-height:520px){.title small{display:none}.title .t1{font-size:34px}.title .t2{font-size:24px}}@media (max-width:480px){.tcard{padding:4px 9px 4px 4px;gap:6px}.tcard .rank{width:28px;height:38px;font-size:21px}.tcard b{font-size:18px}.msg{font-size:13px;padding:5px 10px}.round{font-size:13px;padding:5px 8px}.pile{font-size:13px;padding:4px 8px}}.shot .menu-bottom,.shot .title small{display:none!important}