/* Top 10: card-table hero, live score explainer, instant sharing. */
body.lobby-active:before{background-image:url('assets/paper-table-v3.webp');background-position:center;background-size:cover;background-repeat:no-repeat}body.lobby-active:after{background:linear-gradient(#170e2380,#170e2315 40%,#170e2370)}.lobby-active .game-lobby:before{display:none}.lobby-active .stage-wrap{background:none}.lobby-center{width:430px}.game-lobby{padding-block:25px 22px;min-height:640px}.lobby-title{display:flex;align-items:center;justify-content:center;gap:18px;margin:10px 0 22px;letter-spacing:0;line-height:1.1;isolation:isolate}.lobby-title>span{font:900 110px/1.25 Thmanyah,Arial,sans-serif;letter-spacing:0;color:#f4e7c6;text-shadow:0 3px 15px #130b2040}.lobby-title>b{position:relative;display:flex;align-items:center;justify-content:center;font:900 105px/1 Thmanyah,Arial,sans-serif;letter-spacing:-3px;color:#2c1e3d;background:linear-gradient(135deg,#f2dfab,#d7b66f);width:151px;height:141px;border:1px solid #fff0c5;border-radius:19px;transform:rotate(-7deg);box-shadow:5px 6px 0 #a3865845,0 16px 28px #0c071a40;text-shadow:none}.lobby-title>b:before,.lobby-title>b:after{content:'';position:absolute;width:11px;height:11px;border:2px solid #5c41684d}.lobby-title>b:before{top:10px;right:10px;border-left:0;border-bottom:0;border-radius:0 3px 0 0}.lobby-title>b:after{bottom:10px;left:10px;border-right:0;border-top:0;border-radius:0 0 0 3px}.lobby-tagline{font-size:22px;line-height:1.6;font-weight:700;color:#e0cce8;margin:0 0 22px}.lobby-actions{margin-top:0}.lobby-character{width:clamp(205px,23vw,320px);height:clamp(270px,30vw,420px)}.lobby-one{transform:translateY(-29%) rotate(-7deg)}.lobby-ten{transform:translateY(-30%) rotate(6deg)}.ranking-trail{margin-top:13px}.interactive-ranking{margin-top:0}.trail-character{background:none;border:0;padding:0;cursor:pointer;border-radius:8px;transition:transform .16s,filter .16s}.trail-character:hover,.trail-character[aria-pressed=true]{transform:translateY(-4px);filter:drop-shadow(0 0 7px #d6bce855)}.trail-bars>span{display:flex;flex:1;align-items:end;min-width:0;height:100%}.trail-bars button{display:flex;align-items:center;justify-content:center;padding:0;min-width:0;width:100%;height:calc(13px + var(--step)*3px);font:9px Thmanyah;background:linear-gradient(#b59ad054,#725e9433);border:1px solid #b8a0ce66;border-radius:4px 4px 2px 2px;color:#d1bcdf;transition:background .15s,transform .15s}.trail-bars button:hover,.trail-bars button[aria-pressed=true]{background:#dbc4a8;color:#30213f;transform:translateY(-4px);border-color:#ffe5a5}.trail-explanation{display:grid;gap:2px;text-align:center;min-height:44px;padding-top:6px}.trail-explanation>b{font-size:12px;color:#edd096;font-weight:700}.trail-explanation>span{font-size:9px;color:#bfa7ca;line-height:1.7}.share-dock{display:flex;align-items:center;justify-content:center;gap:9px;background:#32213db8;border:1px solid #bd9cd052;border-radius:30px;padding:9px 16px;min-height:40px;margin:16px auto 0;color:#e5d0ed;font-size:11px;box-shadow:inset 0 1px 0 #f4e5ff0b;cursor:pointer}.share-dock>.ui-symbol{width:17px;height:17px}.share-dock>.ui-symbol:last-child{color:#e3c58a;margin-right:5px}.share-dock:hover{border-color:#e7cb90;background:#49314f}.play-main>.share-dock{order:7;margin:5px auto 12px;min-height:34px;font-size:10px;padding:6px 14px}.play-main>.share-dock .ui-symbol{width:15px;height:15px}.quick-share{text-align:center}.dialog:has(.quick-share){max-width:425px;padding:27px 30px 22px;animation:none!important;transform:none!important}.quick-share>h2{font-size:28px;margin:8px 0 5px}.quick-share>p{font-size:12px;color:#c5add4;margin:0 0 17px}.instant-qr{width:228px;max-width:100%;padding:5px;margin:0 auto 20px;background:white;border:7px solid #f6ecd5;border-radius:14px;box-shadow:0 4px 0 #927a6855}.instant-qr>svg{display:block;width:100%;height:auto;aspect-ratio:1;shape-rendering:crispEdges}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.share-actions .btn{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;min-height:44px;padding:9px}.share-actions .ui-symbol{width:17px;height:17px}.share-link-label{display:block;font-size:10px;text-align:right;color:#bda5ce;margin-top:15px}.share-link-label>input{width:100%;font:11px/1.5 Thmanyah,Arial,sans-serif!important;min-height:37px!important;margin-top:4px;cursor:text}.quick-share>small{display:block;font-size:9px;color:#a58ab4;margin-top:11px;line-height:1.8}.lobby-active .stage-footer{background:linear-gradient(transparent,#130d21a6)}
@media(min-width:1600px){.lobby-title>span{font-size:120px}.lobby-title>b{font-size:115px;width:163px;height:153px}.game-lobby{min-height:680px}}
@media(max-width:1100px){.lobby-title>span{font-size:90px}.lobby-title>b{font-size:92px;width:133px;height:127px}.lobby-title{gap:15px}.lobby-character{width:220px;height:295px}.lobby-tagline{font-size:20px}.lobby-center{width:385px}}
@media(max-width:820px){.lobby-character{width:155px;height:205px;bottom:40px;top:auto}.lobby-one{left:-33px;transform:rotate(-10deg)}.lobby-ten{right:-27px;transform:rotate(8deg)}}
@media(max-width:600px){body.lobby-active:before{background-size:auto 100svh;background-repeat:repeat-y;background-position:center}.game-lobby{min-height:0;padding:19px 23px 100px}.lobby-center{width:100%;max-width:350px}.lobby-title{gap:15px;margin:8px 0 22px}.lobby-title>span{font-size:78px}.lobby-title>b{font-size:78px;width:111px;height:106px;border-radius:14px;letter-spacing:-2px}.lobby-title>b:before,.lobby-title>b:after{width:9px;height:9px}.lobby-title>b:before{top:8px;right:8px}.lobby-title>b:after{bottom:8px;left:8px}.lobby-tagline{font-size:19px;margin-bottom:20px}.lobby-actions{margin-top:0}.lobby-facts{margin-top:19px}.lobby-character{width:105px;height:139px;bottom:0;opacity:.8}.lobby-one{left:-17px;transform:rotate(-13deg)}.lobby-ten{right:-12px;transform:rotate(10deg)}.ranking-trail{margin-top:9px;min-height:98px}.trail-bars button{font-size:8px;height:calc(11px + var(--step)*2.5px)}.trail-explanation{min-height:46px;padding-top:7px}.trail-explanation>b{font-size:11px}.trail-explanation>span{font-size:8px;max-width:280px;margin:auto}.share-dock{font-size:10px;min-height:37px;margin-top:12px;padding:7px 14px}.stage-footer{min-height:56px;padding:12px 15px}.dialog:has(.quick-share){padding:27px 20px 20px}.instant-qr{width:210px;margin-bottom:16px}.quick-share>h2{font-size:25px}.quick-share>p{font-size:11px}.share-actions .btn{font-size:11px}.share-link-label>input{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.trail-character,.trail-bars button{transition:none}}