:root{font-family:Tahoma,Arial,system-ui,sans-serif;background:#0b1320;color:#f4f2e9;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{padding:11px 17px;border:0;border-radius:11px;background:#d4ab56;color:#152033;font-weight:800;cursor:pointer;margin:4px}button:disabled{opacity:.45;cursor:not-allowed}.red{background:#d86c63;color:#171a24}.muted{background:#455a75;color:#fff}input{padding:13px;border:1px solid #54647a;background:#101a2b;color:#fff;border-radius:10px;min-width:170px;max-width:100%;margin:5px}.eblash-root{max-width:1250px;margin:auto;padding:12px}.mast{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px 16px;border-bottom:1px solid #34435a}.mast h1{font-size:38px;color:#edc36f;margin:0}.mast small{font-size:14px;color:#aebbcf}.mast p{margin:6px 0;color:#e5dfd2}.mast em{display:block;font-size:12px;color:#b4a07e;font-style:normal}.prefs{display:flex;gap:4px;flex-wrap:wrap}.pref{padding:9px 12px;font-size:12px;background:#22324b;color:#eee}.panel,.table-panel{background:#18283e;margin-top:14px;padding:16px;border:1px solid #30445e;border-radius:18px}h2{margin:0 0 10px}h2 small{font-size:14px;color:#b4c1d1}.alert{padding:12px;margin-top:10px;background:#5d3030;border-radius:9px}.lobby-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:12px}.room-entry{padding:10px;border-bottom:1px solid #42516b}.room-entry p{font-size:12px;color:#cbd1dd}.table-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.table-heading p{font-size:13px;color:#bbc8d8;margin:0 0 12px}.phase-pill{color:#f3d393;border:1px solid #80693d;padding:9px 12px;border-radius:25px;font-size:12px}.table-felt{position:relative;border-radius:22px;padding:16px 12px 18px;background:radial-gradient(ellipse at center,#223d4d,#0e2234 68%,#091b2e);border:3px solid #a88347;box-shadow:inset 0 0 0 5px #1b3043,inset 0 0 55px #050d17;min-height:440px}.seat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.player-seat{position:relative;z-index:1;min-height:155px;border:2px solid #40556a;background:#142236d9;border-radius:16px;padding:12px;transition:border-color .25s,box-shadow .25s}.player-seat.on-turn{border-color:#e7bd67;box-shadow:0 0 0 2px #e2aa3760,0 0 26px #d4ab5640}.player-seat.my-seat{background:#1b3048ec}.player-seat.is-frozen{border-color:#79c8f7;box-shadow:inset 0 0 26px #60beef25}.player-seat.is-out{opacity:.84}.seat-top{display:flex;justify-content:space-between;align-items:center;gap:4px}.seat-top strong{font-size:15px}.host-mark{display:inline-block;font-size:9px;margin-inline-start:5px;color:#e6c680;border:1px solid #b79b5f;padding:2px 4px;border-radius:5px}.points{font-size:24px;color:#f5d78a;font-weight:900;white-space:nowrap}.points small{display:block;color:#aebccf;font-size:9px;font-weight:400}.status-row{display:flex;justify-content:space-between;gap:6px;font-size:11px;color:#ced8e8;margin:8px 0}.state-tag{color:#fff}.card-hand{min-height:53px;display:flex;gap:5px;flex-wrap:wrap;align-items:center}.mini-card{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#f7efd9;color:#182338;min-width:37px;height:51px;border-radius:6px;border:2px solid #fff8e8;box-shadow:1px 2px 5px #0008;font-size:21px;font-weight:900;animation:land .3s ease-out}.mini-card.bonus{background:#f5d180;font-size:11px;min-width:37px;max-width:64px;padding:3px;text-align:center}.empty-hand{font-size:11px;color:#899bb0}.effect-flags{display:flex;gap:5px;flex-wrap:wrap;min-height:20px;margin-top:5px}.flag{font-size:10px;border-radius:6px;padding:4px 6px;background:#2f4464}.flag.ice{background:#175b7b}.flag.shield{background:#275b7f}.flag.chance{background:#256447}.flag.red-flag{background:#833746}.seat-action{font-size:10px;padding:5px 7px}.deck-center{width:max-content;max-width:100%;margin:15px auto 0;display:flex;align-items:center;gap:12px;color:#c2cedd;font-size:12px}.deck-visual{background:linear-gradient(130deg,#8d2636,#cb4f55);border:4px solid #f3d493;border-radius:10px;width:64px;height:84px;display:grid;place-items:center;font-weight:900;font-size:18px;transform:rotate(-6deg);box-shadow:4px 5px #101a28}.turn-controls{margin-top:13px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.turn-controls button{min-width:110px}.event-panel{margin-bottom:30px}.event-items{max-height:200px;overflow:auto}.event-items p{padding:7px 0;border-bottom:1px solid #30435a;font-size:13px;margin:0;color:#d8e0e9}.effect-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;isolation:isolate}.color-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;animation:flash .45s ease-out both;background:#eef6ff}.tone-danger .color-flash{background:#d63d50}.tone-good .color-flash{background:#36b97b}.tone-ice .color-flash{background:#459bdb}.tone-gold .color-flash{background:#f7c963}.tone-normal .color-flash{background:#97b0c9}.reveal-card{width:160px;height:222px;background:#f8edd6;color:#202b3b;border:7px solid #fff9e8;border-radius:16px;box-shadow:0 20px 85px #000a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;animation:deal 1.2s cubic-bezier(.2,.75,.3,1) forwards}.reveal-card strong{font-size:25px;text-align:center;padding:0 7px}.reveal-card span{font-size:14px;color:#53627a}.card-symbol{font-size:45px}.tone-danger .reveal-card{border-color:#f09aaa}.tone-good .reveal-card{border-color:#6ccf98}.tone-ice .reveal-card{border-color:#a8e1f7}.tone-gold .reveal-card{border-color:#eac668}.catchphrase{font-size:clamp(22px,5vw,38px);font-weight:900;text-shadow:0 3px 15px #000;color:#fff;animation:phrase 1.1s ease-out both;text-align:center;padding:0 12px}.reduce-effects .color-flash{animation:none;opacity:0}.reduce-effects .reveal-card,.reduce-effects .catchphrase{animation:none}@keyframes flash{0%{opacity:0}15%{opacity:.24}to{opacity:0}}@keyframes deal{0%{opacity:0;transform:translateY(35px) scale(.3) rotateY(85deg)}22%{opacity:1;transform:translateY(0) scale(1.16) rotateY(0)}55%{opacity:1;transform:translateY(0) scale(1.16)}to{opacity:0;transform:translate(var(--target-x),var(--target-y)) scale(.28) rotate(9deg)}}@keyframes phrase{0%{opacity:0;transform:scale(.8)}25%{opacity:1;transform:scale(1.05)}72%{opacity:1}to{opacity:0}}@keyframes land{0%{transform:translateY(-15px) scale(1.15);opacity:.4}to{transform:none;opacity:1}}@media(max-width:650px){.mast{align-items:flex-start;flex-direction:column}.mast h1{font-size:29px}.panel,.table-panel{padding:10px}.table-felt{padding:9px 6px}.seat-grid{gap:6px}.player-seat{padding:7px;min-height:145px}.seat-top strong{font-size:12px}.host-mark{display:block;width:max-content;margin:3px 0}.points{font-size:18px}.mini-card{min-width:29px;height:42px;font-size:17px}.mini-card.bonus{font-size:10px;min-width:32px}.deck-visual{width:52px;height:68px;font-size:15px}.phase-pill{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.leave-button{background:#5e3640;color:#fff;border:1px solid #b5717b}.leave-button:hover{background:#78444f}.seven-celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:radial-gradient(ellipse at center,#513813ea,#09131bf2);color:#ffe8aa;text-align:center;pointer-events:none;animation:sevenFade 3.4s ease-out both;padding:20px}.seven-title{font-size:clamp(40px,8vw,92px);font-weight:900;text-shadow:0 6px 35px #000}.seven-winner{font-size:clamp(56px,11vw,145px);font-weight:900;color:#fff;word-break:break-word;text-shadow:0 8px 35px #e0a144}.seven-subtitle{font-size:clamp(19px,3vw,35px);font-weight:700}.seven-sparks{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.seven-sparks span{position:absolute;top:-15%;left:calc(8% + var(--n,0)*13%);font-size:clamp(36px,6vw,80px);animation:sevenDrop 2.6s ease-in-out both}.seven-sparks span:nth-child(1){left:7%;animation-delay:.1s}.seven-sparks span:nth-child(2){left:19%;animation-delay:.5s}.seven-sparks span:nth-child(3){left:35%;animation-delay:.2s}.seven-sparks span:nth-child(4){left:48%;animation-delay:.7s}.seven-sparks span:nth-child(5){left:66%;animation-delay:.3s}.seven-sparks span:nth-child(6){left:80%;animation-delay:.6s}.seven-sparks span:nth-child(7){left:92%;animation-delay:.1s}@keyframes sevenDrop{0%{transform:translateY(-80px) rotate(0);opacity:0}20%{opacity:1}to{transform:translateY(100vh) rotate(520deg);opacity:.1}}@keyframes sevenFade{0%{opacity:0;transform:scale(.94)}8%{opacity:1;transform:scale(1)}85%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.seven-celebration{animation:none}.seven-sparks{display:none}}.action-choice{background:#112b3b;border:2px solid #d5ae63;border-radius:14px;padding:16px;margin:12px 0;text-align:center;color:#f8e8c1}.action-choice strong{font-size:22px}.action-choice p{color:#f5ecd5}.choice-list{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.choice-list button{min-width:75px;border:2px solid #fff0c7}.leave-button{background:#823c46;color:#fff}.seven-celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#08172aeb;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;color:#f8d476;pointer-events:none;animation:celebrate-in 3.4s ease both}.seven-title{font-size:clamp(40px,9vw,95px);font-weight:900}.seven-winner{font-size:clamp(55px,11vw,135px);font-weight:900;color:#fff;text-shadow:0 0 28px #d4aa55}.seven-subtitle{font-size:clamp(22px,4vw,40px)}.seven-sparks{display:flex;gap:clamp(6px,3vw,30px);font-size:clamp(30px,6vw,75px)}.seven-sparks span{animation:celebrate-bounce 1.3s ease-in-out infinite alternate}.seven-sparks span:nth-child(2n){animation-delay:.25s}@keyframes celebrate-bounce{0%{transform:translateY(15px) scale(.7)}to{transform:translateY(-25px) scale(1.25)}}@keyframes celebrate-in{0%{opacity:0}12%{opacity:1}85%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.seven-celebration,.seven-sparks span{animation:none!important}}.player-seat{overflow:hidden;isolation:isolate}.seat-impact{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-align:center;padding:9px;background:#681928f0;border:3px solid #f09aaa;border-radius:14px;pointer-events:none;animation:impact-in .28s ease-out both;color:#fff;box-shadow:inset 0 0 50px #0005}.seat-impact.tone-ice{background:#0d3d61f2;border-color:#8ad5ff}.seat-impact.tone-good{background:#0b4d3af2;border-color:#83efb7}.seat-impact.tone-gold{background:#583d0bf2;border-color:#f9da81}.seat-impact strong{font-size:clamp(18px,2.5vw,30px);line-height:1.2}.seat-impact small{font-size:clamp(11px,1.4vw,16px);line-height:1.3;color:#fff9}.seat-impact-symbol{font-size:clamp(31px,5vw,50px);line-height:1}.seat-impact-number{background:#fbefd6;color:#172334;font-size:clamp(40px,7vw,75px);font-weight:900;border:5px solid #fff;border-radius:12px;padding:4px 23px;transform:rotate(-5deg);box-shadow:0 6px 26px #0006}.seat-impact-duplicate{font-size:clamp(13px,2vw,21px);font-weight:700}@keyframes impact-in{0%{opacity:0;transform:scale(.82)}70%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.seat-impact{animation:none}}.seat-impact.reduced{animation:none}.howto-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 4px}.howto-bar span{font-size:12px;color:#b2c1d5}.howto-open{background:#e1b75d;color:#16243a;border:1px solid #f4d48a;font-weight:900;border-radius:14px;padding:10px 17px}.howto-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030912d1;z-index:900;display:flex;justify-content:center;align-items:center;padding:18px;overflow-y:auto}.howto-dialog{width:min(620px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#16273e;color:#f3f4ee;border:2px solid #d7ac59;border-radius:20px;padding:22px;box-shadow:0 25px 80px #000b;direction:rtl;text-align:right}.howto-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.howto-head h2{font-size:clamp(21px,4vw,28px);margin:0;color:#f1cc7b}.howto-close{background:#32445f;color:#fff;font-size:18px;min-width:43px;min-height:43px;margin:0}.howto-lead{color:#d4e2f0;font-size:16px;margin:15px 0}.howto-steps{margin:0;padding:0 25px 0 4px;line-height:1.85}.howto-steps li{padding:6px 3px;border-bottom:1px solid #354761;font-size:15px}.howto-steps li::marker{color:#efc879;font-weight:700}.howto-footnote{font-size:13px;color:#c9d7ec;background:#223953;border-radius:11px;padding:12px;margin-top:14px;line-height:1.8}.howto-gotit{margin:16px 0 0;background:#d7ad5a;color:#132139;width:100%;font-weight:900;min-height:46px}@media(max-width:650px){.howto-dialog{padding:15px}.howto-steps li{font-size:14px}}.seat-control-status{padding:12px 14px;margin:10px auto 3px;max-width:720px;text-align:center;border:1px solid #657b91;background:#10253a;border-radius:12px;color:#f3deb2;font-size:14px;line-height:1.7}.room-name-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.room-name-tools button{width:auto;min-height:36px;padding:7px 13px;border-radius:10px;font-size:.9rem;line-height:1.4}.room-name-edit{background:#e4b85d;color:#18283b;font-weight:700}.room-code-copy{background:#273d57;color:#f3e8d0}@media(max-width:600px){.room-name-tools button{font-size:.84rem;padding:7px 10px}}
