body{margin:0;background:var(--bg,#1E6550)}
a{color:#F2C46B}a:hover{color:#FFE2A6}
.felt{background-image:radial-gradient(ellipse at 50% 45%,rgba(255,255,255,.07),rgba(0,0,0,.28) 78%),repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 1px,transparent 1px 5px),repeating-linear-gradient(-45deg,rgba(0,0,0,.06) 0 1px,transparent 1px 5px)}
.tile{position:absolute;width:46px;height:56px;padding:0;border:0;border-radius:7px;background:#FBF6EA;color:#1C2626;font-family:inherit;cursor:pointer;box-shadow:0 3px 0 #E3D3B2,0 6px 0 #C2702C,2px 7px 0 #8E4C17,0 10px 10px rgba(0,0,0,.35);transition:transform .12s ease}
.tile.l1{box-shadow:0 3px 0 #E3D3B2,0 6px 0 #C2702C,2px 7px 0 #8E4C17,0 13px 12px rgba(0,0,0,.42)}
.tile.l2,.tile.l3,.tile.l4,.tile.l5{box-shadow:0 3px 0 #E3D3B2,0 6px 0 #C2702C,2px 7px 0 #8E4C17,0 16px 14px rgba(0,0,0,.5)}
.tile.jk{background:#EADCF5}
.tile.jk .ch{color:#5B2A86}
.tile:disabled,.tile.blocked{cursor:default;filter:saturate(.55) brightness(.86)}
.tile.sel{background:#FFE7A8;transform:translateY(-6px);outline:3px solid #F2C46B;outline-offset:1px}
.tile .ch{position:absolute;left:0;right:0;top:7px;text-align:center;font-size:29px;font-weight:800;line-height:1}
.tile.bonus .ch{top:16px}
.tile .pt{position:absolute;right:6px;bottom:5px;font-size:12px;font-weight:700;color:#7A4513}
.tile .bn{position:absolute;left:0;right:0;top:0;height:13px;border-radius:7px 7px 0 0;font-size:9px;font-weight:800;letter-spacing:.04em;color:#fff;line-height:13px;text-align:center}
.tile .bn.lb{background:#22609A}.tile .bn.ob{background:#B3261E}
.rk{position:relative;width:38px;height:48px;border:0;padding:0;border-radius:6px;background:#FFE7A8;color:#1C2626;font-family:inherit;cursor:pointer;box-shadow:0 4px 0 #C2702C}
.rk.jk{background:#EADCF5;color:#5B2A86}
.rk.pk{background:#FBF6EA;box-shadow:0 4px 0 #8E5E14}
.rk.pk.on{background:#FFE7A8;outline:3px solid #F2C46B;outline-offset:1px}
.slot{width:38px;height:48px;box-sizing:border-box;border-radius:6px;border:2px dashed rgba(244,239,226,.3);flex:none}
.rk .ch{position:absolute;left:0;right:0;top:6px;text-align:center;font-size:24px;font-weight:800;line-height:1}
.rk .pt{position:absolute;right:4px;bottom:3px;font-size:10px;font-weight:700;color:#7A4513}
.act{height:52px;border:0;border-radius:14px;font-family:inherit;font-size:17px;font-weight:700;cursor:pointer}
.act:disabled{opacity:.4;cursor:default}
.hintb{height:44px;padding:0 12px;border:0;border-radius:22px;background:#D9A441;color:#3B2405;font-family:inherit;font-size:14px;font-weight:700;box-shadow:0 3px 0 #8E5E14;cursor:pointer}
.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;height:44px;padding:0 14px;border:0;border-radius:22px;background:rgba(0,0,0,.26);color:#F4EFE2;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px}
.chip.on{background:#F2C46B;color:#3B2405}
.chip .asym{font-size:11px;font-weight:700;padding:2px 6px;border-radius:8px;background:rgba(255,255,255,.14)}
.chip.on .asym{background:rgba(59,36,5,.14)}
.stat{border-radius:12px;padding:7px 10px;background:rgba(0,0,0,.22);display:flex;flex-direction:column;gap:2px}
.stat .k{font-size:12px;color:#DDEBE6}
.stat .v{font-size:23px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.over{position:absolute;inset:0;z-index:3000;border-radius:14px;background:rgba(7,30,27,.95);box-shadow:0 0 0 2px rgba(242,196,107,.5);padding:12px;display:flex;flex-direction:column;gap:10px}
.lk{height:40px;border:0;border-radius:6px;background:#FBF6EA;color:#1C2626;font-family:inherit;font-size:19px;font-weight:800;box-shadow:0 3px 0 #C2702C;cursor:pointer}
.small{height:44px;padding:0 14px;border:0;border-radius:10px;background:#6E7A76;color:#13201D;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}
.lrow{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 12px;border-radius:12px;background:rgba(0,0,0,.2);font-size:16px}
.lrow.me{background:rgba(242,196,107,.16);box-shadow:inset 0 0 0 2px #F2C46B}
.lrow .rk-n{font-weight:800;color:#C6DCD5;font-variant-numeric:tabular-nums}
.lrow .sc{font-weight:800;font-variant-numeric:tabular-nums}
.inp{height:48px;box-sizing:border-box;padding:0 14px;border:2px solid rgba(244,239,226,.35);border-radius:12px;background:rgba(0,0,0,.25);color:#F4EFE2;font-family:inherit;font-size:16px;font-weight:600;min-width:0}
.pop{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:2000;pointer-events:none;padding:8px 16px;border-radius:999px;background:#F2C46B;color:#3B2405;font-size:26px;font-weight:800;box-shadow:0 6px 16px rgba(0,0,0,.4);animation:popup 1.1s ease-out forwards}
@keyframes popup{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}70%{opacity:1;transform:translate(-50%,-90%) scale(1)}100%{opacity:0;transform:translate(-50%,-130%) scale(.95)}}
@media (prefers-reduced-motion: reduce){.pop{animation:none}.tile{transition:none}}