.chest-app{--chest-ink:#3b2410;--chest-paper:#fff6dc;--chest-gold:#ffc53d;--chest-gold-dark:#b5761c;--chest-p1:#ff7a59;--chest-p2:#34b6c9;--play-ink:var(--chest-ink);--play-paper:var(--chest-paper);--play-accent:#a8541c;--play-soft:#fbe7b4;--play-shadow:#c08a3f;background:#2a1a0e;color:var(--chest-ink);overflow:hidden}.chest-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,transparent 35%,rgba(30,15,4,.55) 100%),url(/images/treasure-chest/cave.jpg) 50% /cover no-repeat}#chest-scene{position:absolute;inset:0;width:100%;height:100%;display:block}.chest-divider{position:absolute;top:0;bottom:0;left:50%;width:4px;transform:translateX(-50%);background:linear-gradient(transparent,rgba(255,233,170,.75) 20%,rgba(255,233,170,.75) 80%,transparent);pointer-events:none}.chest-panel{position:absolute;top:16px;width:min(250px,40vw);padding:12px 14px;border:3px solid #fff;border-radius:20px;background:color-mix(in srgb,var(--chest-paper) 92%,transparent);box-shadow:0 6px 0 var(--play-shadow);z-index:4}.chest-panel-1{left:16px;--seat:var(--chest-p1)}.chest-panel-2{right:16px;--seat:var(--chest-p2)}.chest-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.chest-panel-name{padding:2px 10px;border-radius:10px;background:var(--seat);color:#fff;font-size:15px;font-weight:800;letter-spacing:.5px}.chest-net{font-size:11px;font-weight:800;padding:2px 8px;border-radius:8px;background:#e9f6ee;color:#24804b}.chest-net[data-state=relay]{background:#fff1d6;color:#9a5b00}.chest-net[data-state=connecting]{background:#eee;color:#777}.chest-panel-count{display:flex;align-items:baseline;gap:8px;margin-top:6px}.chest-panel-count b{font-size:44px;line-height:1;font-weight:800;color:var(--chest-ink)}.chest-panel-count span{font-size:14px;font-weight:700;color:#8a6a44}.chest-bar{height:10px;margin-top:6px;border-radius:6px;background:#ead7ad;overflow:hidden}.chest-bar div{height:100%;width:0;background:linear-gradient(90deg,var(--chest-gold),#ffe58a);transition:width .2s}.chest-panel-status{margin:8px 0 0;font-size:14px;font-weight:700;line-height:1.3}.chest-panel[data-seat=ready] .chest-panel-status{color:#24804b}.chest-panel[data-seat=lost] .chest-panel-status{color:#c0392b}.chest-panel-hint:empty{display:none}.chest-panel-hint{margin:8px 0 0;padding:6px 10px;border-radius:12px;background:var(--chest-gold);color:#4a2a00;font-size:17px;font-weight:800;line-height:1.2}.chest-panel-qr{display:block;margin:10px auto 0;border-radius:10px;width:120px;height:120px}.chest-app[data-phase=calibrating] .chest-panel-qr,.chest-app[data-phase=lobby] .chest-bar,.chest-app[data-phase=lobby] .chest-panel-count,.chest-app[data-phase=lobby] .chest-panel-qr,.chest-panel:not([data-seat=empty]) .chest-panel-qr{display:none}.chest-timer{position:absolute;top:16px;left:50%;transform:translateX(-50%);padding:6px 18px;border:3px solid #fff;border-radius:16px;background:var(--chest-ink);color:var(--chest-gold);font-size:22px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:1px;z-index:5}.chest-count{position:absolute;inset:0;display:none;align-items:center;justify-content:center;pointer-events:none;font-size:clamp(90px,18vw,220px);font-weight:800;color:#fff6dc;-webkit-text-stroke:4px var(--chest-gold-dark);paint-order:stroke fill;text-shadow:0 10px 0 var(--chest-gold-dark);z-index:8}.chest-count.show{display:flex;animation:chest-pop .5s ease-out}@keyframes chest-pop{0%{transform:scale(1.4);opacity:0}to{transform:scale(1);opacity:1}}.playful-game .chest-lobby,.playful-game .chest-result{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.chest-lobby>*,.chest-result>*{pointer-events:auto}.playful-game.chest-app .backlink{top:auto;bottom:16px;left:16px}.chest-lobby-card,.chest-result-card{width:min(440px,100%);padding:22px 24px;border:4px solid #fff;border-radius:30px;background:var(--chest-paper);box-shadow:0 8px 0 var(--play-shadow),0 30px 60px rgba(40,20,0,.35);text-align:center}.chest-title{margin:4px 0 6px;font-size:clamp(40px,5vw,60px);line-height:.95;font-weight:800;color:#fff6dc;-webkit-text-stroke:2px #a8541c;paint-order:stroke fill;text-shadow:0 5px 0 #a8541c;transform:rotate(-2deg)}.chest-lobby .play-label{margin-bottom:8px;font-size:12px}.chest-lobby-copy{margin:8px 0 14px;font-size:16px;font-weight:700}.chest-join{display:flex;align-items:center;gap:14px;text-align:left}#chest-qr{width:150px;height:150px;border-radius:14px;border:3px solid #fff;box-shadow:0 4px 0 var(--play-shadow);flex:none}.chest-join-text{display:grid;grid-gap:2px;gap:2px;min-width:0}.chest-join-text span{font-size:11px;font-weight:800;letter-spacing:1px;color:#8a6a44}.chest-join-text b{font-size:14px;overflow-wrap:anywhere;margin-bottom:6px}.chest-join-text strong{font-size:46px;line-height:1;letter-spacing:6px;color:#a8541c}.chest-seats{display:flex;gap:8px;justify-content:center;margin-top:16px}.chest-seats span{padding:6px 12px;border-radius:12px;border:2px dashed #c9a66b;font-size:14px;font-weight:800;color:#a2885f}.chest-seats span[data-seat=joined]{border-style:solid;color:var(--chest-ink);background:#fff}.chest-seats span[data-seat=ready]{border-style:solid;border-color:#2e9e5b;background:#e3f7ea;color:#1f7041}.chest-seats span[data-seat=ready]:after{content:" ✓"}.chest-lobby-note{margin:12px 0 0;font-size:14px;font-weight:700;color:#6d4d27}.chest-lobby-error:empty{display:none}.chest-lobby-error{margin:10px 0 0;font-size:14px;font-weight:700;color:#b8321f}.chest-result-title{font-size:clamp(36px,4.5vw,54px)}.chest-result-list{display:grid;grid-gap:8px;gap:8px;margin:14px 0 18px}.chest-result-row{display:grid;grid-template-columns:auto 1fr auto;grid-gap:10px;gap:10px;align-items:center;padding:10px 14px;border-radius:14px;background:#fbefd0;font-size:17px;text-align:left}.chest-result-row[data-win=true]{background:var(--chest-gold)}.chest-result-row em{font-style:normal;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chest-loading{background:#2a1a0e}.chest-solo{margin-top:14px}.chest-solo[hidden]{display:none}.chest-result-best{margin:-6px 0 16px;font-size:17px;font-weight:800;color:#a8541c}.chest-app[data-solo="1"] .chest-divider,.chest-app[data-solo="1"] .chest-panel-2,.chest-app[data-solo="2"] .chest-divider,.chest-app[data-solo="2"] .chest-panel-1,.chest-result-best[hidden]{display:none}@media (orientation:portrait){.chest-divider{top:50%;bottom:auto;left:0;right:0;width:auto;height:4px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(255,233,170,.75) 20%,rgba(255,233,170,.75) 80%,transparent)}.chest-panel{width:min(210px,46vw);padding:8px 10px}.chest-panel-2{top:calc(50% + 12px);left:16px;right:auto}.chest-panel-count b{font-size:32px}.chest-timer{top:auto;bottom:16px;font-size:18px}.chest-lobby-card{padding:16px}#chest-qr{width:120px;height:120px}}@media (max-height:560px) and (orientation:landscape){.chest-lobby-card{padding:12px 18px}.chest-title{font-size:36px}.chest-lobby-copy{display:none}#chest-qr{width:110px;height:110px}}