.role-juragan{--role: #8a6420;--role-hi: #f4c875;--role-ink: #ffe2a3}.role-preman{--role: #a8312f;--role-hi: #f0a090;--role-ink: #ffc2b6}.role-copet{--role: #6a4a8a;--role-hi: #b394d8;--role-ink: #e3d2f7}.role-calo{--role: #2f6f7a;--role-hi: #7cc5cf;--role-ink: #c4eef3}.role-hansip{--role: #56682c;--role-hi: #a9c46a;--role-ink: #dcebb5}.table-page.home-atmosphere{padding:0 0 max(8px,env(safe-area-inset-bottom))}.table-page .home-environment:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0705;opacity:.4}.table{position:relative;z-index:1;box-sizing:border-box;width:min(100%,520px);min-height:100svh;margin:0 auto;display:flex;flex-direction:column;padding:70px 12px 8px}.table.is-entering :is(.rival,.my-stall,.stage-board,.act-btn){transition:none}.help-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;font:800 18px Georgia,serif;color:#ecd5b4;background:#1b140dcc;border:1px solid #9a764e99}.help-button:hover{border-color:#e2b46a;color:#f4c875}.help-button.floating{position:fixed;top:12px;right:64px;z-index:40;box-shadow:0 4px 12px #0008}.seat-tab{position:absolute;z-index:3;top:-10px;left:50%;transform:translate(-50%);padding:2px 8px;border-radius:4px;white-space:nowrap;font-weight:800;font-size:10px;letter-spacing:.12em}:is(.rival,.my-stall).tone-turn{border-color:#f4c875;box-shadow:0 0 0 2px #f4c87566,0 0 26px #f4c87540}:is(.rival,.my-stall).tone-turn>.seat-tab{background:#f4c875;color:#29190c}:is(.rival,.my-stall).tone-target{border-color:#e0796b;box-shadow:0 0 0 2px #e0796b77,0 0 26px #e0796b44}:is(.rival,.my-stall).tone-target>.seat-tab{background:#e0796b;color:#2a0e0e}:is(.rival,.my-stall).tone-block{border-color:#5fc4cf;box-shadow:0 0 0 2px #5fc4cf66,0 0 26px #5fc4cf40}:is(.rival,.my-stall).tone-block>.seat-tab{background:#5fc4cf;color:#0b2326}:is(.rival,.my-stall).tone-out{opacity:.5;filter:grayscale(.6)}:is(.rival,.my-stall).tone-out>.seat-tab{background:#3a2a1d;color:#cdb795}.rivals{display:grid;grid-template-columns:repeat(var(--cols, 3),minmax(0,168px));justify-content:center;gap:16px 8px}.rival{position:relative;box-sizing:border-box;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 6px 8px;border-radius:8px;font:inherit;color:#ecd5b4;background:linear-gradient(#3a2616,#24170d);border:1px solid #5a3c22;box-shadow:inset 0 1px #ffffff14,0 4px 10px #0008;transition:border-color .25s,box-shadow .25s,opacity .25s,transform .15s}.rival-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;font-size:13px}.rival-cash{display:inline-block;font:800 17px/1 Georgia,serif;color:#f4c875}.rival.is-away{opacity:.6}.rival-away{font-size:10px;color:#b39c7d}.rival.is-pickable{cursor:pointer;border:1px dashed #f4c875}.rival.is-pickable:hover{transform:translateY(-2px);box-shadow:0 0 0 2px #f4c87555,0 8px 18px #000a}.pick-tab{background:#ecd5b4;color:#29190c}.pip{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:11px;font-weight:800;line-height:1}.pip-done{background:#7fcf8f;color:#0f2414}.pip-wait{background:#0b0705cc;color:#f4c875;border:1px solid #8e6a3d}.person{position:relative;flex:none;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;border-radius:6px 6px 0 0;border:1px solid #5a3c22;background:radial-gradient(circle at 50% 40%,#5a3c22,#1a110a)}.person img{position:absolute;inset:0 0 auto;width:100%;height:118%;object-fit:cover;object-position:50% 0}.person-tag,.person-tag-short{position:relative;z-index:1;padding:3px 0;text-align:center;text-transform:uppercase;font-weight:800;font-size:11px;letter-spacing:.1em;color:#fff7ea;background:var(--role)}.person-tag-short{display:none}.person.is-plaque{background:linear-gradient(color-mix(in srgb,var(--role) 85%,#fff 15%),color-mix(in srgb,var(--role) 55%,#000));border-color:var(--role-hi)}.person-plaque{flex:1;display:grid;place-items:center;font:800 22px/1 Georgia,serif;color:#fff7ea;text-shadow:0 2px 0 #0007}.person.is-hidden{background:#0b0705;align-items:center}.person-silhouette{width:92%;height:auto;margin-top:auto}.person.is-gone{border-color:#e0796b99;border-bottom:3px solid #a8312f}.person.is-gone :is(img,.person-plaque){filter:grayscale(.65) brightness(.7)}.person.is-gone:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-45deg,transparent 0 7px,#a8312f30 7px 9px)}.person.is-gone:not(.person-xs):before{content:"TUTUP";position:absolute;z-index:2;top:12%;left:50%;transform:translate(-50%) rotate(-10deg);padding:1px 6px;border:2px solid #e0796b;border-radius:3px;background:#2a0e0ecc;font:900 13px/1.1 Georgia,serif;letter-spacing:.08em;color:#ffb3a6}.person-xs{width:32px;height:42px;border-bottom-width:3px}.person-xs .person-tag{display:none}.person-xs .person-plaque{font-size:9px;letter-spacing:.02em}.person-md{width:84px;height:110px}.person-lg{width:128px;height:168px;border-radius:7px 7px 0 0}.person-lg .person-tag{font-size:13px;padding:5px 0}.person-lg .person-plaque{font-size:34px}.person-xl{width:150px;height:184px;border:3px solid #f4c875;border-bottom:0;border-radius:10px 10px 0 0}.person-xl .person-tag{display:none}.counter{position:relative;container-type:inline-size;flex:none}.counter-lg{width:200px;aspect-ratio:200 / 136}.counter-sm{width:min(120px,100%);aspect-ratio:120 / 74}.counter-crew{position:absolute;left:0;right:0;bottom:13cqw;display:flex;justify-content:center;gap:3cqw}.counter-slot{position:relative}.person.person-stand{z-index:0;width:42cqw;height:55cqw;border:0;border-radius:0;background:none;overflow:visible;transition:transform .5s,filter .5s}.counter-sm .person.person-stand{width:37cqw;height:48cqw}.person-stand>:is(img,.person-silhouette){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;object-fit:contain;object-position:50% 100%}.person-stand.is-plaque{border-radius:6px 6px 0 0}.person.person-stand.is-gone{border:0;transform:translateY(16%);filter:grayscale(.85) brightness(.55)}.person.person-stand.is-gone :is(img,.person-plaque){filter:none}.person.person-stand.is-gone:before,.person.person-stand.is-gone:after{content:none}.counter-front{position:absolute;z-index:1;left:0;bottom:0;width:100%;height:auto;pointer-events:none;transition:opacity .6s}.counter-front.is-shut,.counter.is-closed .counter-front.is-open{opacity:0}.counter.is-closed .counter-front.is-shut{opacity:1}.counter-tag{position:absolute;z-index:2;left:50%;bottom:-10cqw;transform:translate(-50%);padding:2px 7px;border-radius:3px;white-space:nowrap;text-transform:uppercase;font-weight:800;font-size:11px;letter-spacing:.1em;color:#fff7ea;background:var(--role);box-shadow:0 0 0 1px var(--role-hi),0 2px 4px #000a}.counter-tag.is-gone{background:#3a2a1d;color:#b39c7d;box-shadow:0 0 0 1px #6b4f33;text-decoration:line-through}.counter-tag-short{display:none}.counter-sm .counter-tag{padding:1px 4px;font-size:9px;letter-spacing:.04em}.counter-sm .counter-tag-long{display:none}.counter-sm .counter-tag-short{display:inline}.stage{flex:1;display:flex;flex-direction:column;justify-content:center;padding:30px 4px 10px;min-height:160px}.stage-board{position:relative;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:6px;border:2px solid #8e6a3d;background:repeating-linear-gradient(0deg,#4a3220 0,#4a3220 15px,#3f2a1a 15px,#3f2a1a 30px);box-shadow:0 12px 28px #000b,inset 0 0 0 4px #0003;transition:border-color .3s,box-shadow .3s}.stage-board.tone-turn{border-color:#f4c875;box-shadow:0 12px 28px #000b,inset 0 0 0 4px #0003,0 0 34px #f4c87533}.stage-board.tone-target{border-color:#e0796b}.stage-board.tone-block{border-color:#5fc4cf}.rope{position:absolute;top:-22px;width:2px;height:22px;background:#8e6a3d}.rope-left{left:22%}.rope-right{right:22%}.stage-plain{text-align:center}.stage-who{font-size:14px;font-weight:700;color:#d9b98a}.stage-big{font:800 32px/1.08 Georgia,serif;color:#f4c875;text-shadow:0 2px 0 #29190c;overflow-wrap:anywhere}.stage-what{margin-top:2px;font-size:15px;color:#ecd5b4}.claim{display:flex;align-items:center;gap:14px}.person.claim-figure{width:76px;height:98px;border:2px solid var(--role-hi, #8e6a3d);border-bottom:0;box-shadow:0 0 22px color-mix(in srgb,var(--role, #000) 75%,transparent)}.claim-figure .person-tag{font-size:10px}.claim-text{min-width:0}.claim-who{font-size:14px;color:#ecd5b4}.claim-role{font:800 34px/1 Georgia,serif;text-transform:uppercase;color:var(--role-ink, #f4c875);text-shadow:0 2px 0 #0009}.claim-what{margin-top:3px;font-size:15px;font-weight:700;color:#ecd5b4}.stage-timer{display:flex;align-items:center;gap:8px}.stage-timer-bar{flex:1;height:8px;border-radius:4px;overflow:hidden;background:#0006}.stage-timer-bar i{display:block;height:100%;background:linear-gradient(90deg,#f4c875,#e0a24a);transition:width .2s linear}.stage-timer-num{min-width:22px;text-align:right;font-weight:800;font-size:14px;color:#f4c875}.my-stall{position:relative;margin-top:52px;padding:0 10px 10px;border-radius:10px;background:linear-gradient(#2c1d12,#1a110a);border:1px solid #5a3c22;transition:border-color .25s,box-shadow .25s}.my-stall>.seat-tab{top:-12px;left:auto;right:10px;transform:none;font-size:11px;padding:3px 10px}.my-crew-row{display:flex;align-items:flex-end;gap:10px;margin-top:-44px}.my-purse{flex:1;min-width:0;padding-bottom:4px;text-align:right}.my-cash{display:inline-block;font:800 32px/1 Georgia,serif;color:#f4c875}.my-left{margin-top:2px;font-size:12px;color:#b39c7d}.tray{display:flex;flex-direction:column;gap:6px;margin-top:12px}.tray-row{display:grid;gap:6px}.tray-row.cols-1{grid-template-columns:1fr}.tray-row.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tray-row.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tray-row.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tray-answer{display:grid;grid-template-columns:3fr 2fr;gap:8px}.act-btn{min-height:58px;padding:5px 3px;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#ecd5b4;background:linear-gradient(#4a3423,#2f2016);border:1px solid #8e6a3d;box-shadow:0 3px #160e08;transition:transform .1s,box-shadow .1s}.act-label{font-weight:800;font-size:14px;line-height:1.1;text-align:center}.act-hint{font-size:11px;color:#cdb795}.act-btn.is-honest{border:2px solid #7fcf8f;background:linear-gradient(#3f4a2a,#28301b)}.act-btn.is-bluff{border-style:dashed;border-color:#c8a87a}.act-btn.is-must{border:2px solid #f0a090;background:linear-gradient(#c23b35,#7d1d1b);color:#fff4e6}.act-btn.is-must .act-hint{color:#ffd9d0;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.act-btn:disabled{color:#8a7760;background:#22170f;border:1px solid #3a2a1d;box-shadow:none}.act-btn:disabled .act-hint{color:#8a7760}.act-btn:active:not(:disabled),.btn-bohong:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #160e08}.chip{display:inline-block;margin-top:2px;padding:1px 6px;border-radius:3px;white-space:nowrap;font-size:10px;font-weight:800}.chip-honest{background:#7fcf8f;color:#0f2414}.chip-bluff{border:1px dashed #d9b98a;color:#ecd5b4}.chip-why{background:#a8312f40;color:#f0b4aa}.btn-bohong{min-height:56px;border-radius:8px;border:2px solid #f0a090;background:linear-gradient(#c23b35,#7d1d1b);color:#fff4e6;font:800 22px Georgia,serif;letter-spacing:.06em;box-shadow:0 4px #3d0f0e}.btn-bohong:disabled{background:#3a2e24;border-color:#5a3c22;color:#b39c7d;box-shadow:none;font-size:15px;letter-spacing:.12em}.btn-plank{min-height:48px;border-radius:8px;background:#00000030;border:1px solid #8e6a3d;color:#d9b98a;font-weight:800;font-size:14px;letter-spacing:.14em}.btn-plank:hover{border-color:#e2b46a;color:#f4c875}.btn-gold-plank{min-height:54px;border-radius:8px;border:2px solid #ffe2a3;background:linear-gradient(#f4c875,#c9933a);color:#29190c;font:800 18px Georgia,serif;letter-spacing:.06em;box-shadow:0 4px #6b4a1b}.btn-gold-plank:disabled{background:#3a2e24;border-color:#5a3c22;color:#b39c7d;box-shadow:none}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:#0b0705c4;animation:sheet-fade .2s ease-out}.sheet{box-sizing:border-box;width:min(100%,520px);max-height:92svh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:14px 16px max(18px,env(safe-area-inset-bottom));border-radius:16px 16px 0 0;background:linear-gradient(#3a2616,#1f150c);border-top:2px solid #8e6a3d;box-shadow:0 -14px 40px #000c;animation:sheet-up .32s cubic-bezier(.2,.9,.3,1)}.sheet>button{width:100%}.sheet-grip{width:44px;height:4px;border-radius:2px;background:#8e6a3d}.sheet-eyebrow{font-weight:800;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#d9b98a}.sheet-eyebrow.is-danger{color:#f0b4aa}.sheet-title{font:800 28px/1.05 Georgia,serif;color:#f4c875}.sheet-sub{font-size:15px;color:#ecd5b4}.pick-row{display:flex;justify-content:center;gap:14px;padding:14px 0 4px}.pick-row.is-wrap{flex-wrap:wrap;gap:18px 10px}.pick{position:relative;padding:0;border:3px solid transparent;border-radius:10px;background:transparent;transition:transform .15s,opacity .15s,border-color .15s}.pick .person{border-radius:7px}.has-pick .pick:not(.is-picked){opacity:.5;transform:scale(.95)}.pick.is-picked{border-color:#f4c875;transform:translateY(-8px);box-shadow:0 0 0 2px #29190c,0 14px 30px #f4c87544}.pick-check{position:absolute;z-index:4;top:-14px;left:50%;transform:translate(-50%);white-space:nowrap;padding:3px 10px;border-radius:999px;background:#f4c875;color:#29190c;font-weight:800;font-size:12px}.role-list{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left}.role-row{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;background:#00000030}.role-row-name{font:800 16px Georgia,serif;color:#f4c875}.role-row-text{font-size:13px;color:#cdb795}.role-rules{width:100%;text-align:left;font-size:13px;line-height:1.5;color:#cdb795}.role-rules b{color:#ecd5b4}@keyframes sheet-up{0%{transform:translateY(48px);opacity:0}}@keyframes sheet-fade{0%{opacity:0}}.crowning{display:flex;flex-direction:column;align-items:center}.bunting{position:relative;box-sizing:border-box;width:min(100%,520px);height:46px;display:flex;justify-content:space-between;padding:0 4px}.bunting:before{content:"";position:absolute;left:0;right:0;top:8px;height:2px;background:#8e6a3d}.bunting-flag{width:26px;height:30px;margin-top:9px;clip-path:polygon(0 0,100% 0,50% 100%)}.flag-0{background:#c23b35}.flag-1{background:#f3eadb}.flag-2{background:#f4c875}.crown-hero{position:relative;margin-top:18px;display:flex;flex-direction:column;align-items:center}.crown-glow{position:absolute;top:0;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#f4c87566,transparent 70%)}.crown-sign{position:relative;margin-top:-2px;padding:12px 26px 14px;border-radius:6px;text-align:center;background:repeating-linear-gradient(0deg,#5a3c22 0,#5a3c22 14px,#4a3220 14px,#4a3220 28px);border:3px solid #f4c875;box-shadow:0 14px 30px #000c,0 0 40px #f4c87533}.crown-eyebrow{font-weight:800;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#d9b98a}.crown-title{margin-top:4px;white-space:nowrap;font:800 clamp(24px,7.4vw,34px)/1 Georgia,serif;color:#f4c875;text-shadow:0 2px 0 #29190c}.crown-name{margin-top:6px;font-size:18px;font-weight:800;color:#fff7ea}.crown-list{list-style:none;box-sizing:border-box;width:min(calc(100% - 32px),480px);margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.crown-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#1f150cd9;border:1px solid #3a2616}.crown-row.is-me{border-color:#f4c875;background:#3a2616d9}.crown-pos{width:24px;font:800 18px Georgia,serif;color:#b39c7d}.crown-row.is-me .crown-pos{color:#f4c875}.crown-row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;font-size:15px}.crown-minis{display:flex;gap:3px}.crown-buttons{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;box-sizing:border-box;width:min(calc(100% - 32px),480px);margin:24px 0}@media(min-width:700px){.table{padding-top:72px}.person-md{width:96px;height:124px}.counter-lg{width:230px}}@media(max-width:360px){.act-label{font-size:12px}.person-md{width:72px;height:96px}.counter-lg{width:170px}.my-cash{font-size:26px}}:root{--bg: #07090f;--bg-1: #0a0d1a;--bg-2: #0e1226;--bg-3: #14182d;--gold: #c9a14a;--gold-bright: #e8c976;--gold-deep: #8a6a20;--cream: #f4ead0;--tan: #cdc0a8;--mute: #a89880;--mute-deep: #8a7a60;--mute-deeper: #6a6450;--red: #a8312f;--red-bright: #d4634f;--green: #4a8a5a;--blue-soft: #7a9fd6;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 26px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--cream);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed}input,select{font-family:inherit}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:#c9a14a55;border-radius:8px}@keyframes pulse-gold{0%,to{box-shadow:0 0 #e8c97688}50%{box-shadow:0 0 0 14px #e8c97600}}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.page{position:relative;min-height:100vh;padding:24px 16px;background:radial-gradient(ellipse 80% 60% at 20% 0%,#1a1530 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 90% 10%,#2a1410 0%,transparent 55%),radial-gradient(ellipse 90% 60% at 50% 100%,#0a1428 0%,transparent 55%),var(--bg)}.bg-vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 60%,#000a 100%);z-index:0}.btn-gold{background:linear-gradient(180deg,var(--gold),var(--gold-deep));color:#1a1208;border:none;border-radius:14px;padding:14px 18px;font-family:Cinzel,serif;font-weight:700;font-size:15px;letter-spacing:.18em;box-shadow:0 8px 20px #c9a14a33,0 0 0 1px var(--gold-bright) inset;transition:transform .1s ease,box-shadow .2s ease}.btn-gold:hover:not(:disabled){transform:translateY(-1px)}.btn-gold:disabled{opacity:.4}.btn-ghost{background:transparent;color:var(--gold);border:1px solid #c9a14a88;border-radius:12px;padding:12px 16px;font-family:Cinzel,serif;font-weight:600;font-size:13px;letter-spacing:.2em}.btn-ghost.full{width:100%}.btn-ghost:hover{border-color:var(--gold)}.btn-danger{background:linear-gradient(180deg,var(--red),#5a1a1a);color:var(--cream);border:none;border-radius:12px;padding:14px 16px;font-family:Cinzel,serif;font-weight:700;font-size:14px;letter-spacing:.2em;box-shadow:0 8px 18px #a8312f44;animation:pulse-gold 1.8s infinite}.btn-danger:disabled{animation:none;opacity:.4}.btn-link{background:transparent;border:none;color:var(--mute);font-size:12px;text-decoration:underline}.icon-btn{background:transparent;color:var(--gold);border:1px solid #c9a14a55;border-radius:50%;width:32px;height:32px;font-size:14px}.muted{color:var(--mute-deep);font-size:11px}.muted.small{font-size:10px}.muted-label{font-size:10px;color:var(--mute-deep);letter-spacing:.3em}.center{text-align:center}.italic{font-style:italic}.row{display:flex}.row.gap{gap:12px}.banner-error{margin-top:14px;padding:10px 12px;background:#2a0e0e;color:#f4b4b4;border:1px solid #a8312f55;border-radius:10px;font-size:12px}.toast-error{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#2a0e0e;color:#f4b4b4;border:1px solid #a8312f88;padding:10px 18px;border-radius:12px;font-size:13px;z-index:90}.warning{margin-top:12px;padding:8px;background:#1f1810;border:1px solid #c9a14a55;border-radius:8px;color:var(--gold);font-size:12px;text-align:center}.home{display:flex;align-items:center;justify-content:center}.home-card{position:relative;z-index:1;width:100%;max-width:380px;background:linear-gradient(180deg,var(--bg-3),var(--bg-1));border:1px solid #c9a14a44;box-shadow:0 30px 80px #000a;border-radius:28px;padding:36px 24px 28px;display:flex;flex-direction:column}.brand-block{text-align:center;margin-bottom:18px}.brand-title{font-family:Cinzel,serif;font-weight:800;font-size:34px;margin:6px 0 0;white-space:nowrap;color:var(--cream);letter-spacing:.06em}.brand-edition{font-size:10px;color:var(--mute-deeper);letter-spacing:.4em;margin-top:6px}.home-card-spread{display:flex;justify-content:center;height:130px;position:relative;margin:14px 0 22px}.hcs{position:absolute;top:0;width:78px;aspect-ratio:1536/2752;border-radius:8px;overflow:hidden;border:1px solid #c9a14a55;box-shadow:0 10px 28px #000c}.hcs img{width:100%;height:100%;object-fit:cover}.hcs-l{transform:rotate(-12deg) translate(-60px);width:70px;opacity:.85}.hcs-r{transform:rotate(12deg) translate(60px);width:70px;opacity:.85}.hcs-c{z-index:2;border-color:#c9a14a88;animation:float-y 4s ease-in-out infinite}.field-label{font-size:10px;color:var(--mute-deep);letter-spacing:.2em;margin-bottom:6px}.field{background:var(--bg-1);border:1px solid #c9a14a55;border-radius:12px;padding:13px 14px;font-size:15px;color:var(--cream);font-weight:600;width:100%;margin-bottom:18px;outline:none}.field:focus{border-color:var(--gold)}.field.code{font-family:Cinzel,serif;letter-spacing:.4em;text-align:center;color:var(--gold);font-weight:700;font-size:18px;text-transform:uppercase;margin-bottom:0}.join-row{display:flex;gap:8px;margin-top:12px}.join-row .field{margin-bottom:0;flex:1}.lobby{display:flex;align-items:center;justify-content:center}.lobby-card{position:relative;z-index:1;width:100%;max-width:440px;background:linear-gradient(180deg,var(--bg-3),var(--bg-1));border:1px solid #c9a14a44;border-radius:28px;padding:28px 22px;display:flex;flex-direction:column;gap:14px}.lobby-header{display:flex;justify-content:space-between;color:var(--gold);font-size:11px;letter-spacing:.2em}.lobby-code-block{text-align:center}.lobby-code{font-family:Cinzel,serif;font-size:50px;font-weight:800;color:var(--gold-bright);letter-spacing:.28em;margin:2px 0;cursor:pointer;-webkit-user-select:all;user-select:all}.player-list{display:flex;flex-direction:column;gap:8px}.player-row{display:flex;align-items:center;gap:12px;background:var(--bg-2);border:1px solid #c9a14a22;border-radius:10px;padding:10px 12px}.player-row.is-host{border-color:#c9a14a55}.player-row.empty{background:var(--bg-1);border-style:dashed}.avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#1a1208;font-size:13px;background:linear-gradient(135deg,var(--gold),var(--gold-deep))}.avatar.dashed{background:transparent;border:1px dashed #c9a14a55}.player-name{flex:1;font-size:13px;color:var(--cream);font-weight:600}.host-pill{font-size:9px;background:var(--gold);color:#1a1208;padding:3px 8px;border-radius:4px;font-weight:800;letter-spacing:.12em}.ready{font-size:10px;color:var(--green)}.settings{background:var(--bg-1);border:1px solid #c9a14a22;border-radius:12px;padding:12px 14px}.settings-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:13px;color:var(--tan)}.settings-row select{background:var(--bg-2);color:var(--gold-bright);border:1px solid #c9a14a55;border-radius:8px;padding:6px 10px;font-weight:700}.status{display:flex;align-items:center;justify-content:center}.status-text{color:var(--mute);font-size:14px}@media(max-width:480px){.page{padding:12px 8px}}.home-atmosphere{isolation:isolate;min-height:100svh;padding:max(24px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:var(--bg)}.home-environment{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background:#090e19}.market-scene{position:absolute;top:-2%;right:-2%;bottom:-2%;left:-2%;animation:home-scene-breathe 32s ease-in-out infinite alternate}.home-keyart{position:absolute;left:50%;top:50%;width:max(104vw,184.8vh);height:max(104vh,58.53vw);transform:translate(-50%,-50%);background:url(/assets/pasar/pasar-malam.webp) center / 100% 100% no-repeat}.market-lamp{position:absolute;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;opacity:.43;background:radial-gradient(circle,#ffdb956b,#ffb84730 30%,transparent 70%);mix-blend-mode:screen;will-change:transform,opacity}.market-reflection{position:absolute;bottom:5%;width:24%;height:23%;opacity:.25;background:radial-gradient(ellipse,#e8a34238,transparent 70%);mix-blend-mode:screen}.market-reflection-left{left:13%}.market-reflection-right{right:12%}.market-hidden *{animation-play-state:paused!important}.home-environment-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 36% 85% at center,#07090f80,transparent 90%),linear-gradient(0deg,#07090fa6,transparent 35%,#07090f20 70%,#07090f55)}.home-fog{position:absolute;left:-25%;width:150%;height:28%;background:radial-gradient(ellipse,#a4b8c41f,#708cad0a 45%,transparent 70%);animation:home-fog-drift 28s ease-in-out infinite alternate}.home-fog-near{bottom:2%}.home-fog-far{bottom:29%;opacity:.6;animation-duration:39s;animation-direction:alternate-reverse}.home-sparks{position:absolute;top:0;right:0;bottom:0;left:0}.home-sparks i{position:absolute;left:var(--x);bottom:-12px;width:var(--size);height:var(--size);border-radius:50%;background:#e9be7b;box-shadow:0 0 7px 2px #e4a44960;opacity:0;animation:home-spark-rise var(--duration) var(--delay) linear infinite}.home-atmosphere :is(button,input):focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.ambience-paused :is(.home-environment *,.hcs-c){animation-play-state:paused}@keyframes home-scene-breathe{0%{transform:scale(1)}to{transform:scale(1.035)}}@keyframes home-fog-drift{0%{transform:translate(-6%)}to{transform:translate(10%)}}@keyframes home-spark-rise{0%{opacity:0;transform:translateZ(0)}12%{opacity:.65}70%{opacity:.35}to{opacity:0;transform:translate3d(var(--drift),-95vh,0)}}@media(max-width:600px){.home-keyart{left:50%}.home-sparks i:nth-child(2n){display:none}.home-atmosphere .join-row .field{min-width:0}}@media(prefers-reduced-motion:reduce){.home-atmosphere :is(.home-environment *,.hcs-c){animation:none}.home-atmosphere .home-sparks{display:none}}.home-atmosphere .brand-title{position:relative;perspective:600px}.title-letter{display:inline-block}.title-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:transparent;background:linear-gradient(105deg,transparent 35%,#fff5cf 50%,transparent 65%) 160% 0 / 250% 100% no-repeat;background-clip:text;-webkit-background-clip:text;opacity:0}.home-atmosphere .home-card-spread{perspective:800px}.home-card-tilt{position:relative;width:100%;height:100%;display:flex;justify-content:center;transform-style:preserve-3d}.home-atmosphere .hcs-c{animation:none}.card-sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 10%,#fff0bb80 50%,transparent 90%)}.home-atmosphere .btn-gold{transition:box-shadow .2s ease,filter .2s ease}.home-atmosphere .btn-gold:hover:not(:disabled),.home-atmosphere .btn-gold:focus-visible{transform:none;filter:brightness(1.12);box-shadow:0 8px 26px #c9a14a50,0 0 0 1px var(--gold-bright) inset}.home-atmosphere .btn-gold:active:not(:disabled){filter:brightness(.94);box-shadow:0 2px 10px #c9a14a30,0 2px 5px #0005 inset}.home-atmosphere .btn-ghost{transition:background-color .2s ease,border-color .2s ease}.home-atmosphere .btn-ghost:hover{background:#c9a14a15}@media(prefers-reduced-motion:reduce){.home-atmosphere :is(.title-shimmer,.card-sheen){display:none}.home-atmosphere button{transition:none}}.home-card-float{position:relative;width:100%;height:100%}.home-atmosphere .home-card{min-width:0}.home-atmosphere .field{font-size:16px}.home-atmosphere .join-row .field{min-width:0}.home-atmosphere .btn-gold,.home-atmosphere .btn-ghost{min-height:48px;touch-action:manipulation}.home-atmosphere .muted{font-size:12px;line-height:1.5;color:var(--mute);margin-top:8px}@media(max-width:380px){.home-atmosphere .home-card{padding-inline:20px}}@media(max-height:700px)and (max-width:600px){.home-atmosphere .home-card{padding-top:24px;padding-bottom:22px}.home-atmosphere .brand-block{margin-bottom:10px}.home-atmosphere .home-card-spread{margin-top:8px;margin-bottom:18px}}.lobby.home-atmosphere .lobby-card{max-width:380px;padding:24px;gap:16px;box-shadow:0 30px 80px #000a;min-width:0}.lobby-header{align-items:center;gap:12px;letter-spacing:.14em;font-size:10px}.lobby-header .btn-link{min-height:44px;padding:8px 0 8px 12px;font-size:12px;color:var(--tan)}.lobby-title{font:600 24px/1.35 Cinzel,serif;margin:0 0 8px;color:var(--cream)}.lobby-description{color:var(--tan);font-size:12px;line-height:1.6;margin:0 0 24px}.lobby-code-block .muted-label{color:var(--mute)}button.lobby-code{background:transparent;border:1px solid #c9a14a44;border-radius:12px;width:100%;padding:8px 0 8px .25em;margin:10px 0;font-size:clamp(32px,10vw,44px);transition:background-color .2s ease}button.lobby-code:hover{background:#c9a14a12}.lobby-copy-status{min-height:34px;font-size:12px;line-height:1.5;color:var(--tan)}.lobby-players-label{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--tan);font-size:11px;letter-spacing:.08em}.lobby-card .player-list{gap:6px}.lobby-card .player-row{min-height:44px;padding:7px 10px;gap:10px}.lobby-card .avatar{flex-shrink:0;width:28px;height:28px}.lobby-card .player-name{min-width:0;overflow-wrap:anywhere}.lobby-card .player-row.empty .player-name{font-size:12px;color:var(--mute)}.lobby-card .ready{color:#93c89d;white-space:nowrap}.lobby-card .ready.is-away{color:var(--mute)}.reconnect-banner{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:50;max-width:calc(100% - 32px);padding:8px 14px;border-radius:8px;background:#1f1810f2;border:1px solid #c9a14a77;color:var(--gold-bright);font-size:13px;text-align:center;box-shadow:0 8px 24px #000a}.lobby-card .host-pill{flex-shrink:0}.lobby-card .settings .muted-label{color:var(--mute)}.lobby-card .settings-row{gap:12px}.lobby-card .settings-row select{min-height:44px;font-size:16px}.lobby-card .settings-row select:disabled{opacity:.8}.lobby-start-hint{margin:0;text-align:center;color:var(--tan);font-size:12px;line-height:1.5}.lobby-card>.btn-gold{font-size:12px;letter-spacing:.14em}@media(max-width:380px){.lobby.home-atmosphere .lobby-card{padding:20px}.lobby-title{font-size:21px}}.lobby.home-atmosphere .lobby-card{gap:12px}.lobby-card .player-row.empty{min-height:32px;padding-block:4px}.lobby-card .player-row.empty .avatar{width:22px;height:22px}.lobby-card .player-name.muted{margin:0}.lobby-description{margin-bottom:16px}.lobby-copy-status{min-height:18px}.lobby-card .settings-row select{padding-block:4px}.home-atmosphere .market-home-card{width:100%;max-width:430px;padding:0;border:0;border-radius:5px;background:transparent;box-shadow:none;margin-block:auto;--gold-bright: #f3ce88;--gold: #e5ad51;--mute: #bca98c}.market-home-card .brand-block{position:relative;z-index:2;margin:0 -8px -4px;padding:17px 12px 14px;border:3px solid #634328;border-radius:5px 8px 4px 6px;background:repeating-linear-gradient(3deg,transparent 0 9px,#120b0626 10px 11px),linear-gradient(110deg,#513820,#2d2117 50%,#53391f);box-shadow:0 5px #17110c,0 12px 25px #0007,inset 0 1px #ad804966}.market-home-card .brand-block:before,.market-home-card .brand-block:after{content:"";position:absolute;top:16px;width:6px;height:6px;border-radius:50%;background:#b38a55;box-shadow:inset 1px 1px 2px #000b;left:9px}.market-home-card .brand-block:after{left:auto;right:9px}.market-home-card .brand-title{font-family:Impact,Arial Black,sans-serif;font-weight:900;font-size:clamp(30px,8vw,45px);line-height:1.1;letter-spacing:.055em;color:#f1bd60;text-shadow:1px 3px 0 #29190c,0 0 22px #e6a13d22;margin:0;white-space:nowrap}.market-home-card .brand-edition{font-family:system-ui,sans-serif;font-size:10px;letter-spacing:.25em;color:#d1b48b;margin-top:8px}.market-home-card .title-shimmer{display:none}.market-stall-art{position:relative;width:100%;margin-bottom:-42px;z-index:1;pointer-events:none}.market-stall-art img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(to bottom,#000 83%,transparent 100%);mask-image:linear-gradient(to bottom,#000 83%,transparent 100%)}.stall-lantern-glow{position:absolute;left:0;top:41%;width:22%;aspect-ratio:1;opacity:.2;background:radial-gradient(circle,#ffc46080,#ffb03622 40%,transparent 70%);mix-blend-mode:screen}.market-form{position:relative;z-index:2;display:flex;flex-direction:column;padding:18px 24px 22px;border:7px solid #493220;border-top:3px solid #976337;border-radius:3px;background:repeating-linear-gradient(2deg,transparent 0 40px,#ad805207 41px 42px),linear-gradient(100deg,#251d16,#181612 55%,#2b2118);box-shadow:inset 0 0 0 1px #9b734035,0 18px 40px #0009}.market-home-card .field-label{color:#e2cbaa;font-size:11px;font-weight:700;letter-spacing:.18em;margin-bottom:8px}.market-home-card .field{background:#0e100fd9;border:1px solid #8e7351;border-radius:5px;color:#fff0d8;min-height:48px}.market-home-card .field::placeholder{color:#a99a84}.market-home-card .btn-gold{font-family:system-ui,sans-serif;font-weight:800;font-size:14px;letter-spacing:.1em;border-radius:5px;background:linear-gradient(#f0c375,#cb8d39);box-shadow:inset 0 0 0 1px #ffe1a5,0 4px #64401c;color:#2a1b0e}.market-home-card .btn-ghost{font-family:system-ui,sans-serif;font-weight:750;font-size:12px;letter-spacing:.06em;border-radius:5px;color:#f1d5a9;background:linear-gradient(#4a3827,#30241b);border-color:#90704c}.market-home-card .join-row{margin-top:16px;gap:8px}.market-home-card .code{letter-spacing:.12em;font-size:14px}.market-home-card .muted{font-size:11px;color:#bead95}.public-room-preview{margin-top:20px;border-top:1px solid #86633c66;padding-top:16px}.public-room-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.public-room-heading h2{font-size:15px;color:#ebd4b0;margin:0}.public-room-heading>span{color:#dfbd83;border:1px solid #85643a;border-radius:3px;padding:3px 6px;font-size:10px;white-space:nowrap}.public-room-preview p{font-size:12px;line-height:1.6;color:#bead95;margin:7px 0 12px}.public-room-empty{border:1px dashed #86633c77;border-radius:4px;padding:16px 10px;color:#bca98c;font-size:11px;text-align:center}.public-room-empty span{margin-right:5px;color:#e5ad51}.public-room-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:220px;overflow-y:auto}.public-room-row{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 12px;border:1px solid #86633c88;border-radius:4px;background:linear-gradient(100deg,#2f251c,#231d17)}.public-room-host{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,serif;font-size:14px;color:#efd0a2}.public-room-count{font-size:12px;color:#bead95;font-variant-numeric:tabular-nums}.market-home-card .public-room-join{min-height:36px;padding:0 12px;font-size:12px}@media(max-width:480px){.home.home-atmosphere{padding-inline:20px;padding-top:22px;align-items:flex-start}.home-atmosphere .market-home-card{padding:0}.market-form{padding:16px 16px 18px;border-width:5px}.market-stall-art{margin-bottom:-30px}}.home-atmosphere .market-home-card{max-width:460px;padding:0}.market-home-card .brand-block{margin:0 -18px -8px;padding:0;border:0;background:none;box-shadow:none;z-index:4}.market-home-card .brand-block:before,.market-home-card .brand-block:after{display:none}.market-home-card .brand-title{margin:0;line-height:0}.market-sign{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 3px #0008)}.stall-post{position:absolute;top:8%;bottom:-8px;width:17px;z-index:0;pointer-events:none;border:1px solid #342015;border-radius:5px 2px 4px 3px;background:repeating-linear-gradient(88deg,#261a11 0,#261a11 2px,#6c4628 3px,#6c4628 5px,#49301b 6px,#49301b 8px,#866039,#866039 10px);box-shadow:inset 3px 0 3px #b07b3b55,3px 3px 7px #0009}.stall-post-left{left:5px;transform:rotate(-.5deg)}.stall-post-right{right:5px;transform:rotate(.5deg)}.market-stall-art{width:calc(100% - 14px);align-self:center;margin-top:-3px;margin-bottom:-60px}.market-form{margin:0 21px;padding:19px 24px 23px;border:9px solid #51351f;border-top:5px solid #896039;border-radius:3px 5px 2px 4px;background:radial-gradient(ellipse at top left,#70513735,transparent 70%),repeating-linear-gradient(1deg,transparent 0 33px,#bd945b08 34px 35px),linear-gradient(100deg,#30251b,#211d17 55%,#34271b);box-shadow:inset 0 0 0 2px #17100c,inset 0 0 22px #0008,0 10px 20px #0008}.market-form:before,.market-form:after{content:"";position:absolute;top:-5px;bottom:-9px;width:20px;background:repeating-linear-gradient(90deg,#634322 0 3px,transparent 3px 8px),repeating-linear-gradient(0deg,#2a1c12 0,#2a1c12 3px,#8a663d 3px,#8a663d 7px,#4b341f 7px,#4b341f 10px);border:2px solid #573920;z-index:-1}.market-form:before{right:calc(100% + 9px)}.market-form:after{left:calc(100% + 9px)}.market-home-card .field-label{font-family:Georgia,serif;text-align:center;font-size:15px;letter-spacing:.035em;color:#f0d1a0}.market-home-card .field{background:linear-gradient(110deg,#342c22,#211d18);border:1px solid #a68b68;border-radius:7px;box-shadow:inset 0 2px 5px #0004}.market-home-card .btn-gold{font-family:Georgia,serif;font-size:19px;font-weight:800;letter-spacing:.015em;border:2px solid #b87928;border-radius:8px;background:radial-gradient(ellipse at 30% 0%,#ffde83,transparent 70%),linear-gradient(#f2bd58,#d89735);color:#160f08;box-shadow:inset 0 0 0 1px #ffd989,inset 0 -3px #a7672438,0 4px 7px #0007;text-shadow:0 1px #ffd77b}.market-home-card .btn-ghost{font-family:Georgia,serif;font-size:15px;letter-spacing:.015em;background:linear-gradient(#584333,#392c22);border:2px solid #8b7058;color:#f4cf99;box-shadow:inset 0 0 0 1px #b3976d33,0 3px 5px #0006}.market-home-card .field.code{font-family:Georgia,serif;font-size:14px;letter-spacing:.08em}.public-room-heading h2{font-family:Georgia,serif;color:#efd0a2}@media(max-width:480px){.market-home-card .brand-block{margin-inline:-12px;margin-bottom:-5px}.market-form{margin-inline:14px;padding:17px 14px 19px;border-width:6px}.market-stall-art{margin-bottom:-40px}.market-form:before,.market-form:after{width:12px}.market-form:before{right:calc(100% + 6px)}.market-form:after{left:calc(100% + 6px)}.stall-post{width:12px}.market-home-card .btn-gold{font-size:18px}.market-home-card .btn-ghost{font-size:13px;padding-inline:10px}}.lobby-stage{position:relative;z-index:1;width:min(100%,480px);margin:18px auto;padding-top:115px}.lobby-decoration{pointer-events:none}.lobby-sign{position:absolute;z-index:3;width:110%;left:-5%;top:0;height:auto;pointer-events:none}.lobby-spy{position:absolute;width:44%;height:auto;top:125px;z-index:0;transform-origin:bottom center;animation:lobby-spy-breathe 6s ease-in-out infinite alternate}.lobby-spy-left{left:-27%;rotate:-5deg}.lobby-spy-right{right:-27%;rotate:5deg;animation-delay:-3s;animation-duration:7s}.lobby-lantern{position:absolute;top:35px;right:-36px;width:100px;z-index:4;pointer-events:none;transform-origin:50% 0;animation:lobby-lantern-sway 5s ease-in-out infinite alternate}.lobby-lantern img{width:100%;height:auto;display:block}.lobby-lantern span{position:absolute;top:35%;right:-25%;bottom:0;left:-25%;background:radial-gradient(ellipse,#ffc85a70,transparent 65%);mix-blend-mode:screen;animation:lobby-lantern-glow 3.7s ease-in-out infinite alternate}.lobby.home-atmosphere .market-lobby-board{position:relative;z-index:1;width:100%;max-width:none;border:0;border-radius:0;padding:46px 48px 48px;gap:12px;background:url(/assets/pasar/lobby-papan.webp) center / 100% 100% no-repeat;box-shadow:none}.market-lobby-board:before{content:"";position:absolute;top:5%;right:10%;bottom:6%;left:10%;background:#18120cac;z-index:-1;border-radius:3px}.market-lobby-board .lobby-header{color:#d8b98a}.market-lobby-board .lobby-header>span{font-family:Georgia,serif;letter-spacing:.06em}.market-lobby-board .btn-link{color:#ead2b2}.market-lobby-board .lobby-title{font-family:Georgia,serif;font-size:24px;color:#f3d8ad}.market-lobby-board .lobby-description{color:#c8b597;margin-bottom:14px}.market-lobby-board .muted-label,.market-lobby-board .settings .muted-label{color:#cbb28a}.market-lobby-board .lobby-code{font-family:Georgia,serif;color:#f4c875;background:#160f0980;border-color:#b5884c80;border-radius:5px;font-size:40px}.market-lobby-board .lobby-copy-status,.market-lobby-board .lobby-start-hint{color:#d0bea3}.market-lobby-board .lobby-players-label{color:#e7cba4}.market-lobby-board .player-row{background:#21190fc9;border-color:#88623a66;border-radius:5px}.market-lobby-board .player-row.is-host{background:#60432366;border-color:#bd8c48aa}.market-lobby-board .player-row.empty{background:#18130d66}.market-lobby-board .player-row.empty .player-name{color:#bca88b}.market-lobby-board .settings{border-color:#88623a88}.market-lobby-board .settings-row{color:#ecd5b4}.market-lobby-board .settings-row select{color:#ecd5b4;background:#2c2117;border-color:#9a764e;border-radius:5px}.market-lobby-board .lobby-footer>.btn-gold{font-family:Georgia,serif;font-size:17px;letter-spacing:.04em;color:#241509;background:linear-gradient(#f4c775,#ce923c);border:1px solid #e5b564;border-radius:6px;box-shadow:inset 0 0 0 1px #ffdda0,0 4px 8px #0007}.market-lobby-board .lobby-footer>.btn-gold:disabled{opacity:.55}@keyframes lobby-spy-breathe{0%{transform:translateY(0) rotate(-.6deg)}to{transform:translateY(-4px) rotate(.6deg)}}@keyframes lobby-lantern-sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes lobby-lantern-glow{0%{opacity:.25}to{opacity:.7}}@media(max-width:740px){.lobby-stage{width:min(100%,430px);padding-top:clamp(76px,24vw,110px)}.lobby-spy{width:29%;top:125px}.lobby-spy-left{left:-5%}.lobby-spy-right{right:-5%}.lobby-lantern{width:72px;right:-7px;top:30px}.lobby.home-atmosphere .market-lobby-board{padding:36px 34px 38px}.market-lobby-board .lobby-title{font-size:21px}}@media(max-width:380px){.lobby.home-atmosphere .market-lobby-board{padding-inline:27px}.market-lobby-board .lobby-code{font-size:32px}.market-lobby-board .lobby-header{font-size:9px}.market-lobby-board .settings-row{gap:6px;font-size:12px}.market-lobby-board .player-name{font-size:12px}}@media(max-width:740px){.lobby.home-atmosphere{overflow-x:clip}.lobby-sign{width:104%;left:-2%}.market-lobby-board .settings-row{flex-wrap:wrap}}.lobby-stage{width:min(100%,520px);padding-top:0;margin:0 auto}.lobby-sign{position:relative;display:block;width:100%;left:auto;top:auto;margin-bottom:-16px}.lobby-lantern{width:64px;top:20px;right:0}.lobby.home-atmosphere .market-lobby-board{padding:68px 17%;gap:14px}.market-lobby-board:before{top:9%;right:16%;bottom:9%;left:16%}.market-lobby-board .lobby-header{gap:8px;flex-wrap:wrap;align-items:center;font-size:10px}.market-lobby-board .lobby-header .btn-link{padding:0;min-height:44px;font-size:12px}.market-lobby-board .lobby-title{font-size:clamp(20px,4vw,24px);line-height:1.25;margin-bottom:8px;text-wrap:balance}.market-lobby-board .lobby-description{font-size:12px;line-height:1.5;margin-bottom:16px}.market-lobby-board .lobby-code{font-size:36px;letter-spacing:.2em;padding:10px 0 10px .2em;margin:8px 0}.market-lobby-board .lobby-copy-status{font-size:12px;line-height:1.5;min-height:36px}.market-lobby-board .lobby-players-label{font-size:11px;letter-spacing:.04em;gap:6px;flex-wrap:wrap}.market-lobby-board .player-row{gap:8px;padding:8px}.market-lobby-board .player-name{font-size:13px;overflow-wrap:anywhere}.market-lobby-board .host-pill,.market-lobby-board .ready{font-size:9px;flex-shrink:0}.market-lobby-board .settings-row{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}.market-lobby-board .settings-row select{min-height:44px;font-size:16px;max-width:100%}.market-lobby-board .lobby-footer>.btn-gold{font-size:15px;letter-spacing:.02em;padding-inline:8px}@media(max-width:480px){.lobby.home-atmosphere{padding:16px 8px 24px}.lobby.home-atmosphere .market-lobby-board{padding:58px 16%;gap:12px}.lobby-sign{width:100%;left:auto;margin-bottom:-10px}.lobby-lantern{width:46px;right:1%;top:12px}.market-lobby-board .lobby-header{justify-content:center}.market-lobby-board .lobby-header>span{display:none}.market-lobby-board .lobby-code{font-size:32px}.market-lobby-board .player-row .avatar{width:24px;height:24px}}.lobby-sign{margin-bottom:-42px}.lobby.home-atmosphere .market-lobby-board{padding-top:108px;padding-bottom:84px}@media(max-width:480px){.lobby-sign{margin-bottom:-26px}.lobby.home-atmosphere .market-lobby-board{padding-top:100px;padding-bottom:82px}}.market-lobby-board .lobby-header{justify-content:flex-end}.market-lobby-board .lobby-title{margin:4px 0 20px}.lobby-invite{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;min-height:44px;margin:0 0 6px;padding:7px 10px;cursor:pointer;font-family:Georgia,serif;color:#f1d5a9;background:linear-gradient(#4a3827,#30241b);border:1px solid #90704c;border-radius:5px;box-shadow:0 3px 5px #0006;transition:border-color .2s ease,background-color .2s ease}.lobby-invite:hover{border-color:#c9a05f}.lobby-invite:focus-visible{outline:2px solid #f4c875;outline-offset:2px}.lobby-invite-label{font-size:14px;letter-spacing:.02em}.lobby-invite-url{font-family:ui-monospace,Consolas,monospace;font-size:11px;color:#c8b597;overflow-wrap:anywhere}.sound-toggle,.exit-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:0;border-radius:50%;cursor:pointer;color:#ecd5b4;background:#1b140dcc;border:1px solid #9a764e99;transition:border-color .2s ease,color .2s ease}.sound-toggle:hover,.exit-button:hover{border-color:#e2b46a;color:#f4c875}.sound-toggle:focus-visible,.exit-button:focus-visible{outline:2px solid #f4c875;outline-offset:2px}.sound-toggle[aria-checked=false]{color:#a8957a}.sound-toggle.floating{position:fixed;top:12px;right:12px;z-index:40;box-shadow:0 4px 12px #0008}.exit-button.floating-left{position:fixed;top:12px;left:12px;z-index:40;box-shadow:0 4px 12px #0008}.sound-toggle.in-topbar{width:36px;height:36px}.effect-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;overflow:hidden}body:has(.sheet-backdrop,.crowning) .effect-layer{display:none}.effect-banner{position:absolute;top:32%;left:50%;translate:-50% -50%;text-align:center;max-width:calc(100% - 32px);padding:14px 28px;border-radius:6px;background:linear-gradient(100deg,#30251bfa,#211d17fa 55%,#34271bfa);border:2px solid #8e6a3d;box-shadow:0 16px 40px #000b}.effect-banner-text{font:800 clamp(26px,7vw,40px)/1.1 Georgia,serif;color:#f4c875;text-shadow:0 2px 0 #29190c}.effect-banner-sub{margin-top:6px;font-size:13px;color:#d9c4a3}.effect-float{position:absolute;translate:-50% -50%;white-space:nowrap;font:800 16px/1 Georgia,serif;text-shadow:0 2px 4px #000c}.effect-float.tone-gain{color:#f4c875}.effect-float.tone-loss{color:#e0796b}.effect-float.tone-neutral{color:#ecd5b4}.effect-anchor{position:absolute;width:0;height:0}.effect-piece{position:absolute}.effect-coin{left:-9px;top:-9px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1b8,#f4c875 45%,#b8862e 80%);border:1.5px solid #8a5d1e;box-shadow:inset 0 0 0 2px #e8b65a,0 3px 6px #0008}.effect-card{left:-11px;top:-15px;width:22px;height:30px;border-radius:3px;background:repeating-linear-gradient(45deg,#5a2a1c 0,#5a2a1c 4px,#6e3524 4px,#6e3524 8px);border:1.5px solid #c9a14a;box-shadow:0 3px 8px #0009}.effect-streak{position:absolute;left:-14px;top:-7px;width:28px;height:14px;border-radius:50%;background:radial-gradient(ellipse at 70% 50%,#fff2d8,#e0796b 40%,#7a1f17 75%,transparent);box-shadow:0 0 14px 4px #e0796b88}.effect-burst{position:absolute;width:90px;height:90px;margin:-45px 0 0 -45px;border-radius:50%;border:4px solid #e0796b;box-shadow:0 0 22px #e0796baa,inset 0 0 16px #e0796b66}.effect-strike.is-heavy .effect-streak{filter:hue-rotate(-12deg) saturate(1.3);scale:1.4}.effect-strike.is-heavy .effect-burst{border-color:#b8432f;border-width:6px}.effect-ring{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%}.effect-ring.tone-shield{border:3px solid #9cc3d9;box-shadow:0 0 18px #9cc3d988,inset 0 0 22px #9cc3d955}.effect-ring.tone-gold{border:3px solid #f4c875;box-shadow:0 0 22px #f4c875aa,inset 0 0 22px #f4c87566}.sound-board{padding:24px 16px;max-width:720px;margin:0 auto;color:var(--cream)}.sound-board h1{font-family:Georgia,serif;color:#f4c875;margin:0 0 6px}.sound-board p{color:var(--tan);font-size:14px}.sound-board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:16px}.sound-board-grid button{min-height:48px;font:600 14px Georgia,serif;color:#f1d5a9;cursor:pointer;background:linear-gradient(#4a3827,#30241b);border:1px solid #90704c;border-radius:5px}.sound-board-grid button:active{transform:translateY(1px)}.market-lobby-board .lobby-code{perspective:300px}.lobby-code-letter{display:inline-block}.lapak-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}.lapak{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:14px 6px 8px;border-radius:5px;text-align:center;background:linear-gradient(#2a2016e6,#1b140dee);border:1px solid #88623a88;box-shadow:inset 0 1px #c9a05f22,0 3px 6px #0006;transition:filter .3s ease,border-color .3s ease}.lapak:before{content:"";position:absolute;inset:0 0 auto;height:7px;border-radius:5px 5px 0 0;background:repeating-linear-gradient(90deg,#b5532f 0,#b5532f 10px,#2c3d6b 10px,#2c3d6b 20px);opacity:.85}.lapak.is-me{border-color:#f0c070;box-shadow:inset 0 0 0 1px #f0c07066,0 0 14px #e5ad5133}.lapak.is-away{opacity:.55;filter:grayscale(.6)}.lapak.is-empty{background:#18130d55;border-style:dashed;border-color:#88623a66;box-shadow:none}.lapak.is-empty:before{opacity:.25}.lapak-figure{width:44px;height:44px;filter:drop-shadow(0 2px 2px #000a)}.lapak-figure-cloak{fill:#3a2d22;stroke:#c98f4a;stroke-width:1.2}.lapak-figure-face{fill:#0d0907}.lapak.is-empty .lapak-figure{opacity:.35;filter:none}.lapak.is-empty .lapak-figure-cloak{fill:none;stroke:#a8865c;stroke-dasharray:3 3}.lapak.is-empty .lapak-figure-face{fill:none}.lapak-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 13px/1.3 Georgia,serif;color:#f3d8ad}.lapak.is-empty .lapak-name{font:italic 11px/1.3 Georgia,serif;color:#bca88b}.lapak-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#cdb894}.lapak-host{position:absolute;top:9px;right:4px;padding:1px 5px;border-radius:3px;font:800 8px/1.4 system-ui,sans-serif;letter-spacing:.1em;color:#241509;background:#e5ad51}.lamp{display:inline-block;flex-shrink:0;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff1c4,#f0b54a 55%,#b0701f);box-shadow:0 0 6px 1px #f5b54b99}.lamp.off{background:#4a4038;box-shadow:none}.market-lobby-board .settings-value{font-weight:700;color:#f4c875}.lobby-footer{display:flex;flex-direction:column;gap:10px}.lobby-footer .lobby-start-hint{margin:0}.lobby-wait{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;min-height:48px;padding:10px 12px;border-radius:6px;text-align:center;font:italic 14px/1.4 Georgia,serif;color:#e7cba4;border:1px dashed #a07a4a99;background:#18120c99}.market-lobby-board .lobby-footer>.btn-gold:disabled{opacity:1;cursor:not-allowed;color:#bfa37c;background:linear-gradient(#3c2c1e,#2a1f15);border-color:#6e5235;box-shadow:none}.market-lobby-board .lobby-footer>.btn-gold.is-ready{animation:lobby-ready-glow 2.4s ease-in-out infinite}@keyframes lobby-ready-glow{0%{box-shadow:inset 0 0 0 1px #ffdda0,0 4px 8px #0007,0 0 #f4c87500}to{box-shadow:inset 0 0 0 1px #ffdda0,0 4px 8px #0007,0 0 18px 3px #f4c87566}}@media(prefers-reduced-motion:reduce){.market-lobby-board .lobby-footer>.btn-gold.is-ready,.lobby-spy,.lobby-lantern,.lobby-lantern span,.btn-danger{animation:none}}.market-home-card .account-card{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:10px 12px;border:1px solid #a68b68;border-radius:7px;background:linear-gradient(110deg,#342c22,#211d18);box-shadow:inset 0 2px 5px #0004}.account-card .lapak-figure{width:40px;height:40px;flex-shrink:0}.account-who{flex:1;min-width:0;display:grid;gap:2px}.account-label{font-size:11px;letter-spacing:.08em;color:#bead95}.account-name{font:700 18px/1.2 Georgia,serif;color:#f4cf99;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-mark{flex-shrink:0}.home-signin{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;margin-top:14px;font-size:12px;color:#bead95}.market-home-card .zenet-login{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:14px}.zenet-login img{flex-shrink:0}.zenet-login:disabled{opacity:.6;cursor:progress}.lapak-figure-cloak.has-avatar{fill:color-mix(in srgb,var(--avatar) 60%,#2a2016);stroke:color-mix(in srgb,var(--avatar) 55%,#f3d8ad)}.lapak-figure.is-small{width:26px;height:26px}.lapak-name .lapak-zenet{margin-left:4px;vertical-align:-1px}.acct-menu{position:fixed;top:12px;left:12px;z-index:41}.acct-menu summary{display:flex;align-items:center;gap:7px;max-width:min(56vw,220px);height:44px;padding:0 12px 0 8px;list-style:none;cursor:pointer;border-radius:22px;color:#ecd5b4;background:#1b140dcc;border:1px solid #9a764e99;box-shadow:0 4px 12px #0008}.acct-menu summary::-webkit-details-marker{display:none}.acct-menu summary:hover,.acct-menu[open] summary{border-color:#e2b46a;color:#f4c875}.acct-menu summary:focus-visible{outline:2px solid #f4c875;outline-offset:2px}.acct-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 14px/1 Georgia,serif}.acct-pop{position:absolute;top:calc(100% + 6px);left:0;min-width:180px;display:grid;padding:6px;border:1px solid #9a764e;border-radius:8px;background:#1b140df2;box-shadow:0 10px 24px #000a}.acct-pop a,.acct-pop button{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 10px;border:0;border-radius:5px;font:600 14px/1 Georgia,serif;color:#f1d5a9;background:none;text-align:left;text-decoration:none;cursor:pointer}.acct-pop a:hover,.acct-pop button:hover{background:#3a2d22;color:#f4c875}.acct-pop button:disabled{opacity:.5;cursor:progress}.lapak-kick{position:absolute;top:9px;left:4px;width:22px;height:22px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font:700 14px/1 system-ui,sans-serif;color:#f1d5a9;background:#1b140dcc;border:1px solid #9a764e99}.lapak-kick:hover{color:#ffb3a0;border-color:#d0694f}.lapak-kick:focus-visible{outline:2px solid #f4c875;outline-offset:2px}.lapak-ready{margin-left:4px;padding:0 4px;border-radius:3px;font-weight:700;color:#1d1409;background:#9fcf7a}.ready-button{width:100%;min-height:48px}.ready-button.is-on{color:#1d1409;background:linear-gradient(#b9e08f,#86b85f);border-color:#5e8a3c}.lobby-footer .ready-button+.lobby-wait{margin-top:10px}.lobby-watchers{margin-top:14px}.lobby-watchers ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.lobby-watchers li{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:4px;font:13px/1.3 Georgia,serif;color:#f1d5a9;background:#2a2016;border:1px solid #88623a88}.lobby-watchers li.is-away{opacity:.55}.watch-tag{font:700 9px/1.4 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#241509;background:#e5ad51;border-radius:3px;padding:0 4px}.watch-bar{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:45;transform:translate(-50%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;width:min(calc(100% - 32px),460px);padding:10px 12px;border-radius:8px;background:#1b140df2;border:1px solid #9a764e;box-shadow:0 10px 24px #000a;color:#ecd5b4;font-size:13px}.watch-bar .ready-button{width:auto;min-height:40px;padding:0 14px;font-size:12px}.watch-bar .lobby-wait{margin:0}.watchers-chip{position:fixed;top:18px;left:50%;z-index:40;transform:translate(-50%);padding:4px 10px;border-radius:12px;font-size:11px;color:#ecd5b4;background:#1b140dcc;border:1px solid #9a764e99}