@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#eee9df;background:#111723;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid #ecc88b;outline-offset:3px}.app{min-height:100vh;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;background:#121a25}.scene-bg,.scene-tint,.particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.scene-bg{z-index:-3;background-size:cover;background-position:center;filter:saturate(.86)}.theme-sanctuary .scene-bg{background-image:url(/backgrounds/sanctuary.svg)}.theme-coast .scene-bg{background-image:url(/backgrounds/coast.svg)}.theme-emberwood .scene-bg{background-image:url(/backgrounds/emberwood.svg)}.scene-tint{z-index:-2;background:linear-gradient(90deg,#0f1724ea,#121b2bc7 52%,#121b2a9e),linear-gradient(0deg,#101720ec 0%,transparent 26%,#101720c4 100%)}.in-play .scene-tint{background:linear-gradient(0deg,#0c121bd9,#111925a0,#111823b8)}.particles{z-index:-1}.particles i{position:absolute;width:2px;height:2px;background:#efd4ac;border-radius:50%;box-shadow:0 0 15px 3px #d7a86b6e;animation:float 10s linear infinite}.particles i:nth-child(1){top:18%;left:18%}.particles i:nth-child(2){top:53%;left:76%;animation-delay:-5s}.particles i:nth-child(3){top:70%;left:39%;animation-delay:-7s}.particles i:nth-child(4){top:34%;left:86%;animation-delay:-2s}.particles i:nth-child(5){top:80%;left:9%;animation-delay:-9s}.particles i:nth-child(6){top:8%;left:65%;animation-delay:-3s}.particles i:nth-child(7){top:41%;left:36%;animation-delay:-6s}.particles i:nth-child(8){top:63%;left:92%;animation-delay:-4s}@keyframes float{0%{transform:translateY(20px);opacity:0}30%{opacity:.7}to{transform:translateY(-90px);opacity:0}}.header{height:78px;padding:0 clamp(20px,4vw,68px);width:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff17;background:#0e1520a5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-shrink:0;z-index:4}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-symbol{width:36px;height:36px;display:grid;place-items:center;color:#e6c88f;border:1px solid #d4b47a80;transform:rotate(45deg);border-radius:9px;font-size:20px}.brand-symbol:first-letter{transform:rotate(-45deg)}.brand-word{font:800 21px Manrope,sans-serif;letter-spacing:.2em;color:#eee3d1}.brand-word small{font-weight:500;letter-spacing:.24em;font-size:10px;margin-left:7px;color:#cab18a}.header-actions{display:flex;align-items:center;gap:11px}.online-dot,.eyebrow,.overline,.field-label,.panel-title .step,.rivals-label,.hand-meta .eyebrow,.recent>span{letter-spacing:.18em;font-size:10px;font-weight:800;color:#d6bd91}.online-dot{margin-right:12px;color:#bddcc9;font-size:10px}.icon-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#d8d6cf;background:#ffffff0b;border:1px solid #ffffff20;transition:.2s}.icon-btn:hover{color:#fff;background:#ffffff1a;border-color:#e6c58f80}.content{width:min(1440px,100%);margin:0 auto;padding:0 clamp(22px,4vw,56px) 30px;flex:1}.footer{height:58px;max-width:1440px;width:100%;margin:auto;padding:0 clamp(22px,4vw,56px);display:flex;align-items:center;justify-content:space-between;color:#b1ab9e73;letter-spacing:.19em;font-size:9px}.panel{border:1px solid #e6d9c727;background:linear-gradient(140deg,#25303ccc,#1a2432ec);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 25px 70px #050c1680;border-radius:18px}.btn{border:1px solid transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 20px;font-weight:800;font-size:13px;transition:background .2s,transform .2s,border-color .2s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:disabled{opacity:.4}.btn-primary{background:#d9bc86;color:#1b2431;box-shadow:0 8px 28px #d2ab6950}.btn-primary:hover:not(:disabled){background:#f0d39b}.btn-secondary{color:#e6dfd3;background:#ffffff0c;border-color:#ffffff35}.btn-secondary:hover:not(:disabled){background:#ffffff1b;border-color:#d5b983}.btn.big{height:50px;width:100%;justify-content:space-between}.btn-code{border:1px solid #decda64a;background:#e4ceb217;color:#e8d9bc;gap:16px;text-align:left}.btn-code span{font-size:9px;letter-spacing:.2em;color:#c0ae91}.btn-code strong{font-size:17px;letter-spacing:.15em}.landing{flex:1;width:min(1320px,100%);margin:auto;padding:45px 40px 92px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.68fr);gap:clamp(40px,7vw,135px);align-items:center}.hero{position:relative;padding:80px 0 130px}.overline{display:flex;align-items:center;gap:10px}.overline span{width:19px;height:1px;background:#d6bd91}.hero h1,.page-heading h1,.end-screen h1{font-family:Manrope,sans-serif;font-weight:700;line-height:1.08;letter-spacing:-.057em}.hero h1{font-size:clamp(53px,5.4vw,86px);margin:25px 0}.hero h1 em{color:#e8bf83;font-style:normal}.hero>p{color:#c6c6c7;line-height:1.8;font-size:16px;max-width:550px}.hero-chips{display:flex;gap:14px;flex-wrap:wrap;margin-top:35px}.hero-chips span{display:inline-flex;align-items:center;gap:8px;color:#c4c4bc;font-size:11px}.hero-chips svg{color:#dec698}.hero-art{position:absolute;bottom:-85px;left:4%;height:190px;width:480px;pointer-events:none}.hero-card{position:absolute;width:92px;height:128px;border-radius:12px;display:grid;place-items:center;box-shadow:0 14px 26px #050a10a0;border:4px solid #eee3c4}.hero-card svg{width:44px;height:44px}.hero-fire{left:56px;top:28px;transform:rotate(-20deg);background:#bd5d47;color:#ffddaf}.hero-water{left:132px;top:13px;transform:rotate(-7deg);background:#386e89;color:#d7eef2}.hero-earth{left:214px;top:15px;transform:rotate(9deg);background:#738259;color:#edf2d2}.hero-air{left:290px;top:29px;transform:rotate(22deg);background:#91829c;color:#faf0fc}.entry{padding:34px;max-width:470px;width:100%;justify-self:end}.entry-intro{display:flex;align-items:center;gap:16px;margin-bottom:34px}.entry-icon{font-size:26px;color:#f1d5a5;border:1px solid #dbc3915e;width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#ddc99b1c}.entry h2{font:700 23px Manrope;margin:0 0 5px;letter-spacing:-.04em}.entry p{margin:0;color:#aaaeb3;font-size:12px}.field-label{display:flex;flex-direction:column;gap:10px;color:#c9bfae;margin:16px 0;font-size:10px}.field-label input{height:47px;width:100%;padding:0 14px;background:#131b27;border:1px solid #d7c7ab3f;border-radius:9px;color:#f3ead8;font-size:14px;letter-spacing:0;outline:none}.field-label input::placeholder{color:#788493}.field-label input:focus{border-color:#d7b984;box-shadow:0 0 0 3px #d9be8c20}.code-row{display:flex;gap:8px}.code-row input{min-width:0;letter-spacing:.14em;text-transform:uppercase}.divider-word{position:relative;text-align:center;color:#86909a;font-size:9px;letter-spacing:.19em;margin:26px 0 21px}.divider-word:before{content:"";height:1px;background:#d6c9af30;position:absolute;top:50%;left:0;right:0}.divider-word span{position:relative;background:#202a38;padding:0 12px}.entry-foot{border-top:1px solid #ffffff19;margin-top:25px;padding-top:20px;text-align:center;color:#9ea9ae;font-size:11px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:47px 0 27px}.page-heading h1{font-size:clamp(38px,4vw,58px);margin:8px 0}.page-heading p{color:#b6bac0;font-size:13px;margin:0}.period{color:#dfbf87}.heading-actions{display:flex;align-items:center;gap:10px}.lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 344px;gap:18px}.lobby-main{display:grid;gap:18px}.setup-panel{padding:25px 27px}.panel-title{display:flex;align-items:flex-start;gap:17px;margin-bottom:23px}.panel-title .step{display:grid;place-items:center;width:32px;height:32px;border:1px solid #d6bf8970;border-radius:9px;flex-shrink:0}.panel-title h2,.aside-heading h2{font:700 19px Manrope;margin:0 0 4px;letter-spacing:-.035em}.panel-title p{font-size:12px;color:#9eabb3;margin:0}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.mode-tile{display:flex;align-items:flex-start;flex-direction:column;text-align:left;gap:8px;min-height:136px;padding:18px;border-radius:11px;border:1px solid #d4c09b2d;background:#101c29a3;color:#f4eee4;transition:.2s}.mode-tile:hover:not(:disabled),.theme-tile:hover:not(:disabled){border-color:#d8c0939a}.mode-tile.active{border-color:#d8be8d;background:#b698671f;box-shadow:inset 0 0 0 1px #d4b98145}.mode-tile svg{color:#dbc392}.mode-tile strong{font-size:14px}.mode-tile span{font-size:11px;color:#9fa9b0}.mode-tile b{margin-top:auto;font-size:9px;letter-spacing:.16em;color:#d7c292}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.theme-tile{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid #ffffff30;border-radius:10px;padding:0;background:#152132;color:#f3eadc;text-align:left;transition:.2s}.theme-tile.active{border-color:#dfc190;box-shadow:0 0 0 1px #d6bd89}.theme-image{display:block;width:100%;height:82px;background-size:cover;background-position:center}.theme-image.theme-sanctuary{background-image:url(/backgrounds/sanctuary.svg)}.theme-image.theme-coast{background-image:url(/backgrounds/coast.svg)}.theme-image.theme-emberwood{background-image:url(/backgrounds/emberwood.svg)}.theme-info{padding:11px 13px 14px;display:grid;gap:5px}.theme-info strong{font-size:12px}.theme-info small{font-size:10px;color:#aab2b8}.theme-tick{position:absolute;right:9px;top:9px;width:20px;height:20px;background:#dfc28e;color:#1b2633;display:grid;place-items:center;border-radius:50%}.rules-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.rule{border:0;border-top:1px solid #ffffff16;display:flex;align-items:center;justify-content:space-between;gap:13px;padding:14px 0;color:#eee5d6;background:transparent;text-align:left}.rule-copy{display:grid;gap:4px}.rule-copy strong{font-size:12px}.rule-copy small{line-height:1.4;color:#9ca9ad;font-size:10px}.switch{flex-shrink:0;width:34px;height:19px;border-radius:20px;background:#4b5461;position:relative;transition:.2s}.switch i{position:absolute;top:3px;left:3px;width:13px;height:13px;background:#e2dfd8;border-radius:50%;transition:.2s}.rule.enabled .switch{background:#d0b27f}.rule.enabled .switch i{left:18px;background:#1a2431}.lobby-aside{display:flex;flex-direction:column;gap:18px}.player-panel{padding:24px;position:sticky;top:95px}.aside-heading{display:flex;align-items:center;justify-content:space-between}.aside-heading span{font-size:12px;color:#d8bf91}.team-note{font-size:11px;color:#a5b9bd;line-height:1.5}.player-list{min-height:192px;max-height:400px;overflow:auto;margin:16px 0 25px}.lobby-player{display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff17;padding:9px 0}.avatar{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;font:800 15px Manrope;border:1px solid #ffffff3b;color:#fff}.avatar-0{background:#bb6852}.avatar-1{background:#507f9e}.avatar-2{background:#87905d}.avatar-3{background:#936f9c}.avatar-4{background:#a87b53}.avatar-5{background:#5d9e9a}.avatar-6{background:#985d70}.avatar-7{background:#60799a}.lobby-player>div{min-width:0;flex:1;display:grid;gap:3px}.lobby-player strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-player small{font-size:9px;letter-spacing:.12em;color:#9eabb0}.host-crown{color:#ddc08e}.ready-state{color:#9da8aa;font-size:9px;letter-spacing:.08em}.ready-state.yes{color:#9bd9b9}.empty-slot{display:flex;gap:10px;align-items:center;color:#789099;font-size:11px;border-bottom:1px dashed #ffffff20;padding:9px 0}.empty-slot span{width:37px;height:37px;border:1px dashed #ffffff40;border-radius:11px;display:grid;place-items:center;font-size:19px}.lobby-buttons{display:grid;gap:9px}.lobby-buttons .btn{width:100%;justify-content:space-between}.btn-launch{border:1px solid #ddc28a90;background:#d7b88018;color:#efd5a8}.btn-launch:hover:not(:disabled){background:#d7b88034}.aside-hint{color:#8d9da4;text-align:center;font-size:10px;line-height:1.5;margin:15px 0 0}.mini-guide{display:flex;gap:12px;padding:22px;border:1px solid #dbc48a3b;background:#2c324087;border-radius:15px;color:#dec79a}.mini-guide svg{flex-shrink:0}.mini-guide strong{font-size:12px}.mini-guide p{color:#b6bdbe;font-size:11px;line-height:1.7;margin:6px 0 0}.play-content{width:min(1660px,100%);padding:0 clamp(18px,3vw,50px)}.game-top{display:flex;align-items:flex-end;justify-content:space-between;margin:27px 0 17px}.game-title h2{font:700 22px Manrope;letter-spacing:-.035em;margin:5px 0 0}.game-actions{display:flex;gap:10px}.code-small{display:flex;align-items:center;gap:7px;background:#10182496;border:1px solid #d3ba8657;color:#dfd2b9;border-radius:9px;padding:0 13px;letter-spacing:.15em;font-size:12px}.table-area{height:min(56vh,505px);min-height:400px;position:relative;overflow:hidden;border-radius:24px;border:1px solid #e2d5bd3c;background:radial-gradient(ellipse at 50% 44%,#28524a,#1b3838 60%,#14282e);box-shadow:inset 0 0 0 9px #231c1ba6,inset 0 0 0 11px #d4ab7155,0 23px 70px #030911b5}.theme-coast .table-area{background:radial-gradient(ellipse at 50% 44%,#2d5664,#1b3441 60%,#112632)}.theme-emberwood .table-area{background:radial-gradient(ellipse at 50% 44%,#5a3e3e,#342b34 60%,#251f2b)}.table-area:before{content:"";position:absolute;top:24px;right:24px;bottom:24px;left:24px;border:1px solid #dfbc8a34;border-radius:190px;pointer-events:none}.table-area:after{content:"";position:absolute;top:32px;right:32px;bottom:32px;left:32px;border:1px solid #dfbc8a18;border-radius:180px;pointer-events:none}.table-surface{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.table-mark{position:absolute;top:50%;left:50%;width:330px;height:330px;border:1px solid #d8c29125;border-radius:50%;transform:translate(-50%,-50%)}.mark-two{width:380px;height:380px;border-style:dashed;opacity:.5;animation:slow-spin 60s linear infinite}@keyframes slow-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.table-center{display:flex;align-items:center;justify-content:center;gap:clamp(30px,6vw,105px);position:relative;z-index:1;margin-top:40px}.pile-zone{display:flex;align-items:center;flex-direction:column;gap:8px;position:relative;color:#d0c5b5;font-size:9px;letter-spacing:.17em;font-weight:800}.pile-zone span b{color:#ead1a5}.pile-shadow{transform:rotate(-7deg);filter:drop-shadow(6px 8px 7px #030a10bd)}.top-card{transform:rotate(7deg);filter:drop-shadow(6px 8px 7px #030a10bd)}.turn-info{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:170px}.turn-eyebrow{text-transform:uppercase;color:#e4d8bc;letter-spacing:.16em;font-size:10px;font-weight:800;text-align:center}.turn-arrow{color:#e4c696;opacity:.75}.element-badge{border:1px solid currentColor;display:inline-flex;gap:9px;align-items:center;border-radius:30px;padding:7px 14px;background:#15202bba;font-weight:800;font-size:11px;color:#f0e7d2;white-space:nowrap}.element-badge.element-fire{color:#f0a58f}.element-badge.element-water{color:#a9d7e9}.element-badge.element-earth{color:#c5dfa6}.element-badge.element-air{color:#d7c6e6}.debt{margin-top:5px;border-radius:7px;border:1px solid #e6a17492;color:#f6cfad;background:#813d364d;padding:7px 12px;font-size:9px;letter-spacing:.09em;white-space:nowrap}.debt strong{font-size:18px;margin-left:5px;color:#fff}.status-rail{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:9px;white-space:nowrap;border:1px solid #e2d2af37;border-radius:30px;background:#101d27c9;padding:10px 18px;color:#e8dec9;font-size:11px}.status-dot{width:6px;height:6px;border-radius:50%;background:#d6bd85;box-shadow:0 0 10px #deb669}.rivals{position:absolute;top:25px;left:35px;right:35px;z-index:3}.rivals-label{display:flex;align-items:center;gap:11px;color:#d4d0b9;font-size:9px}.rivals-label span{color:#c0c7be91}.rival-scroll{display:flex;gap:8px;overflow:auto;padding:12px 0 10px;scrollbar-width:thin}.rival{display:flex;align-items:center;gap:7px;min-width:117px;max-width:190px;flex:1;padding:7px 9px;background:#0b1724bd;border:1px solid #d2c4ad33;border-radius:11px;transition:.2s}.rival.current{border-color:#ecc58b;box-shadow:0 0 0 2px #d6ad6650}.rival.ally{background:#53684580}.rival .avatar{width:30px;height:30px;border-radius:9px;font-size:12px}.rival-name{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.rival-name strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rival-name small{color:#afbaa9;font-size:8px;white-space:nowrap}.card-count{color:#e3cd9d;font-size:13px;font-weight:800;display:flex;gap:3px}.card-count span{font-size:9px}.catch-btn{background:#e0bd81;color:#24262c;border:0;border-radius:7px;padding:10px 12px;font-size:10px;font-weight:900;animation:pulse 1.2s infinite}.game-bottom{margin-top:17px}.hand-meta{display:flex;justify-content:space-between;align-items:center;gap:14px}.hand-meta>div:first-child{display:flex;align-items:baseline;gap:11px}.hand-meta strong{font-size:16px}.hand-count{color:#bac5bd;font-size:10px;letter-spacing:.13em}.hand-actions{display:flex;align-items:center;gap:8px}.btn-draw{color:#ece5d8;background:#2c3a41;border-color:#d8c39c61}.btn-call{background:#e2bb77;color:#202833;animation:pulse 1.2s infinite}.jump-prompt{display:flex;align-items:center;gap:6px;color:#ffce8b;font-size:11px;animation:pulse 1s infinite}@keyframes pulse{50%{filter:brightness(1.3);transform:scale(1.02)}}.hand-scroll{overflow-x:auto;scrollbar-color:#ceac7a5c transparent;scrollbar-width:thin;margin-top:8px;padding:5px 7px 16px}.hand-cards{display:flex;align-items:center;gap:9px;min-width:max-content;min-height:181px}.hand-slot{animation:deal .35s both}@keyframes deal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.bottom-caption{font-size:10px;color:#acaeaa;letter-spacing:.04em}.recent{display:flex;gap:16px;align-items:center;padding:12px 0;min-height:37px;white-space:nowrap;overflow:hidden}.recent>span{flex-shrink:0}.recent>div{display:flex;gap:18px;overflow:hidden}.recent>div span{font-size:10px;color:#bcc5c1;max-width:270px;text-overflow:ellipsis;overflow:hidden}.playing-card{position:relative;display:block;flex-shrink:0;width:115px;height:164px;border:4px solid #eae0cb;border-radius:12px;color:#fff9ed;overflow:hidden;isolation:isolate;box-shadow:0 5px 15px #0008,inset 0 0 0 2px #ffffff38;background:#976364;padding:0;transition:transform .18s,filter .18s,box-shadow .18s}.playing-card:disabled{opacity:1;cursor:default}.playing-card.selectable:hover{transform:translateY(-15px) rotate(-2deg);box-shadow:0 16px 25px #050911aa}.playing-card.playable{box-shadow:0 5px 15px #0008,0 0 0 2px #f9e3ac,0 0 20px #e7c18e78}.playing-card:not(.playable).selectable{filter:saturate(.65)}.playing-card.compact{width:92px;height:129px;border-width:3px;border-radius:10px;pointer-events:none}.playing-card.element-fire{background:radial-gradient(circle at 56% 43%,#e99868,#b85148 69%,#733649)}.playing-card.element-water{background:radial-gradient(circle at 56% 43%,#8ac6cb,#3e7597 69%,#2b526f)}.playing-card.element-earth{background:radial-gradient(circle at 56% 43%,#a2b98a,#65795b 69%,#4c5e4e)}.playing-card.element-air{background:radial-gradient(circle at 56% 43%,#c4b8d6,#857da3 69%,#605b84)}.playing-card.element-wild{background:conic-gradient(from 30deg at 50% 45%,#637b73,#4884a0,#bd7797,#bf7650,#637b73)}.card-grain{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid #fff8df8c;border-radius:5px;pointer-events:none}.card-grain:before,.card-grain:after{content:"";position:absolute;width:35px;height:35px;border:1px solid #fff4d957;border-radius:50%;left:-18px;top:42%}.card-grain:after{left:auto;right:-18px}.card-small{position:absolute;z-index:2;top:9px;left:9px;display:grid;justify-items:center;font:800 14px Manrope;line-height:1}.card-small.bottom{top:auto;left:auto;bottom:9px;right:9px;transform:rotate(180deg)}.card-core{position:absolute;top:27px;right:15px;bottom:27px;left:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.card-orbit{width:70px;height:70px;border:1px solid #fff9dd8f;background:#fff5df18;border-radius:50%;display:grid;place-items:center;transform:rotate(-15deg)}.card-core strong{font:800 26px Manrope;line-height:1;letter-spacing:-.06em;text-shadow:0 2px 3px #0005;white-space:nowrap}.kind-number .card-core strong{font-size:32px}.kind-skip .card-core strong,.kind-reverse .card-core strong,.kind-swap .card-core strong,.kind-wild .card-core strong{font-size:15px;letter-spacing:.03em}.card-core small{font-size:7px;letter-spacing:.16em;font-weight:800}.playing-card.compact .card-small{top:7px;left:7px;font-size:10px}.playing-card.compact .card-small.bottom{top:auto;left:auto;bottom:7px;right:7px}.playing-card.compact .card-core{top:20px;right:8px;bottom:20px;left:8px}.playing-card.compact .card-orbit{width:52px;height:52px}.playing-card.compact .card-core strong{font-size:18px}.playing-card.compact.kind-number .card-core strong{font-size:23px}.playing-card.compact.kind-skip .card-core strong,.playing-card.compact.kind-reverse .card-core strong,.playing-card.compact.kind-swap .card-core strong,.playing-card.compact.kind-wild .card-core strong{font-size:11px}.card-back{background:repeating-linear-gradient(45deg,#2c3c4c,#2c3c4c 4px,#384a5a 4px,#384a5a 8px);display:grid;place-items:center}.back-lines{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;top:8px;right:8px;bottom:8px;left:8px;position:absolute;border:1px solid #e3ca977d;border-radius:5px;background:radial-gradient(circle,#364958,#182636)}.back-lines span{font:800 38px Manrope;color:#ecd5a9}.back-lines i{color:#d7b87c;font-style:normal;font-size:13px}.end-screen{width:min(650px,100%);margin:8vh auto 5vh;text-align:center;padding:43px 50px}.end-ornament{font-size:70px;color:#e8c18c;display:block;margin-bottom:15px;filter:drop-shadow(0 4px 20px #ecc78378)}.end-screen h1{font-size:clamp(35px,4vw,55px);margin:10px 0 14px}.end-screen p{color:#bdc2be;line-height:1.6;font-size:13px}.end-roster{margin:28px 0;text-align:left;max-height:280px;overflow:auto}.end-roster>div{display:flex;align-items:center;gap:11px;border-bottom:1px solid #ffffff25;padding:10px}.end-roster strong{flex:1}.end-roster small{color:#bac1b9}.winner-tag{color:#e8c788;font-size:9px;letter-spacing:.1em}.end-actions{display:flex;justify-content:center;gap:9px}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#070c13d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:16px;animation:fade-in .2s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.choice-modal,.help-modal{position:relative;width:min(520px,100%);max-height:min(90vh,800px);overflow:auto;background:#202c38;border:1px solid #e9d6ae70;border-radius:19px;box-shadow:0 30px 90px #0009;padding:29px}.choice-modal h2,.help-modal h2{font:700 28px Manrope;letter-spacing:-.05em;margin:8px 0 22px}.modal-close{position:absolute;right:20px;top:20px;border:0;background:#ffffff15;border-radius:8px;color:#eee5d5;padding:7px}.choice-body{display:flex;align-items:flex-start;gap:23px}.element-choice,.target-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1}.choice-element,.target-choice button{display:flex;align-items:center;gap:7px;background:#131e2a;border:1px solid #ffffff38;color:#e7e5de;border-radius:8px;padding:10px;font-size:11px}.choice-element.selected,.target-choice button.selected{border-color:#edc991;background:#d4b8802c}.choice-element.element-fire{color:#f2a18b}.choice-element.element-water{color:#acd7e7}.choice-element.element-earth{color:#c1dba5}.choice-element.element-air{color:#d5c6e8}.target-choice{grid-template-columns:1fr}.target-choice>span{font-size:9px;letter-spacing:.15em;color:#d6bb8e}.target-choice button{justify-content:space-between}.target-choice small{color:#9cabb2}.confirm{margin-top:25px;width:100%}.help-modal{width:min(650px,100%)}.help-modal>p{font-size:13px;color:#c7cbc6;line-height:1.7}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:26px 0}.help-grid>div{display:grid;gap:7px;padding:16px;border:1px solid #ffffff2d;border-radius:11px;background:#111e2a}.help-grid svg{color:#d6bb84}.help-grid strong{font-size:13px}.help-grid span{font-size:11px;color:#a9b4b6;line-height:1.5}.effect-overlay{position:fixed;z-index:12;top:41%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:8px;pointer-events:none;color:#f8dfad;text-shadow:0 4px 20px #000,0 0 30px currentColor;animation:effect-show 1.15s ease-out both;white-space:nowrap}.effect-overlay strong{font:800 clamp(22px,4vw,54px) "Manrope";letter-spacing:-.04em}.fx-glyph{width:106px;height:106px;display:grid;place-items:center;border-radius:50%;background:#f7d8a323;border:2px solid currentColor;box-shadow:0 0 80px #eaba8370}.fx-fire{color:#ffc190}.fx-water{color:#b9e9ff}.fx-earth{color:#d0e9ad}.fx-air{color:#ebd7ff}.fx-wild{color:#fce1ba}@keyframes effect-show{0%{opacity:0;transform:translate(-50%,-37%) scale(.75)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}65%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-64%) scale(1.04)}}.toast{position:fixed;right:24px;bottom:24px;z-index:40;background:#e6c58e;color:#202b33;border-radius:9px;padding:13px 15px;display:flex;align-items:center;gap:14px;font-weight:700;font-size:12px;box-shadow:0 10px 35px #0008;cursor:pointer}@media(max-width:1100px){.landing{gap:35px}.lobby-layout{grid-template-columns:minmax(0,1fr) 295px}.table-center{gap:35px}.rival{min-width:110px}.brand-word small{display:none}}@media(max-width:800px){.landing{grid-template-columns:1fr;padding:30px 20px 70px}.hero{padding:35px 0 70px}.hero-art{display:none}.entry{max-width:550px;justify-self:center}.lobby-layout{grid-template-columns:1fr}.player-panel{position:static}.page-heading{align-items:flex-start;flex-direction:column}.lobby-aside{order:-1}.table-area{min-height:410px}.rivals{left:24px;right:24px}.table-center{margin-top:65px}.hand-cards{min-height:175px}.footer{font-size:8px}}@media(max-width:550px){.header{padding:0 16px;height:65px}.brand-word{font-size:17px}.online-dot{display:none}.content{padding:0 15px 15px}.hero h1{font-size:46px}.page-heading{margin:30px 0 20px}.page-heading h1{font-size:38px}.mode-grid,.theme-grid,.rules-grid{grid-template-columns:1fr}.theme-tile{flex-direction:row;align-items:center}.theme-image{width:100px;height:70px}.table-area{height:430px;min-height:430px}.table-area:before{top:14px;right:14px;bottom:14px;left:14px;border-radius:90px}.table-area:after{top:22px;right:22px;bottom:22px;left:22px;border-radius:80px}.rivals{left:16px;right:16px;top:19px}.table-center{gap:12px;margin-top:58px}.turn-info{min-width:105px}.turn-eyebrow{font-size:8px}.playing-card.compact{width:74px;height:105px}.playing-card.compact .card-orbit{width:40px;height:40px}.playing-card.compact .card-core strong{font-size:14px}.playing-card.compact.kind-number .card-core strong{font-size:19px}.pile-zone{font-size:7px}.status-rail{font-size:9px;white-space:normal;text-align:center;width:80%;justify-content:center}.hand-meta{align-items:flex-start;flex-direction:column}.hand-actions{width:100%;justify-content:flex-end}.hand-count{font-size:9px}.choice-body{gap:12px}.choice-modal,.help-modal{padding:23px}.help-grid{grid-template-columns:1fr}.recent{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.table-area{height:clamp(510px,61vh,660px);min-height:510px;isolation:isolate;overflow:hidden;transition:background .5s ease}.table-area.active-fire{background:radial-gradient(ellipse at 50% 43%,#7e3c2d,#4b292a 48%,#201d29)}.table-area.active-water{background:radial-gradient(ellipse at 50% 43%,#35677c,#244352 49%,#142b39)}.table-area.active-earth{background:radial-gradient(ellipse at 50% 43%,#566b46,#344b3e 49%,#172a2b)}.table-area.active-air{background:radial-gradient(ellipse at 50% 43%,#695d7d,#38384f 49%,#23283c)}.table-area.active-wild{background:radial-gradient(ellipse at 50% 43%,#66505e,#334253 49%,#222832)}.table-area:before{top:18px;right:18px;bottom:18px;left:18px;border-radius:42%/47%;border-color:#f1dfc870;box-shadow:inset 0 0 0 4px #17192177,0 0 24px #e7bc8544}.table-area:after{top:30px;right:30px;bottom:30px;left:30px;border-radius:42%/47%;border-color:#f3d2aa48}.arena-ring{position:absolute;left:50%;top:50%;width:83%;height:80%;border-radius:50%;transform:translate(-50%,-50%);border:1px solid #f7e0bc3b;box-shadow:0 0 55px #f1ac6460,inset 0 0 55px #f1ac642b;pointer-events:none;z-index:0}.arena-ring:before{content:"";position:absolute;top:13px;right:13px;bottom:13px;left:13px;border:1px dashed #f5dfbc38;border-radius:50%}.arena-ring:after{content:"";position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px;border:1px solid #fff1d31e;border-radius:50%}.ring-rune{position:absolute;width:29px;height:29px;display:grid;place-items:center;border:1px solid #f2d4aa66;background:#1c2532c9;border-radius:50%;color:#e7d0ab;box-shadow:0 0 17px #e7b77885}.rune-fire{top:-15px;left:50%}.rune-water{top:50%;right:-15px}.rune-earth{bottom:-15px;left:50%}.rune-air{top:50%;left:-15px}.table-mark.mark-one{width:min(43vw,390px);height:min(43vw,390px);border-color:#e9c08d35;box-shadow:0 0 60px #e9b67520}.table-mark.mark-two{width:min(49vw,440px);height:min(49vw,440px);border-color:#e9c08d2a}.seat-ring{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.seat{position:absolute;transform:translate(-50%,-50%);width:116px;display:flex;align-items:center;flex-direction:column;gap:4px;text-align:center;pointer-events:auto;filter:drop-shadow(0 7px 10px #0d1421a8)}.seat-avatar{width:52px;height:52px;position:relative;border:3px solid #e5cfab;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 4px #111d28c9,0 4px 15px #0008;color:#fff;font:800 21px Manrope;transition:transform .2s,box-shadow .2s}.seat.current .seat-avatar{transform:scale(1.12);border-color:#fff3d4;box-shadow:0 0 0 5px #f5c47a8c,0 0 27px 9px #f5b968bd;animation:seat-breathe 2s ease-in-out infinite}@keyframes seat-breathe{50%{box-shadow:0 0 0 7px #f5c47a80,0 0 34px 13px #f5b968ca}}.seat.self .seat-avatar{border-color:#f9e4b4}.seat.ally .seat-avatar{box-shadow:0 0 0 4px #7baa83b3,0 4px 15px #0008}.seat-avatar.avatar-0{background:#bb6852}.seat-avatar.avatar-1{background:#507f9e}.seat-avatar.avatar-2{background:#87905d}.seat-avatar.avatar-3{background:#936f9c}.seat-avatar.avatar-4{background:#a87b53}.seat-avatar.avatar-5{background:#5d9e9a}.seat-avatar.avatar-6{background:#985d70}.seat-avatar.avatar-7{background:#60799a}.seat-cards{position:absolute;right:-18px;bottom:-7px;min-width:33px;height:23px;border:2px solid #e8d9b8;border-radius:20px;background:#182330;color:#f5e1b4;display:flex;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:800;box-shadow:0 3px 9px #0009}.seat-cards span{font-size:9px}.seat-name{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#101a27d9;border:1px solid #e8d2ac77;border-radius:6px;padding:4px 8px;color:#fff3de;font-weight:800;font-size:10px}.seat-name b{color:#f6c884}.seat-team{font-size:8px;letter-spacing:.12em;color:#e5d3b4;text-shadow:0 2px 8px #000}.seat-turn{font-size:8px;letter-spacing:.12em;border-radius:20px;background:#e7c68e;color:#241e23;padding:3px 7px;font-weight:900}.table-center{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);z-index:2;margin:0;gap:clamp(35px,6vw,105px);width:auto;white-space:nowrap}.table-center .pile-zone{gap:9px}.table-center .turn-info{min-width:158px}.table-center .turn-eyebrow{max-width:190px;white-space:normal;line-height:1.3}.table-area.receiving .discard-zone .top-card{animation:table-impact .7s ease-out}@keyframes table-impact{0%,72%{transform:rotate(7deg) scale(1)}85%{transform:rotate(10deg) scale(1.15)}to{transform:rotate(7deg) scale(1)}}.table-status{display:flex;align-items:center;gap:8px;margin:13px auto 0;width:max-content;max-width:100%;padding:8px 15px;border:1px solid #d9c49e47;background:#182531b8;border-radius:30px;font-size:11px;color:#e9dfcd;text-align:center}.game-bottom{margin-top:10px}.card-flight{position:fixed;z-index:50;pointer-events:none;transform:translate(-50%,-50%);filter:drop-shadow(0 12px 25px #0009);animation:card-to-table .74s cubic-bezier(.24,.7,.2,1) both;will-change:transform,opacity}.card-flight .playing-card{width:104px;height:146px;box-shadow:0 0 25px #f8dba782,0 14px 25px #0009}@keyframes card-to-table{0%{transform:translate(-50%,-50%) rotate(-14deg) scale(1.18);opacity:.96}45%{transform:translate(calc(-50% + var(--flight-mid-x)),calc(-50% + var(--flight-mid-y))) rotate(9deg) scale(1.29);opacity:1}87%{transform:translate(calc(-50% + var(--flight-x)),calc(-50% + var(--flight-y))) rotate(7deg) scale(.95);opacity:1}to{transform:translate(calc(-50% + var(--flight-x)),calc(-50% + var(--flight-y))) rotate(7deg) scale(.95);opacity:0}}@media(max-width:1000px){.seat{width:91px}.seat-avatar{width:44px;height:44px;font-size:16px}.seat-name{max-width:89px;font-size:9px}.arena-ring{width:86%}.table-center{gap:32px}}@media(max-width:700px){.table-area{height:480px;min-height:480px}.seat{width:75px}.seat-avatar{width:36px;height:36px;font-size:13px}.seat-cards{font-size:9px;right:-14px;min-width:26px;height:18px}.seat-name{max-width:70px;font-size:8px;padding:3px 5px}.seat-team,.seat-turn{font-size:7px}.table-center{gap:12px;top:49%}.table-center .pile-zone .playing-card.compact{width:65px;height:94px}.table-center .turn-info{min-width:100px;gap:5px}.table-center .turn-eyebrow{font-size:8px;max-width:110px}.table-center .pile-zone{font-size:7px}.arena-ring{width:83%;height:75%}.ring-rune{width:24px;height:24px}.table-mark.mark-one{width:230px;height:230px}.table-mark.mark-two{width:260px;height:260px}}@media(max-width:440px){.table-area{height:435px;min-height:435px}.seat-name{max-width:57px}.seat{width:62px}.seat-avatar{width:31px;height:31px}.seat-cards{right:-13px;bottom:-10px}.arena-ring{width:86%;height:75%}.table-area:before{top:9px;right:9px;bottom:9px;left:9px}.table-area:after{top:16px;right:16px;bottom:16px;left:16px}.table-center .turn-info{min-width:90px}.table-center .pile-zone .playing-card.compact{width:59px;height:86px}.seat-team{display:none}}@media(prefers-reduced-motion:reduce){.card-flight{animation:none;display:none}.seat.current .seat-avatar{animation:none}}.seat-fan{position:absolute;top:-15px;left:50%;width:72px;height:47px;transform:translate(-50%);pointer-events:none}.seat-fan i{position:absolute;left:25px;top:2px;width:25px;height:37px;border:2px solid #e9d4b3;border-radius:4px;background:repeating-linear-gradient(45deg,#26394a,#26394a 3px,#465e6b 3px,#465e6b 6px);box-shadow:0 3px 6px #0006}.seat-fan i:first-child{transform:translate(-16px) rotate(-25deg)}.seat-fan i:last-child{transform:translate(16px) rotate(25deg)}.seat-fan i:nth-child(2){transform:rotate(0)}.seat-ring.dense .seat-fan{display:none}.playing-card{border:3px solid #eddec0;border-radius:11px;background-color:#263447;box-shadow:0 7px 18px #07131aaf,inset 0 0 0 2px #f7dcb273,inset 0 0 17px #10131ca8}.playing-card.element-fire{background:radial-gradient(ellipse at 54% 45%,#e7874d,#a8362d 48%,#4d2236)}.playing-card.element-water{background:radial-gradient(ellipse at 54% 45%,#79c8d4,#1d7793 47%,#1b345d)}.playing-card.element-earth{background:radial-gradient(ellipse at 54% 45%,#a2bd7c,#4b7544 47%,#263f3b)}.playing-card.element-air{background:radial-gradient(ellipse at 54% 45%,#c3b5de,#6a689e 47%,#393658)}.playing-card.element-wild{background:conic-gradient(from 20deg,#4b7792,#739d60,#bb5343,#7e709c,#4b7792)}.playing-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:repeating-linear-gradient(125deg,#ffffff09 0 1px,transparent 1px 7px),radial-gradient(circle at 50% 50%,transparent 27%,#0a102552 97%);pointer-events:none}.card-grain{top:6px;right:6px;bottom:6px;left:6px;border:1px solid #f5e9d1ad;border-radius:6px;box-shadow:inset 0 0 0 2px #0b213552}.card-grain:before,.card-grain:after{width:24px;height:24px;left:-13px;top:16%;border-color:#f9e6c27a;box-shadow:0 58px 0 -1px #ffffff0c}.card-grain:after{left:auto;right:-13px}.card-small{top:11px;left:10px;gap:1px;text-shadow:0 2px 3px #14202c9c;font-size:17px;align-items:center}.card-small.bottom{bottom:11px;right:10px}.card-core{top:24px;right:12px;bottom:20px;left:12px;gap:0;justify-content:center}.card-art{display:block;width:88px;height:91px;overflow:visible;filter:drop-shadow(0 4px 6px #141c2a85)}.art-halo{fill:#fcf3d326;stroke:#fbeaca76;stroke-width:1.5}.art-orbit{fill:none;stroke:#fff0d259;stroke-width:.8;stroke-dasharray:2 3}.art-element{fill:#351d2f99;stroke:#fff5dfa0;stroke-width:1.5;stroke-linejoin:round}.art-light{fill:#ffe9acba;stroke:none}.art-line{fill:none;stroke:#fff8e2d9;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.art-special{filter:drop-shadow(0 2px 3px #0008)}.element-water .art-element{fill:#1c5c80af}.element-water .art-light{fill:#d6f7ffc7}.element-earth .art-element{fill:#2a513cac}.element-earth .art-light{fill:#e0edc7d9}.element-air .art-element{fill:none;stroke:#faf0ff;stroke-width:5}.element-air .art-light{fill:#ede3ffbd}.element-wild .art-element{fill:#3a4264bd}.card-core strong{position:relative;z-index:2;font:900 28px Manrope;color:#fff8e9;text-shadow:0 2px 2px #1e2133,0 0 14px #1c2734f5;letter-spacing:-.07em;margin-top:-13px;line-height:1}.kind-number .card-core strong{font-size:39px;margin-top:-21px;filter:drop-shadow(0 3px 3px #0d2036b4)}.card-core small{position:relative;z-index:2;font-size:7px;letter-spacing:.13em;color:#fff7e6;text-shadow:0 2px 4px #000;margin-top:5px}.playing-card.compact .card-art{width:65px;height:68px}.playing-card.compact .card-core{top:17px;right:7px;bottom:13px;left:7px}.playing-card.compact .card-core strong{font-size:17px;margin-top:-10px}.playing-card.compact.kind-number .card-core strong{font-size:27px;margin-top:-16px}.playing-card.compact .card-core small{font-size:5px}.playing-card.compact .card-small{font-size:10px}.card-back{background:radial-gradient(circle at 50% 45%,#395d70,#1b3449 55%,#111e31);border-color:#e9dcbf}.card-back:before{background:repeating-linear-gradient(45deg,transparent 0 4px,#f6eac211 4px 5px)}.back-lines{top:7px;right:7px;bottom:7px;left:7px;border:1px solid #efcf91;background:radial-gradient(circle,#43647a,#20364b 59%,#142639);box-shadow:inset 0 0 0 3px #142538,inset 0 0 0 4px #e2c8988c}.back-lines span{font-size:38px;text-shadow:0 2px 5px #06101e}.back-lines i{font-size:15px}.seat-hand{position:absolute;left:50%;top:35%;width:114px;height:49px;transform:translate(calc(-50% + var(--hand-x)),calc(-50% + var(--hand-y)));pointer-events:none;z-index:1;filter:drop-shadow(0 6px 8px #05101eae)}.seat-hand i{position:absolute;top:5px;width:27px;height:39px;border:2px solid #f1dfbf;border-radius:4px;background:radial-gradient(circle at center,#d9bc83 0 2px,transparent 3px),repeating-linear-gradient(45deg,#1b3448 0,#1b3448 4px,#36576b 4px,#36576b 7px);box-shadow:0 3px 5px #060e18b3,inset 0 0 0 2px #192d3f;transform-origin:50% 110%}.seat-hand i:after{content:"✦";position:absolute;top:8px;left:5px;font-size:12px;color:#edcf92;text-shadow:0 1px 3px #000}.seat-hand.own-hand{opacity:.72}.seat-avatar,.seat-name,.seat-team,.seat-turn{z-index:2;position:relative}.seat-avatar{isolation:isolate}.seat-cards{z-index:3}.turn-clock{width:53px;height:53px;margin:0 auto 6px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(closest-side,#1b3140 78%,transparent 81% 100%),conic-gradient(#e9c180 var(--timer-progress),#ffffff27 0);box-shadow:0 0 18px #e2be8650;color:#fff1d4;font-variant-numeric:tabular-nums;line-height:1}.turn-clock strong{font:800 22px Manrope}.turn-clock small{font-size:7px;letter-spacing:.15em}.turn-clock.urgent{color:#ffe0c8;background:radial-gradient(closest-side,#402d31 78%,transparent 81% 100%),conic-gradient(#f28165 var(--timer-progress),#ffffff27 0);box-shadow:0 0 22px #ef664d8c}.table-center .turn-info{min-width:138px}.table-center .turn-info .turn-arrow{margin:3px auto}.table-center .pile-zone .playing-card.compact{width:100px;height:143px}.draw-card-flight{position:fixed;z-index:51;pointer-events:none;transform:translate(-50%,-50%);animation:deck-to-hand .68s calc(var(--flight-delay)) cubic-bezier(.2,.7,.25,1) both;filter:drop-shadow(0 10px 9px #06111bad)}.draw-card-flight .playing-card{width:71px;height:100px}.draw-card-flight .back-lines span{font-size:27px}@keyframes deck-to-hand{0%{transform:translate(-50%,-50%) rotate(-8deg) scale(.9);opacity:0}13%{opacity:1}65%{transform:translate(calc(-50% + var(--flight-mid-x)),calc(-50% + var(--flight-mid-y))) rotate(12deg) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--flight-x)),calc(-50% + var(--flight-y))) rotate(3deg) scale(.65);opacity:0}}.draw-flight-count{position:fixed;z-index:52;transform:translate(-50%,-115%);font:900 22px Manrope;color:#ffe2a3;text-shadow:0 3px 12px #000;pointer-events:none;animation:draw-count 1.1s both}@keyframes draw-count{0%,30%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%,80%{opacity:1;transform:translate(-50%,-115%) scale(1.25)}to{opacity:0;transform:translate(-50%,-155%) scale(1)}}@media(max-width:800px){.seat-hand{transform:translate(calc(-50% + var(--hand-x-small)),calc(-50% + var(--hand-y-small))) scale(.8)}.turn-clock{width:44px;height:44px}.turn-clock strong{font-size:18px}}@media(max-width:550px){.seat-hand{transform:translate(calc(-50% + var(--hand-x-tiny)),calc(-50% + var(--hand-y-tiny))) scale(.63)}.seat-hand.own-hand{display:none}.table-center .turn-info{min-width:90px}.turn-clock{width:35px;height:35px;margin-bottom:2px}.turn-clock strong{font-size:14px}.turn-clock small{font-size:5px}.table-center .pile-zone .playing-card.compact{width:59px;height:86px}.playing-card.compact .card-art{width:49px;height:49px}.playing-card.compact .card-core strong{font-size:13px}.playing-card.compact.kind-number .card-core strong{font-size:19px}}@media(prefers-reduced-motion:reduce){.draw-card-flight,.draw-flight-count{display:none}}.playing-card.kind-skip .card-small b,.playing-card.kind-reverse .card-small b,.playing-card.kind-swap .card-small b,.playing-card.kind-wild .card-small b{font-size:8px;letter-spacing:.02em}.playing-card.kind-skip .card-core strong,.playing-card.kind-reverse .card-core strong,.playing-card.kind-swap .card-core strong,.playing-card.kind-wild .card-core strong{font-size:14px;letter-spacing:.01em;margin-top:-7px}.playing-card.compact.kind-skip .card-core strong,.playing-card.compact.kind-reverse .card-core strong,.playing-card.compact.kind-swap .card-core strong,.playing-card.compact.kind-wild .card-core strong{font-size:10px}.playing-card.compact .card-small b{font-size:9px}.playing-card.compact.kind-skip .card-small b,.playing-card.compact.kind-reverse .card-small b,.playing-card.compact.kind-swap .card-small b,.playing-card.compact.kind-wild .card-small b{font-size:6px}.app.in-play{height:100dvh;min-height:620px;overflow:hidden}.in-play .header{height:60px;padding:0 24px;background:#101720df}.in-play .footer{display:none}.in-play .content.play-content{width:100%;max-width:none;height:calc(100dvh - 60px);min-height:560px;padding:0 12px 10px;flex:none;display:flex;flex-direction:column}.in-play .game-top{height:51px;min-height:51px;margin:0;align-items:center;padding:0 17px}.in-play .game-title h2{font-size:17px;margin:0}.in-play .game-title .eyebrow{font-size:8px}.in-play .table-area{height:auto;min-height:0;flex:1;border-radius:18px}.in-play .recent{display:none}.in-play .arena-ring{width:77%;height:85%;top:45%;opacity:.8}.in-play .table-mark{top:45%}.in-play .table-center{top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:none;display:block;pointer-events:none}.in-play .table-center>*{pointer-events:auto}.in-play .table-center .pile-zone{position:absolute;margin:0}.in-play .table-center .pile-zone:first-child{left:26%;top:19%;transform:translate(-50%,-50%) rotate(-9deg)}.in-play .table-center .discard-zone{left:50%;top:44%;transform:translate(-50%,-50%) rotate(5deg)}.in-play .table-center .turn-info{position:absolute;right:17%;top:18%;min-width:135px;max-width:200px;align-items:center;text-align:center;border:1px solid #f6d6aa42;background:#122333bd;padding:12px;border-radius:15px;box-shadow:0 12px 30px #0c17298a}.in-play .table-center .turn-arrow{margin:1px auto}.in-play .table-center .pile-zone .playing-card.compact{width:100px;height:143px}.in-play .table-center .discard-zone .playing-card.compact{width:118px;height:166px}.in-play .table-center .pile-zone span{letter-spacing:.13em}.in-play .seat-ring{z-index:5}.in-play .seat{width:112px}.in-play .seat-hand{opacity:.88}.in-play .seat.self .seat-hand{display:none}.in-play .seat.self{left:17%!important;top:80%!important}.in-play .seat.self .seat-avatar{width:58px;height:58px}.in-play .seat.self .seat-name{font-size:11px}.in-play .table-status{position:absolute;z-index:7;left:50%;top:2%;transform:translate(-50%);margin:0;max-width:min(490px,60vw);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#0c1a28c8}.in-play .game-bottom{position:absolute;z-index:6;left:50%;bottom:3px;transform:translate(-50%);width:min(980px,67vw);height:208px;margin:0;padding:8px 12px 0;background:linear-gradient(0deg,#0b1725dd 0%,#1021319e 65%,transparent 100%);border-radius:18px 18px 0 0}.in-play .hand-meta{min-height:33px;align-items:center}.in-play .hand-meta strong{font-size:13px}.in-play .hand-meta .eyebrow,.in-play .hand-count{font-size:8px}.in-play .hand-actions .btn{padding:8px 10px;font-size:10px;border-radius:7px}.in-play .hand-scroll{margin-top:0;padding:0 8px 5px;overflow-x:auto;overflow-y:hidden}.in-play .hand-cards{justify-content:center;min-height:167px;gap:0;margin:auto}.in-play .hand-slot:not(:first-child){margin-left:-24px}.in-play .hand-slot{position:relative;transition:transform .15s,filter .15s}.in-play .hand-slot:hover{z-index:12;transform:translateY(-12px)}.in-play .hand-slot .playing-card{width:106px;height:151px}.in-play .bottom-caption{display:none}.in-play .music-active{color:#f6d089;border-color:#e2bd81;background:#e2bb7633;box-shadow:0 0 15px #dca97454}.table-choice{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;display:grid;place-items:center}.table-choice:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 48%,#14253a63,#0b1523b8 70%);pointer-events:none}.table-choice-cancel{position:absolute;z-index:4;right:20px;top:18px;pointer-events:auto;display:grid;place-items:center;width:37px;height:37px;background:#192c3c;color:#f7e9d3;border:1px solid #e6c4927d;border-radius:50%}.choice-lead{position:absolute;top:calc(46% - 186px);z-index:2;color:#f9e5c2;font-size:12px;letter-spacing:.22em;font-weight:900;text-shadow:0 3px 10px #000}.element-wheel{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(32vw,300px);height:min(32vw,300px);min-width:230px;min-height:230px;border-radius:50%;border:7px solid #f5e3bc;box-shadow:0 0 0 5px #223044,0 0 45px #ffc78caa,0 20px 40px #030c1dcc;overflow:hidden;background:conic-gradient(from 0deg,#678946 0,#678946 25%,#8b80b0 25%,#8b80b0 50%,#ce5944 50%,#ce5944 75%,#3b8caf 75%,#3b8caf);pointer-events:auto;animation:choice-rise .35s ease-out both}.wheel-sector{position:absolute;width:50%;height:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:1px solid #fff4d84a;background:transparent;color:#fff9e9;text-shadow:0 2px 8px #16212d;font-size:11px;font-weight:900}.wheel-sector:hover,.wheel-sector:focus-visible{background:#fff7df36;filter:brightness(1.2)}.wheel-sector span{font-size:10px}.wheel-earth{top:0;left:50%}.wheel-air{top:50%;left:50%}.wheel-fire{top:50%;left:0}.wheel-water{top:0;left:0}.wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:86px;height:86px;border-radius:50%;border:5px solid #f5e5c5;background:#17283b;box-shadow:0 3px 18px #08111dcc;overflow:hidden;pointer-events:none;display:grid;place-items:center}.wheel-hub .playing-card{transform:scale(.63);transform-origin:center}.target-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.target-lines line{stroke:#f4cf91;stroke-width:.3;stroke-dasharray:1 1;filter:drop-shadow(0 0 5px #e3a75d)}.target-center{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:7px;z-index:3;pointer-events:none;background:#152539ed;border:1px solid #f3ca86b5;padding:12px 24px;border-radius:18px;box-shadow:0 0 40px #f2bf7175;animation:choice-rise .32s ease-out both}.target-center span{color:#f8e7c2;font-size:10px;letter-spacing:.18em;font-weight:900;white-space:nowrap}.target-center small{font-size:10px;color:#e7d4b5}.seat-pick{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);z-index:8;display:flex;align-items:center;gap:4px;border:1px solid #f7d28e;background:#e8c485;color:#172637;border-radius:17px;padding:5px 9px;font-size:8px;font-weight:900;white-space:nowrap;box-shadow:0 0 18px #eecb8ba9;animation:pulse 1.15s infinite}.seat-pick:hover{background:#fff2c7}@keyframes choice-rise{0%{opacity:0;transform:translate(-50%,-44%) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:900px){.in-play .table-center .pile-zone:first-child{left:18%;top:23%}.in-play .table-center .turn-info{right:5%;top:20%}.in-play .game-bottom{width:min(750px,85vw)}.in-play .seat{width:80px}.in-play .seat.self{left:12%!important;top:80%!important}}@media(max-width:600px){.app.in-play{height:100dvh;min-height:520px}.in-play .header{height:52px;padding:0 12px}.in-play .brand-word{font-size:15px}.in-play .content.play-content{height:calc(100dvh - 52px);min-height:468px;padding:0 4px 4px}.in-play .game-top{height:42px;min-height:42px;padding:0 10px}.in-play .game-title h2{font-size:13px}.in-play .table-area{border-radius:10px}.in-play .table-center .pile-zone:first-child{left:19%;top:29%}.in-play .table-center .discard-zone{left:48%;top:42%}.in-play .table-center .pile-zone .playing-card.compact{width:62px;height:90px}.in-play .table-center .discard-zone .playing-card.compact{width:74px;height:106px}.in-play .table-center .turn-info{right:2%;top:24%;min-width:84px;max-width:100px;padding:5px}.in-play .table-center .turn-eyebrow{font-size:7px}.in-play .table-status{top:1%;max-width:90%;font-size:8px}.in-play .seat{width:54px}.in-play .seat.self{left:10%!important;top:76%!important}.in-play .seat.self .seat-avatar{width:36px;height:36px}.in-play .seat-hand{transform:translate(calc(-50% + var(--hand-x-tiny)),calc(-50% + var(--hand-y-tiny))) scale(.55)}.in-play .game-bottom{width:99%;height:160px;bottom:1px;padding:5px 7px 0}.in-play .hand-meta{min-height:29px}.in-play .hand-meta strong{font-size:10px}.in-play .hand-actions .btn{font-size:8px;padding:5px 7px}.in-play .hand-cards{min-height:126px;justify-content:flex-start}.in-play .hand-slot .playing-card{width:76px;height:112px}.in-play .hand-slot:not(:first-child){margin-left:-22px}.element-wheel{width:230px;height:230px}.choice-lead{top:calc(46% - 150px);font-size:9px}.target-center{top:40%;padding:8px 12px}.target-center .playing-card{width:65px;height:92px}.target-center span{font-size:8px}}.in-play .draw-pile.draw-enabled{cursor:pointer;transition:filter .18s,transform .18s}.in-play .draw-pile.draw-enabled:hover{filter:brightness(1.25) drop-shadow(0 0 17px #e7c3899e);transform:translate(-50%,-50%) rotate(-5deg) scale(1.07)}.in-play .draw-pile.draw-enabled:focus-visible{outline:2px solid #f2d398;outline-offset:6px;border-radius:10px}.in-play .seat.self{left:13%!important;top:62%!important}@media(max-width:900px){.in-play .seat.self{left:10%!important;top:59%!important}}@media(max-width:600px){.in-play .seat.self{left:10%!important;top:55%!important}}.app.in-play,.in-play .content.play-content{min-height:0}.in-play .game-bottom{width:min(1160px,87vw);height:185px}.in-play .hand-scroll{height:145px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#e9bd80a6 #1c30417d}.in-play .hand-cards{min-height:133px;width:max-content;min-width:0;max-width:none;margin:0 auto;padding:0 9px;justify-content:flex-start;align-items:flex-start}.in-play .hand-slot,.in-play .hand-slot:not(:first-child){margin:0;flex:0 0 var(--step,76px);width:var(--step,76px);animation-delay:0ms!important}.in-play .hand-slot:last-child{flex-basis:var(--card-width,96px);width:var(--card-width,96px)}.in-play .hand-slot .playing-card{width:var(--card-width,96px);height:var(--card-height,138px)}.in-play .hand-density-normal{--step:78px;--card-width:98px;--card-height:140px}.in-play .hand-density-compact{--step:60px;--card-width:84px;--card-height:122px}.in-play .hand-density-dense{--step:44px;--card-width:76px;--card-height:111px}.in-play .hand-density-max{--step:33px;--card-width:70px;--card-height:102px}.in-play .hand-slot:hover{z-index:20}.in-play .seat-hand{transform:translate(calc(-50% + var(--hand-x-small)),calc(-50% + var(--hand-y-small))) scale(.85)}.hand-navigation{display:inline-flex;gap:3px;vertical-align:middle}.hand-navigation button{border:1px solid #f0d7ab75;background:#223748;color:#f3dfb9;border-radius:6px;width:27px;height:25px;line-height:18px;font-size:20px;font-weight:700}.hand-navigation button:hover{background:#cba56b;color:#112536}.seat-offline{font-size:8px;font-weight:900;letter-spacing:.08em;background:#783f3ccf;border:1px solid #e19c86;border-radius:5px;padding:3px 6px;color:#ffe4d9;white-space:nowrap}.network-indicator{font-size:10px;font-weight:800;color:#f1c693;animation:pulse 1.2s infinite}@media(max-height:690px){.in-play .game-bottom{height:158px}.in-play .hand-scroll{height:119px}.in-play .hand-density-normal{--card-width:83px;--card-height:113px;--step:67px}.in-play .hand-density-compact{--card-width:72px;--card-height:105px;--step:52px}.in-play .hand-density-dense{--card-width:65px;--card-height:96px;--step:39px}.in-play .hand-density-max{--card-width:60px;--card-height:91px;--step:31px}}@media(max-width:700px){.in-play .game-bottom{width:99%;height:155px}.in-play .hand-scroll{height:116px}.in-play .hand-cards{margin:0;min-height:110px}.in-play .hand-density-normal{--card-width:74px;--card-height:107px;--step:57px}.in-play .hand-density-compact{--card-width:70px;--card-height:102px;--step:52px}.in-play .hand-density-dense,.in-play .hand-density-max{--card-width:67px;--card-height:98px;--step:47px}.in-play .hand-meta{gap:5px}.in-play .hand-navigation button{width:23px;height:23px;font-size:17px}}@media(max-width:420px){.in-play .hand-meta>div:first-child{gap:5px;flex-wrap:wrap}.in-play .hand-actions .btn{padding:4px 6px}.in-play .hand-density-normal{--step:54px}.in-play .hand-density-compact,.in-play .hand-density-dense,.in-play .hand-density-max{--step:45px}}.in-play .hand-slot .card-art{width:min(72%,70px);height:60%}.in-play .hand-slot .card-core{top:18%;right:8%;bottom:12%;left:8%}.in-play .hand-slot .card-small{top:6px;left:6px;font-size:12px}.in-play .hand-slot .card-small.bottom{top:auto;bottom:6px;left:auto;right:6px}.in-play .hand-slot .card-small b{font-size:8px}.in-play .hand-slot .card-core strong{font-size:21px;margin-top:-9px}.in-play .hand-slot .kind-number .card-core strong{font-size:30px;margin-top:-14px}.in-play .hand-slot .card-core small{font-size:5px;margin-top:3px}.in-play .hand-density-dense .card-core strong,.in-play .hand-density-max .card-core strong{font-size:16px}.in-play .hand-density-dense .kind-number .card-core strong,.in-play .hand-density-max .kind-number .card-core strong{font-size:25px}.in-play .hand-density-dense .card-small,.in-play .hand-density-max .card-small{font-size:10px}@media(max-width:700px){.in-play .hand-slot .card-art{width:70%;height:57%}.in-play .hand-slot .card-core strong{font-size:16px}.in-play .hand-slot .kind-number .card-core strong{font-size:24px}.in-play .hand-slot .card-small{font-size:10px}.in-play .hand-slot .card-small b{font-size:7px}.in-play .hand-slot .card-core small{font-size:4px}.in-play .seat-hand{transform:translate(calc(-50% + var(--hand-x-tiny)),calc(-50% + var(--hand-y-tiny))) scale(.55)}.in-play .seat-hand.own-hand{display:none}}@media(max-width:420px){.in-play .hand-meta .eyebrow{display:none}.in-play .hand-count{white-space:nowrap}.in-play .hand-actions{gap:3px}.in-play .jump-prompt{font-size:8px}.in-play .hand-scroll{touch-action:pan-x}}.target-choice-stage:before{display:none}.target-choice-stage .table-choice-cancel{width:30px;height:30px;right:10px;top:10px}.target-choice-stage .target-lines{z-index:2;pointer-events:none}.target-arrow{cursor:pointer}.target-arrow-line{stroke:#f8dca8;stroke-width:.65;stroke-dasharray:1.5 .7;filter:drop-shadow(0 0 4px #e4a64b)}.target-arrow-hit{stroke:transparent;stroke-width:5;pointer-events:stroke}.target-arrow:hover .target-arrow-line,.target-arrow:focus-visible .target-arrow-line{stroke:#fff;stroke-width:1.15;stroke-dasharray:none}.target-card{position:absolute;z-index:3;top:44%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;filter:drop-shadow(0 0 12px #dba85bc2)}.target-card .playing-card{width:68px;height:96px}.target-card>span{color:#fff2d8;background:#132535d9;border:1px solid #e5c58c88;border-radius:20px;padding:5px 9px;font-size:8px;font-weight:900;letter-spacing:.06em;white-space:nowrap}.seat-avatar-target{cursor:pointer;z-index:8;border-color:#ffdc96;box-shadow:0 0 0 5px #eaba5da8,0 0 22px #e8ab55;animation:pulse 1s infinite}.seat-avatar-target:focus-visible{outline:3px solid #fff;outline-offset:7px}.seat-pick-hint{z-index:8;color:#ffe5a4;font-size:8px;font-weight:900;white-space:nowrap;text-shadow:0 2px 8px #111;pointer-events:none}.ranking-heading{margin:24px 0 5px;display:flex;align-items:baseline;justify-content:space-between;gap:10px;text-align:left}.ranking-heading h2{margin:0;font-size:17px}.ranking-heading small{color:#bfc5c4;font-size:10px}.ranking-list{margin:10px 0 27px}.ranking-list>div{gap:10px}.ranking-list .ranking-winner{background:#e6ba7520;border-radius:10px}.ranking-place{min-width:34px;color:#f2d59d;font-size:17px;font-weight:900}.ranking-list .avatar{flex:none}.ranking-list strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-list small{white-space:nowrap}.ranking-list .winner-tag{font-size:8px}@media(max-width:600px){.target-card .playing-card{width:50px;height:72px}.target-card>span{font-size:7px;max-width:150px;white-space:normal}.seat-pick-hint{font-size:6px}.ranking-heading{display:block}.ranking-list>div{flex-wrap:wrap;padding:8px 5px}.ranking-list small{width:100%;padding-left:47px}.ranking-list .winner-tag{margin-left:auto}.end-screen{padding:30px 15px}}.mode-mercy{grid-column:1/-1;background:linear-gradient(110deg,#442634b9,#241e31c9);border-color:#d47b7d80}.mode-mercy.active{box-shadow:0 0 0 2px #e99b84a6,0 0 30px #c9475642}.mode-mercy svg{color:#ffa38b}.jump-challenge{position:absolute;z-index:11;top:48%;left:73%;transform:translate(-50%,-50%);width:min(290px,43vw);display:grid;justify-items:center;gap:6px;padding:12px;background:#101d30f5;border:2px solid #f6c986;border-radius:15px;box-shadow:0 0 30px #ebb36a88,0 14px 30px #000a;text-align:center;animation:choice-rise .18s ease-out}.jump-challenge>span{color:#efca87;font-size:9px;font-weight:900;letter-spacing:.12em}.jump-challenge strong{font:900 24px Manrope;color:#fff7db}.jump-challenge>div{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.jump-challenge button{width:29px;height:31px;border:1px solid #d7bc88;background:#314052;color:#ffefd2;border-radius:6px;font-weight:900;cursor:pointer}.jump-challenge button:hover,.jump-challenge button:focus-visible{background:#e8bb75;color:#172335}.jump-challenge small{color:#b9c3c3;font-size:8px}.seat.eliminated .seat-hand{display:none}.seat.eliminated .seat-avatar{filter:grayscale(1);opacity:.55;box-shadow:none}.seat.eliminated .seat-name{color:#a4a7aa}.seat-eliminated{font-size:8px;font-weight:900;color:#e6a1a2;white-space:nowrap}.seat-death{position:absolute;top:-31px;left:50%;transform:translate(-50%);white-space:nowrap;color:#ffbd9c;background:#3a1f2eea;border:1px solid #ff8d8d;border-radius:8px;padding:5px 8px;font-size:9px;font-weight:900;z-index:15;animation:death-burst 2s ease-out both}.seat.falling .seat-avatar{animation:death-fall 1.7s ease-in both}.in-play .game-bottom.spectating{height:66px;width:min(600px,90vw);display:grid;place-items:center}.spectating .hand-meta,.spectating .hand-scroll,.spectating .bottom-caption{display:none}.spectator-banner{color:#f0d2b1;font-size:13px;text-align:center;font-weight:800}.kind-draw6,.kind-draw8,.kind-draw10,.kind-reverse4{border-color:#f1bcaa;box-shadow:0 4px 15px #c7425478}.playing-card.kind-reverse4 .card-core strong{font-size:23px}@keyframes death-burst{0%{opacity:0;transform:translate(-50%,22px) scale(.5)}22%{opacity:1;transform:translate(-50%,-10px) scale(1.2)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-35px) scale(.8)}}@keyframes death-fall{0%{filter:none;opacity:1;transform:scale(1)}45%{filter:grayscale(.4);transform:scale(1.3) rotate(-12deg)}to{filter:grayscale(1);opacity:.55;transform:scale(.8) rotate(9deg)}}@media(max-width:700px){.jump-challenge{left:50%;top:61%;width:min(320px,92vw);padding:8px}.jump-challenge strong{font-size:18px}.jump-challenge button{width:30px;height:30px}.mode-mercy{grid-column:1/-1}.spectator-banner{font-size:10px}}.lobby-heading{margin-bottom:22px}.lobby-heading h1{max-width:690px}.selection-panel{position:relative;overflow:hidden}.selection-panel .panel-title{margin-bottom:17px}.selection-panel .step{background:#d8bf8e18}.selection-panel.step-locked{opacity:.57}.selection-panel.step-locked .mode-tile{pointer-events:none}.selection-panel .mode-tile{min-height:148px;position:relative;isolation:isolate}.selection-panel .mode-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 100% 0%,#d8bf8240,transparent 55%);z-index:-1}.selection-panel .mode-tile.active b{color:#ffe7a9}.variant-panel .mode-mercy{grid-column:auto;background:linear-gradient(125deg,#3d1a27,#281723);border-color:#ab5e61}.variant-panel .mode-mercy:before{background:radial-gradient(circle at 90% 0%,#e95e463e,transparent 60%)}.variant-panel .mode-mercy svg{color:#ff8d6e}.variant-panel .mode-mercy.active{border-color:#fa8e66;box-shadow:0 0 0 1px #ee816a99,0 0 27px #cf3b5266}.mercy-note{font-size:11px;line-height:1.6;color:#e7b4ac;background:#862b3433;border:1px solid #d8686c61;padding:11px 13px;border-radius:10px}.standings-panel{padding:20px 24px}.standings-panel>p{margin:6px 0 10px;font-size:10px;color:#aab3b4}.standings-list{max-height:235px;overflow:auto}.standings-list>div{display:grid;grid-template-columns:27px minmax(0,1fr);gap:2px 9px;align-items:center;padding:8px 0;border-top:1px solid #ffffff17}.standings-list b{grid-row:span 2;color:#d5b678;font-size:11px}.standings-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.standings-list small{grid-column:2;color:#aeb8b9;font-size:9px;letter-spacing:.03em}.reset-scores{margin-top:11px;background:transparent;border:1px solid #d3bea04a;border-radius:8px;color:#c7bba9;font-size:10px;padding:8px 11px;width:100%}.reset-scores:hover,.reset-scores.armed{color:#ffe0cf;border-color:#ef967e;background:#a83f4044}.hand-slot.jump-recommended{position:relative;z-index:9;animation:jump-card-glow .45s ease-in-out infinite alternate}.hand-slot.jump-recommended .playing-card{box-shadow:0 0 0 4px #ffe0a9,0 0 27px 11px #f6a454d8;transform:translateY(-18px)}@keyframes jump-card-glow{to{filter:brightness(1.3)}}.danger-counter{z-index:4;display:grid;gap:3px;min-width:78px;margin-top:2px;padding:4px 6px;border:1px solid #ef8e7099;border-radius:6px;background:#3c1522e9;box-shadow:0 0 16px #e6464759;color:#ffbfa7;font-size:8px;letter-spacing:.07em;white-space:nowrap}.danger-counter i{display:block;max-width:100%;height:3px;border-radius:5px;background:linear-gradient(90deg,#e1ab62,#f75542);box-shadow:0 0 8px #f65542}.danger-counter.critical{animation:pulse .6s infinite;color:#ffe1d0;box-shadow:0 0 20px #f75156bb}.own-danger{font-size:10px;font-weight:900;color:#ffad91;white-space:nowrap;text-shadow:0 0 12px #ef5a48}.seat.watched .seat-avatar{border-color:#fff5c3;box-shadow:0 0 0 5px #f6bb667c,0 0 22px #f9c167}.seat.spectator-mode .seat-avatar[role=button]{cursor:pointer}.seat.spectator-mode .seat-hand{display:none}.spectator-fan{position:absolute;left:50%;top:39%;display:flex;align-items:center;transform:translate(calc(-50% + var(--hand-x)),calc(-50% + var(--hand-y)));z-index:1;pointer-events:none;filter:drop-shadow(0 5px 5px #0009)}.spectator-fan>span{display:block;width:24px;height:40px;margin-left:-8px;transform:rotate(calc((var(--fan-index) - 1.5)*8deg))}.spectator-fan>span:first-child{margin-left:0}.spectator-fan .playing-card.compact{width:25px;height:37px;border:1px solid #f0e0c2;border-radius:3px;overflow:hidden;transform-origin:top left}.spectator-fan .card-core,.spectator-fan .card-grain,.spectator-fan .card-corner,.spectator-fan .card-decoration{display:none}.spectator-fan .playing-card.compact:after{content:"✦";display:grid;place-items:center;height:100%;font-size:15px;color:#fff5dd}.spectator-fan b{position:absolute;right:-20px;bottom:2px;background:#17212df0;padding:2px 4px;border-radius:5px;color:#f5dbac;font-size:9px}.in-play .game-bottom.spectating{height:186px;width:min(1040px,89vw);display:block;padding:12px 16px;overflow:hidden;border-color:#e8c27d70;background:linear-gradient(135deg,#1a2b31f0,#192432ef)}.spectator-tray{height:100%;display:flex;flex-direction:column;gap:6px}.spectator-tray-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;min-width:0}.spectator-tray-heading>div{min-width:0;display:grid;gap:2px}.spectator-tray-heading span{font-size:9px;font-weight:800;letter-spacing:.08em;color:#e7b192;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.spectator-tray-heading strong{font-size:14px;color:#ffe6bc}.spectator-tray-heading small{color:#abbac1;font-size:10px;white-space:nowrap}.spectator-cards{display:flex;align-items:center;gap:5px;overflow-x:auto;overflow-y:hidden;flex:1;padding:3px 5px 9px;scrollbar-width:thin}.spectator-cards .playing-card.compact{width:70px;height:98px;pointer-events:none}.season-heading{margin-top:25px}.season-roster{display:grid;gap:2px;text-align:left;max-height:210px;overflow:auto;margin:7px 0 22px}.season-roster>div{display:grid;grid-template-columns:30px minmax(0,1fr) repeat(4,auto);gap:8px;align-items:center;padding:9px;border-bottom:1px solid #ffffff22;font-size:11px}.season-roster b{color:#ecc283}.season-roster strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.season-roster span{font-weight:800;color:#e9cc99}.season-roster small{color:#aab8b8}.variant-mercy{background:#170b15}.variant-mercy .scene-bg{background-image:url(/backgrounds/emberwood.svg);filter:grayscale(.35) sepia(.7) hue-rotate(315deg) saturate(1.8) brightness(.65)}.variant-mercy .scene-tint,.variant-mercy.in-play .scene-tint{background:radial-gradient(circle at 55% 65%,#992d3035,transparent 48%),linear-gradient(90deg,#190c19f0,#2b1121cd 58%,#1c0b17d8),linear-gradient(0deg,#160915f4,transparent 48%,#120815eb)}.variant-mercy .particles i{background:#ff8854;box-shadow:0 0 17px 5px #e94334b4;animation-duration:6s}.variant-mercy .header{border-color:#d76a6244;background:#1c0b19d9}.variant-mercy .brand-symbol{position:relative;color:#ffd2a1;border-color:#ef8b68;box-shadow:0 0 22px #ff674052;background:#5e252e77}.variant-mercy .brand-symbol:before,.variant-mercy .brand-symbol:after{content:"";position:absolute;top:-12px;width:9px;height:19px;border:2px solid #e79470;border-bottom:0;border-radius:90% 0 0;transform:rotate(-28deg)}.variant-mercy .brand-symbol:before{left:-9px}.variant-mercy .brand-symbol:after{right:-9px;transform:scaleX(-1) rotate(-28deg)}.variant-mercy .brand-word small{color:#fca485}.variant-mercy .panel{border-color:#e67d6a58;background:linear-gradient(140deg,#39232fdf,#221622f2);box-shadow:0 26px 70px #09050ab3,inset 0 1px #ffae8d17}.variant-mercy .eyebrow,.variant-mercy .panel-title .step,.variant-mercy .period{color:#ff9b73}.variant-mercy .mode-tile.active,.variant-mercy .theme-tile.active{border-color:#ee9776;box-shadow:0 0 0 1px #fa8b68a1,0 0 19px #d3444c4c}.variant-mercy .btn-primary,.variant-mercy .btn-launch{background:#d76753;border-color:#ffae7d;color:#fff4e8;box-shadow:0 6px 25px #e5484070}.variant-mercy .btn-primary:hover:not(:disabled),.variant-mercy .btn-launch:hover:not(:disabled){background:#ec795d}.variant-mercy .table-area,.variant-mercy.theme-emberwood .table-area,.variant-mercy.theme-coast .table-area{background:radial-gradient(ellipse at 50% 44%,#672536,#391624 61%,#200f1d);border-color:#f298685e;box-shadow:inset 0 0 0 9px #1c0911,inset 0 0 0 11px #eb775457,0 22px 65px #100508d8}.variant-mercy .table-area:before{border-color:#fb87685a}.variant-mercy .table-area:after{border-color:#ed655430}.variant-mercy .table-mark{border-color:#ed98715c;box-shadow:0 0 45px #c8343940}.variant-mercy .arena-ring{border-color:#ee82643f}.variant-mercy .seat-name,.variant-mercy .table-status{background:#270e1fe0;border-color:#e078666b}.variant-mercy .seat.current .seat-avatar{box-shadow:0 0 0 5px #f47667a2,0 0 28px #fa594ccc}.variant-mercy .in-play .game-bottom,.variant-mercy.in-play .game-bottom{background:linear-gradient(120deg,#391827f0,#230f20f2);border-color:#d477686d}.variant-mercy .jump-challenge{background:#361521f6;border-color:#ff9368;box-shadow:0 0 35px #e742478e}@media(max-width:900px){.lobby-layout{grid-template-columns:minmax(0,1fr) 290px}.in-play .game-bottom.spectating{width:92vw;height:174px}.spectator-fan{transform:translate(calc(-50% + var(--hand-x-small)),calc(-50% + var(--hand-y-small))) scale(.8)}}@media(max-width:700px){.lobby-layout{grid-template-columns:1fr}.lobby-aside{display:grid;grid-template-columns:1fr 1fr;align-items:start}.player-panel{position:static}.standings-panel{grid-column:2}.mini-guide{grid-column:1/-1}.selection-panel .mode-tile{min-height:133px}.season-roster>div{grid-template-columns:25px minmax(0,1fr) repeat(3,auto)}.season-roster small{display:none}}@media(max-width:600px){.lobby-heading{align-items:flex-start}.lobby-heading .heading-actions{align-self:flex-end}.lobby-aside{display:flex}.selection-panel .mode-grid{gap:8px}.selection-panel .mode-tile{padding:12px;min-height:143px}.selection-panel .mode-tile span{font-size:10px}.variant-panel .mode-mercy{grid-column:auto}.in-play .game-bottom.spectating{width:96vw;height:142px;bottom:3px;padding:6px 8px}.spectator-tray-heading span{font-size:7px}.spectator-tray-heading strong{font-size:10px}.spectator-tray-heading small{font-size:8px;white-space:normal;text-align:right;max-width:100px}.spectator-cards .playing-card.compact{width:49px;height:69px}.spectator-fan{transform:translate(calc(-50% + var(--hand-x-tiny)),calc(-50% + var(--hand-y-tiny))) scale(.58)}.danger-counter{min-width:58px;font-size:7px;padding:3px 4px}.own-danger{font-size:7px}}@media(max-width:390px){.selection-panel .mode-grid{grid-template-columns:1fr}.selection-panel .mode-tile{min-height:105px}.season-roster>div{gap:4px;padding:7px 3px;font-size:9px}}@media(prefers-reduced-motion:reduce){.hand-slot.jump-recommended,.danger-counter.critical{animation:none}}.jump-challenge .jump-targets{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:3px}.jump-challenge .jump-targets button{width:auto;max-width:100px;height:24px;padding:0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.jump-challenge .jump-targets button.selected{background:#f3c88c;color:#172334;border-color:#fff1d6}.variant-panel .mode-eclipse{background:linear-gradient(125deg,#67523cbb,#2d294fce 55%,#151d37d9);border-color:#cbb59c78}.mode-eclipse:before{background:linear-gradient(115deg,#f1c57049,transparent 46%,#a296ed4e)!important}.mode-eclipse .eclipse-dual-icon{font:27px Manrope;color:#ffe2a3;display:flex;align-items:center;gap:6px;line-height:1}.eclipse-dual-icon i{width:1px;height:22px;background:#f7e0cb77;transform:rotate(20deg)}.variant-panel .mode-eclipse.active{border-color:#f2d1a0;box-shadow:0 0 0 1px #cdbffc,0 0 27px #9f8bd271}.eclipse-note{padding:10px 12px;border:1px solid #c7aef36b;background:#56456e4a;border-radius:9px;color:#e3d4f9}.eclipse-preview{min-height:135px;position:relative;overflow:hidden;border:1px solid #ddc29c69;border-radius:12px;background:linear-gradient(95deg,#9c6b64,#dcae71,#65507f 60%,#242844);display:flex;align-items:center;justify-content:center;gap:30px;padding:24px;color:#fff5e4;text-align:center}.eclipse-preview:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid #fff9dd52;border-radius:9px;pointer-events:none}.eclipse-preview strong{position:relative;z-index:1;font-size:15px;max-width:265px;text-shadow:0 2px 15px #1b1627}.preview-sun,.preview-moon{font-size:64px;line-height:1;text-shadow:0 0 30px currentColor}.preview-sun{color:#ffe0a1}.preview-moon{color:#d6ccff}.variant-eclipse{background:#17182c}.variant-eclipse .scene-bg{background-image:url(/backgrounds/eclipse-sun.svg);filter:saturate(1.12);transition:background-image .5s,filter .8s}.variant-eclipse.eclipse-moon .scene-bg{background-image:url(/backgrounds/eclipse-moon.svg)}.variant-eclipse .scene-tint,.variant-eclipse.in-play .scene-tint{background:linear-gradient(90deg,#161729d9,#2724438c 60%,#161c3299),linear-gradient(0deg,#14192cdd,transparent 48%,#11172aa8)}.variant-eclipse.eclipse-moon .scene-tint,.variant-eclipse.eclipse-moon.in-play .scene-tint{background:linear-gradient(90deg,#11132ce8,#2620459e 60%,#171633bb),linear-gradient(0deg,#10152adf,transparent 48%,#0d1029b7)}.variant-eclipse .header{background:#1c1b31a8;border-color:#f1d9a344}.variant-eclipse .brand-symbol{background:#f5c96e24;border-color:#f8d39d;color:#ffe6ae;box-shadow:0 0 25px #f5ca8066}.variant-eclipse.eclipse-moon .brand-symbol{background:#8f78de33;border-color:#d5c4ff;color:#e2d7ff;box-shadow:0 0 25px #ab91ed7e}.variant-eclipse .panel{background:linear-gradient(140deg,#333049de,#20283beb);border-color:#e5d1b656}.variant-eclipse.eclipse-moon .panel{background:linear-gradient(140deg,#242547e5,#161d39f2);border-color:#b4a8ed53}.variant-eclipse .btn-primary,.variant-eclipse .btn-launch{background:#e1bd7e;color:#25233b}.variant-eclipse.eclipse-moon .btn-primary,.variant-eclipse.eclipse-moon .btn-launch{background:#b8a6ed;color:#171632}.variant-eclipse .eyebrow,.variant-eclipse .period{color:#efce9d}.variant-eclipse.eclipse-moon .eyebrow,.variant-eclipse.eclipse-moon .period{color:#c8b7f9}.variant-eclipse .table-area,.variant-eclipse.theme-coast .table-area,.variant-eclipse.theme-emberwood .table-area{background:radial-gradient(ellipse at 50% 44%,#745569,#3b3554 60%,#20263d);border-color:#edc9948c;box-shadow:inset 0 0 0 9px #271b35c9,inset 0 0 0 11px #e7bc8d75,0 23px 70px #090b1ba8}.variant-eclipse.eclipse-moon .table-area,.variant-eclipse.eclipse-moon.theme-coast .table-area,.variant-eclipse.eclipse-moon.theme-emberwood .table-area{background:radial-gradient(ellipse at 50% 44%,#37305d,#211e42 61%,#12182f);border-color:#ad9ee597;box-shadow:inset 0 0 0 9px #15152fd6,inset 0 0 0 11px #a999e979,0 23px 70px #090b1ab9}.variant-eclipse .table-mark,.variant-eclipse .arena-ring{border-color:#e8cd9b69}.variant-eclipse.eclipse-moon .table-mark,.variant-eclipse.eclipse-moon .arena-ring{border-color:#baaaf778}.variant-eclipse .particles i{background:#fbd6a0;box-shadow:0 0 14px 3px #e5b37b7a}.variant-eclipse.eclipse-moon .particles i{background:#d2c1fc;box-shadow:0 0 14px 3px #9482dc95}.variant-eclipse .seat-name,.variant-eclipse .table-status{background:#29233aca;border-color:#d9c5a468}.variant-eclipse.eclipse-moon .seat-name,.variant-eclipse.eclipse-moon .table-status{background:#211d3ddb;border-color:#b8a9e482}.variant-eclipse.eclipse-moon .playing-card.element-fire{background:radial-gradient(circle at 56% 43%,#f0ae81,#b65d5b 69%,#703857)}.variant-eclipse.eclipse-moon .playing-card.element-water{background:radial-gradient(circle at 56% 43%,#73d4d0,#357a8d 69%,#244a69)}.variant-eclipse.eclipse-moon .playing-card.element-earth{background:radial-gradient(circle at 56% 43%,#dbacd7,#855c9a 69%,#513d76)}.variant-eclipse.eclipse-moon .playing-card.element-air{background:radial-gradient(circle at 56% 43%,#dda8c0,#996a98 69%,#563d77)}.variant-eclipse .playing-card:not(.card-back):before{content:"☀";position:absolute;top:33%;left:50%;transform:translate(-50%,-50%);z-index:1;font-size:40px;color:#fff4cb35;pointer-events:none}.variant-eclipse.eclipse-moon .playing-card:not(.card-back):before{content:"☾";color:#e1d1ff51}.variant-eclipse .card-back .back-lines span{font-size:0}.variant-eclipse .card-back .back-lines span:after{content:"☾";font-size:32px}.variant-eclipse.eclipse-moon .card-back .back-lines span:after{content:"☀"}.variant-eclipse .kind-flip{border-color:#ffe2af;box-shadow:0 0 18px #d8adf288}.variant-eclipse .kind-flip .card-core strong{font-size:17px}.variant-eclipse .kind-skipAll .card-core strong,.variant-eclipse .kind-drawColor .card-core strong{font-size:15px}.variant-eclipse .pile-zone .card-back{box-shadow:0 0 26px #e7c89865}.variant-eclipse.eclipse-moon .pile-zone .card-back{box-shadow:0 0 26px #b4a1f18b}.deal-sequence{position:absolute;top:0;right:0;bottom:0;left:0;z-index:13;pointer-events:none;overflow:hidden}.deal-caption{position:absolute;top:9%;left:50%;transform:translate(-50%);display:grid;gap:4px;text-align:center;z-index:14;white-space:nowrap;padding:8px 18px;border:1px solid #e9cf9c7d;border-radius:12px;background:#152331ed;box-shadow:0 0 26px #e5bf897b}.deal-caption span{font-size:9px;letter-spacing:.17em;color:#e8c89c}.deal-caption strong{font-size:17px;color:#fff5e1}.deal-card{position:absolute;left:19%;top:28%;width:29px;height:41px;border:2px solid #fff0cc;border-radius:5px;background:repeating-linear-gradient(45deg,#263c57 0,#263c57 4px,#547287 4px,#547287 7px);display:grid;place-items:center;color:#f6d4a3;box-shadow:0 5px 8px #0009;animation:deal-to-seat .7s cubic-bezier(.2,.58,.24,1) var(--deal-delay) both}.deal-card i{font-style:normal;font-size:18px;text-shadow:0 0 7px #f8d394}@keyframes deal-to-seat{0%{left:19%;top:28%;opacity:0;transform:rotate(-15deg) scale(.7)}12%{opacity:1}65%{transform:rotate(24deg) scale(1.15)}88%{opacity:1}to{left:var(--deal-x);top:var(--deal-y);opacity:0;transform:rotate(0) scale(.7)}}.is-dealing .seat-hand,.is-dealing .seat-cards,.is-dealing .hand-scroll,.is-dealing .hand-meta{opacity:0}.is-dealing .game-bottom{pointer-events:none}.is-dealing .turn-info{visibility:hidden}.variant-eclipse .deal-card{background:linear-gradient(145deg,#82658a,#3b375c)}.variant-eclipse.eclipse-moon .deal-card{background:linear-gradient(145deg,#574e87,#2a2756)}.flip-pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;pointer-events:none;background:radial-gradient(circle at 50% 50%,#ffe5a5a6,#9d7ab16e 50%,transparent 75%);animation:eclipse-flash 1.15s ease-out both}.eclipse-moon .flip-pulse:after{background:radial-gradient(circle at 50% 50%,#d6c5ffae,#6552a476 50%,transparent 75%)}@keyframes eclipse-flash{0%{opacity:0;transform:scale(.3) rotate(-15deg)}20%{opacity:1}to{opacity:0;transform:scale(1.35) rotate(12deg)}}.eclipse-challenge{position:absolute;z-index:16;left:50%;top:47%;transform:translate(-50%,-50%);width:min(340px,90vw);display:grid;justify-items:center;gap:7px;text-align:center;border:2px solid #e8c593;border-radius:18px;padding:15px 18px;background:#201d38f5;box-shadow:0 0 35px #9c85d989,0 18px 32px #0009}.eclipse-challenge span{font-size:10px;color:#f4d29e;font-weight:900;letter-spacing:.13em}.eclipse-challenge strong{font:800 19px Manrope;color:#fff6e4}.eclipse-challenge small{font-size:10px;color:#cfc3de}.eclipse-challenge>div{display:flex;gap:8px;margin-top:4px}.eclipse-challenge button{border:1px solid #efce9d;border-radius:8px;background:#e7c596;color:#27213a;padding:9px 12px;font-size:11px;font-weight:900}.eclipse-challenge button+button{background:#ffffff19;color:#f5e8e3}.eclipse-challenge button:hover{filter:brightness(1.18)}@media(max-width:900px){.variant-panel .mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.variant-panel .mode-tile{padding:12px}.eclipse-preview{gap:10px}}@media(max-width:700px){.variant-panel .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-panel .mode-eclipse{grid-column:1/-1;min-height:110px}.eclipse-preview{min-height:110px}.preview-sun,.preview-moon{font-size:40px}}@media(max-width:390px){.variant-panel .mode-grid{grid-template-columns:1fr}.variant-panel .mode-eclipse{grid-column:auto}.eclipse-preview strong{font-size:12px}.deal-caption strong{font-size:13px}.deal-card{width:20px;height:29px}.deal-card i{font-size:12px}}@media(prefers-reduced-motion:reduce){.deal-card,.flip-pulse:after{animation:none;display:none}}.variant-panel .mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.variant-panel .mode-tile{min-height:166px}.mode-glyph{font-size:29px;line-height:1}.mode-volcano{background:linear-gradient(145deg,#59271dba,#221824d9),url(/backgrounds/volcano.svg) center/cover!important}.mode-storm{background:linear-gradient(145deg,#263b67b7,#161e3cdb),url(/backgrounds/storm.svg) center/cover!important}.mode-temple{background:linear-gradient(145deg,#46533cbb,#1a302edb),url(/backgrounds/temple.svg) center/cover!important}.mode-volcano.active{border-color:#ff9b5a!important;box-shadow:0 0 25px #fe713344}.mode-storm.active{border-color:#9ad8ff!important;box-shadow:0 0 25px #8ec9ff44}.mode-temple.active{border-color:#d0dca0!important;box-shadow:0 0 25px #cad49344}.event-preview{min-height:142px;border:1px solid #dbbc8260;border-radius:14px;background-position:center;background-size:cover;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-align:center;overflow:hidden}.event-preview span{font-size:34px;color:#f5d5a7;text-shadow:0 0 24px currentColor}.event-preview strong{font:700 18px Manrope,sans-serif}.event-preview small{color:#d8e0dd}.preview-volcano{background-image:linear-gradient(90deg,#24121cce,#24121c44),url(/backgrounds/volcano.svg)}.preview-storm{background-image:linear-gradient(90deg,#131e37cc,#131e3755),url(/backgrounds/storm.svg)}.preview-temple{background-image:linear-gradient(90deg,#182e2bcc,#182e2b44),url(/backgrounds/temple.svg)}.variant-volcano .scene-bg,.variant-storm .scene-bg,.variant-temple .scene-bg{filter:none;background-position:center}.variant-volcano .scene-bg{background-image:url(/backgrounds/volcano.svg)}.variant-storm .scene-bg{background-image:url(/backgrounds/storm.svg)}.variant-temple .scene-bg{background-image:url(/backgrounds/temple.svg)}.variant-volcano .scene-tint{background:linear-gradient(0deg,#160d18e8,#26111abb 45%,#120e19dd)}.variant-storm .scene-tint{background:linear-gradient(0deg,#101a2bdd,#142746a0 50%,#0f1829dd)}.variant-temple .scene-tint{background:linear-gradient(0deg,#0d1f22dd,#263f35a0 50%,#101e22dd)}.variant-volcano .table-area{box-shadow:inset 0 0 100px #f058236b,0 0 30px #ed5b2c45}.variant-storm .table-area{box-shadow:inset 0 0 100px #8bc8ff55,0 0 30px #b2d9fc44}.variant-temple .table-area{box-shadow:inset 0 0 100px #c0cb864d,0 0 30px #c0d39235}.event-hud{position:absolute;z-index:10;top:8px;left:50%;transform:translate(-50%);width:min(390px,58%);min-height:62px;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;border:1px solid #efdfb885;border-radius:12px;background:#101d2ce8;box-shadow:0 10px 35px #0008;text-align:center;color:#f5e7cb;pointer-events:none}.event-hud b{width:100%;letter-spacing:.14em;font-size:10px}.event-hud strong{font-size:14px;line-height:1.1}.event-hud small{width:100%;font-size:9px;color:#d5d9d5}.event-meter{width:62%;height:8px;border:1px solid #f09e6170;background:#391b1d;border-radius:9px;overflow:hidden}.event-meter i{display:block;height:100%;background:linear-gradient(90deg,#e55024,#ffe17e);box-shadow:0 0 12px #f87726;transition:width .3s}.hud-storm{border-color:#91d2f4}.hud-volcano{border-color:#ef9a5c}.hud-temple{border-color:#cad7a1}.temple-glyphs{display:flex;gap:5px}.temple-glyphs span{width:27px;height:27px;display:grid;place-items:center;border:1px solid #d7d4997a;border-radius:6px;color:#e7dea8;font-size:17px}.mode-help{padding:12px 15px;border:1px solid #d9c99d55;border-radius:9px;color:#e0dfd4;background:#21323588;line-height:1.5}@media(max-width:760px){.variant-panel .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-panel .mode-eclipse{grid-column:auto}.event-hud{width:min(300px,70%);padding:6px 9px;top:5px;min-height:48px}.event-hud small,.event-hud b{font-size:8px}.event-hud strong{font-size:10px}}@media(max-width:450px){.variant-panel .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-panel .mode-tile{min-height:150px}.event-hud{width:62%;top:4px;min-height:37px;padding:4px}.event-hud small{display:none}.event-hud b{font-size:7px}.event-hud strong{font-size:9px}.temple-glyphs span{width:20px;height:20px;font-size:13px}}