:root{--gold:#d4af37;--gold2:#f3d77a;--gold3:#8a6a1c;--ink:#0b0805;--t0:#3fb6a8;--t1:#d1495b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;height:100%;background:var(--ink);color:#f4ead0;font-family:Georgia,Times New Roman,serif;overscroll-behavior:none}button{font-family:inherit}.app{min-height:100dvh;max-width:560px;margin:0 auto;position:relative;display:flex;flex-direction:column;background:repeating-linear-gradient(95deg,rgba(255,255,255,.018) 0 2px,transparent 2px 9px),repeating-linear-gradient(88deg,rgba(0,0,0,.35) 0 1px,transparent 1px 23px),linear-gradient(180deg,#1a130d,#0b0805 60%,#140e09)}.net{position:absolute;top:4px;right:8px;font-size:10px;letter-spacing:.05em;z-index:5;opacity:.8}.net.on{color:#9fd48a}.net.off{color:var(--gold2)}.btn{border:0;border-radius:12px;padding:10px 16px;font-size:15px;cursor:pointer;color:#1a1206}.btn.gold{background:linear-gradient(180deg,var(--gold2),var(--gold) 55%,var(--gold3));box-shadow:0 2px 0 #5c4510,0 0 14px rgba(212,175,55,.25);font-weight:700}.btn.gold:active{transform:translateY(1px)}.btn.ghost{background:transparent;color:var(--gold);font-size:20px;padding:4px 10px}.btn.wide{width:100%}.btn.big{font-size:19px;padding:15px}.menu{padding:34px 18px 20px;display:flex;flex-direction:column;gap:14px}.logo{text-align:center;padding:8px 0 4px}.logo .pana{letter-spacing:.5em;color:var(--gold);font-size:13px}.logo h1{margin:4px 0;font-size:38px;font-style:italic;background:linear-gradient(180deg,#fff3c4,var(--gold) 60%,var(--gold3));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 12px rgba(212,175,55,.2)}.logo .sub{color:#b9a77a;font-size:13px}.panel{border:1.5px solid var(--gold3);border-radius:16px;padding:14px;background:rgba(0,0,0,.45);box-shadow:inset 0 0 0 3px #000,inset 0 0 0 4px rgba(212,175,55,.35)}.panel label{display:block;margin:10px 0 6px;color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button{flex:1 1;min-width:70px;padding:9px 6px;border-radius:10px;border:1px solid #4a3a1a;background:#15100a;color:#e8d9ad;font-size:14px}.seg button.sel{border-color:var(--gold);background:linear-gradient(180deg,#3a2c10,#1d150a);color:var(--gold2);box-shadow:0 0 10px rgba(212,175,55,.3)}.hint{font-size:13px;color:#b9a77a;margin:8px 0 0;line-height:1.35}.foot{text-align:center;font-size:11px;color:#8d7d57}.table-wrap{flex:1 1;display:flex;flex-direction:column;min-height:100dvh}.bar{display:flex;align-items:center;gap:6px;padding:8px 8px 4px;border-bottom:1px solid #3a2c10}.bar .title{flex:1 1;color:var(--gold2);font-size:15px}.bar .title span{color:#9c8a5c;font-size:12px}.status{font-size:11px;color:#c9b98a;display:flex;gap:8px}.streak i{display:inline-block;width:8px;height:8px;border-radius:50%;border:1px solid var(--gold3);margin-left:2px}.streak i.on{background:var(--gold);box-shadow:0 0 6px var(--gold)}.table{flex:1 1;position:relative;margin:8px;border-radius:26px;min-height:360px;background:radial-gradient(ellipse at 50% 40%,rgba(212,175,55,.07),transparent 60%),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 7px,rgba(0,0,0,.25) 7px 8px,transparent 8px 19px),linear-gradient(160deg,#17110b,#060403 70%);border:3px solid var(--gold);box-shadow:0 0 0 6px #120c06,0 0 0 8px var(--gold3),inset 0 0 40px #000,0 10px 30px rgba(0,0,0,.7)}.rail{inset:8px;border-radius:18px;border:1px dashed rgba(212,175,55,.25);pointer-events:none}.rail,.seat{position:absolute}.seat{display:flex;flex-direction:column;align-items:center;gap:3px;z-index:2}.seat.top{top:8px;left:50%;transform:translateX(-50%)}.seat.left{left:6px}.seat.left,.seat.right{top:42%;transform:translateY(-50%)}.seat.right{right:6px}.me.turn .face,.seat.turn .face{box-shadow:0 0 0 2px var(--gold2),0 0 16px var(--gold);animation:pulse 1.2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 2px var(--gold2),0 0 4px var(--gold)}}.back{display:flex;gap:1px;flex-wrap:wrap;max-width:80px;justify-content:center}.mini{width:7px;height:13px;border-radius:2px;background:#111;border:1px solid var(--gold3)}.avatar{display:flex;flex-direction:column;align-items:center;position:relative}.face{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#1a1206;background:radial-gradient(circle at 35% 30%,var(--gold2),var(--gold) 50%,var(--gold3));border:2px solid #000}.team0 .face{outline:2px solid var(--t0)}.team1 .face{outline:2px solid var(--t1)}.nm{font-size:10px;color:#e8d9ad;white-space:nowrap}.pts{font-size:12px;color:var(--gold2);font-weight:700}.sack{top:-6px;right:-14px;font-size:18px;filter:drop-shadow(0 1px 2px #000)}.sack,.sack b{position:absolute}.sack b{right:-4px;bottom:-2px;font-size:10px;background:var(--t1);color:#fff;border-radius:8px;padding:0 4px}.bubble{position:absolute;top:-18px;background:var(--gold);color:#1a1206;font-size:12px;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap;animation:pop .25s}@keyframes pop{0%{transform:scale(.4);opacity:0}}.board{left:62px;right:62px;top:92px;bottom:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.board,.snake{position:absolute}.snake{inset:0}.placed{position:absolute;transition:left .3s,top .3s}.placed .tile{width:100%;height:100%}.placed.spin .tile{filter:drop-shadow(0 0 5px rgba(243,215,122,.95))}.waiting{position:relative;z-index:1}.line{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;max-width:100%}.ends{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:12px;color:#bfae7e;z-index:3}.ends b{color:var(--gold2);margin-left:4px}.row.wrap{flex-wrap:wrap}.waiting{color:#bfae7e;font-style:italic;font-size:14px;text-align:center}.tile{display:block;filter:drop-shadow(0 2px 2px rgba(0,0,0,.8))}.tile-btn{cursor:pointer}.tile-glow{filter:drop-shadow(0 0 6px rgba(243,215,122,.9));transform:translateY(-6px);transition:transform .15s}.tile-dim{opacity:.45}.slam{animation:slam .35s cubic-bezier(.2,1.6,.4,1)}@keyframes slam{0%{transform:scale(1.9) rotate(-8deg);opacity:.3}70%{transform:scale(.94)}to{transform:scale(1)}}.me{padding:6px 8px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #3a2c10;background:linear-gradient(0deg,#000,transparent)}.me-top{display:flex;align-items:center;gap:10px;position:relative;min-height:50px}.me-b{top:-10px;left:50px}.prompt{flex:1 1;color:var(--gold2);font-size:14px}.hand{gap:5px;flex-wrap:wrap;padding-top:10px}.hand,.modal,.sheet{display:flex;justify-content:center}.modal,.sheet{position:fixed;inset:0;background:rgba(0,0,0,.6);align-items:flex-end;z-index:20}.modal{align-items:center}.modal-in,.sheet-in{width:100%;max-width:560px;background:linear-gradient(180deg,#1d150c,#0b0805);border-top:2px solid var(--gold);padding:18px;text-align:center;border-radius:18px 18px 0 0}.modal-in{border:2px solid var(--gold);border-radius:18px;margin:12px;max-height:90dvh;overflow:auto}.modal-in h2{color:var(--gold2);margin:4px 0 10px;font-size:20px}.sub{color:#c9b98a;font-size:13px}.row{display:flex;gap:10px;justify-content:center;margin-top:12px}.rows{flex-direction:column}.rows,.rrow{display:flex;gap:6px}.rrow{align-items:center;padding:6px;border-radius:10px;background:rgba(255,255,255,.03);font-size:13px}.rrow.winner{outline:1px solid var(--gold)}.rrow.loser{outline:1px solid var(--t1)}.rn{width:92px;text-align:left}.rt{flex:1 1;display:flex;gap:2px;flex-wrap:wrap}.rp{color:#bfae7e}.rx{color:var(--gold2);min-width:36px;text-align:right}.drawoff{margin:10px 0;padding:10px;border:1px solid var(--gold3);border-radius:12px;background:rgba(212,175,55,.06)}.do-h{color:var(--gold2);font-weight:700;margin-bottom:6px}.do-row{gap:10px;justify-content:center;margin:6px 0;flex-wrap:wrap;animation:pop .3s}.do-p,.do-row{display:flex;align-items:center}.do-p{gap:4px;font-size:12px}.do-p b{color:var(--gold2)}.do-re{font-size:11px;color:#bfae7e;font-style:italic}.do-l{color:var(--t1);font-size:13px;margin-top:4px}.flip{animation:flip .5s ease-out}@keyframes flip{0%{transform:rotateY(90deg)}}.acct label{display:block;margin:12px 0 6px}.acct-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.acct-t{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.coins{font-size:22px;font-weight:700;color:var(--gold2);text-shadow:0 0 10px rgba(212,175,55,.35)}.acct .btn:disabled{opacity:.6;cursor:default}.btn.center{display:block;text-align:center;text-decoration:none}.flash{font-size:13px;color:var(--gold2);text-align:center}.fine,.flash{margin:8px 0 0}.fine{font-size:11px;color:#8d7d57;line-height:1.35}.chal{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.chal li{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:6px 8px;border:1px solid #3a2d14;border-radius:8px;background:#120d07;color:#e8d9ad}.chal li.done{border-color:var(--gold3);color:var(--gold2)}.chal .rw{color:#b9a77a;white-space:nowrap}.chal li.done .rw{color:var(--gold)}.badges{display:flex;flex-wrap:wrap;gap:6px}.badge{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid #3a2d14;color:#6f6147;background:#100b06}.badge.on{border-color:var(--gold);color:var(--gold2);background:linear-gradient(180deg,#3a2c10,#1d150a);box-shadow:0 0 8px rgba(212,175,55,.25)}.hist{margin-top:12px;font-size:13px;color:#c9b98a}.hist summary{cursor:pointer;color:var(--gold)}.hist ul{list-style:none;margin:6px 0 0;padding:0}.hist li{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px dotted #3a2d14}.hist .plus{color:var(--gold2)}.hist .minus{color:#d98a7a}.linkish{margin-top:10px;background:none;border:0;color:#8d7d57;font-size:12px;text-decoration:underline;cursor:pointer;padding:0}