.depth-stage{position:relative;isolation:isolate;overflow:hidden;perspective:900px}.duel-stage{height:242px;flex:none;margin:0 -10px;border-bottom:1px solid #6250c6;border-radius:0 0 16px 16px;background:radial-gradient(ellipse at 12% 85%,#6031b85e,transparent 56%),radial-gradient(ellipse at 94% 64%,#fc253939,transparent 50%),linear-gradient(135deg,#101436,#131137)}.duelist{position:absolute;top:0;bottom:0;width:53%}.duelist.blue{left:0}.duelist.red{right:0;--hero-color:#ff643f}.hero-art{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 4px #020415b0);pointer-events:none}.duelist>.hero-art{position:absolute;width:112%;height:105%;top:-4px;left:6%;transform:translate(var(--motion-x),var(--motion-y));animation:hero-breathe 4s ease-in-out infinite alternate}.duelist.red>.hero-art{left:-18%;animation-delay:-2s}.duelist>.avatar{position:absolute;z-index:4;top:20px;left:12px;width:48px;height:48px}.duelist.red>.avatar{left:auto;right:12px;border-color:#ffc4d4;box-shadow:0 0 12px #fc4e6a85}.duelist-copy{position:absolute;z-index:4;bottom:10px;left:12px;display:flex;flex-direction:column;text-shadow:0 2px 4px #000,0 0 10px #030521}.duelist-copy>b{font-size:23px;font-weight:950;letter-spacing:.3px;line-height:1.2}.duelist-copy>strong{font-size:13px;color:var(--hero-color,#bca0ff);margin-top:4px}.duelist-copy>small{font-size:11px}.duelist.red .duelist-copy{left:auto;right:12px;text-align:right}.eyebrow{color:#ffe881;font-size:10px;background:#100a2bcc;border:1px solid #ccab53;border-radius:20px;padding:3px 7px;margin-bottom:4px;align-self:start}.eyebrow .icon{width:12px;height:12px}.duelist.red .eyebrow{border-color:#db678a;color:#ffd5e4;align-self:end}.versus{position:absolute;z-index:3;left:50%;top:42%;transform:translate(-50%,-50%);text-align:center}.versus>span,.battle-clock>b{font:700 italic 57px Georgia,serif;color:#ffefa8;text-shadow:0 3px #b55529,0 0 18px #ffac3b}.versus>small{display:block;font-size:9px;color:#edd6bb;white-space:nowrap;margin-top:6px}.stage-orbit{position:absolute;width:78%;aspect-ratio:1;border:2px solid color-mix(in srgb,var(--hero-color,#ad58fa) 65%,transparent);border-radius:50%;top:8%;left:12%;transform:translate(calc(var(--motion-x) * -.5),calc(var(--motion-y) * -.5)) rotateX(12deg);box-shadow:0 0 14px color-mix(in srgb,var(--hero-color,#ad58fa) 35%,transparent),inset 0 0 18px #974dce33;z-index:0}.stage-orbit:before{content:"";position:absolute;inset:9%;border:1px dashed #dac8ff80;border-radius:50%;animation:orbit-turn 36s linear infinite}.stage-orbit:after{content:"✧";position:absolute;left:8%;top:4%;color:#ecd0ff;font-size:28px;text-shadow:0 0 10px var(--hero-color,#b361ff)}.stage-floor{position:absolute;z-index:1;left:14%;right:10%;bottom:12px;height:24px;background:radial-gradient(ellipse,#000a 15%,var(--hero-color,#7d4bba) 70%,transparent 75%);transform:rotateX(55deg);border:1px solid #ffffff30;border-radius:50%;box-shadow:0 9px #05091ac0,0 12px 18px #0008}.stage-dust{position:absolute;inset:0;pointer-events:none;z-index:3;color:#ffe9b9}.stage-dust i{position:absolute;left:16%;top:38%;font-style:normal;animation:dust-drift 4s ease-in-out infinite alternate;font-size:14px;text-shadow:0 0 8px #df80ff}.stage-dust i:nth-child(2){left:82%;top:24%;font-size:9px;animation-delay:-2s}.stage-dust i:nth-child(3){left:65%;top:78%;font-size:8px;animation-delay:-1s}[data-skin=aurora] .depth-stage{--hero-color:#53eddb;background-image:radial-gradient(ellipse at 25% 65%,#16baa653,transparent 70%),radial-gradient(ellipse at 80% 0%,#6959e964,transparent 60%)}[data-skin=aurora] .stage-orbit{border-color:#7ef8e5}[data-skin=sunset] .depth-stage{--hero-color:#f2be48;background-image:radial-gradient(ellipse at 25% 50%,#dd79175c,transparent 70%),radial-gradient(ellipse at 80% 0%,#94354b64,transparent 60%)}[data-skin=sunset] .stage-orbit{border-color:#ffe189}.quality-low .stage-dust,.motion-off .stage-dust{display:none}.quality-low .hero-art,.motion-off .hero-art,.quality-low .stage-orbit:before,.motion-off .stage-orbit:before{animation:none!important;transform:none!important}.quality-low .stage-orbit,.motion-off .stage-orbit{transform:none}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}.motion-off{--motion-x:0px!important;--motion-y:0px!important}@keyframes hero-breathe{0%{translate:0 0}to{translate:0 -3px}}@keyframes orbit-turn{to{rotate:360deg}}@keyframes dust-drift{0%{translate:0 0;opacity:.35}to{translate:3px -8px;opacity:1}}@media(min-width:600px){.duel-stage{height:258px}.hero-card{height:184px}}@media(max-width:380px){.duel-stage{height:210px}}@media(max-height:740px)and (max-width:600px){.duel-stage{height:185px}}.selection-screen .duel-stage{background:radial-gradient(ellipse at 50% 47%,#45236d99,transparent 27%),radial-gradient(ellipse at 12% 80%,#174c9a88,transparent 46%),radial-gradient(ellipse at 88% 75%,#8a1c5d88,transparent 46%),linear-gradient(135deg,#0d1745,#180f3c 52%,#360f43)}.selection-screen .duelist>.hero-art{width:96%;height:100%;top:1%;left:0}.selection-screen .duelist.red>.hero-art{left:-9%}.selection-screen .versus{z-index:7;padding:4px 8px;border-radius:20px;background:#1b123dcc;box-shadow:0 0 18px #d18cff66}.selection-screen .versus>span{font-size:54px}.selection-screen .duelist-copy{z-index:8}.selection-screen .duelist-copy>b{font-size:21px}.selection-screen .duelist-copy>strong{font-size:14px}.selection-screen .duelist>.avatar{z-index:9;top:20px}.selection-screen .stage-orbit{z-index:0}.battle-screen{padding-top:0;display:flex;flex-direction:column;gap:8px}.battle-stage{height:172px;margin:0 -10px;border-bottom:1px solid #5f329a;background:radial-gradient(ellipse at 0% 80%,#243ba755,transparent 55%),radial-gradient(ellipse at 100% 70%,#a8154660,transparent 50%)}.battle-duelist{position:absolute;width:44%;height:100%;top:0}.battle-duelist.blue{left:0}.battle-duelist.red{right:0}.battle-duelist .hero-art{position:absolute;top:-29px;width:113%;height:191px;left:-6%;animation:hero-breathe 4s ease-in-out infinite alternate}.battle-duelist .stage-orbit{top:0;width:84%}.battle-duelist .stage-floor{bottom:12px}.battle-identity{position:absolute;z-index:4;bottom:9px;left:16px;display:flex;flex-direction:column;text-shadow:0 2px 5px #06051d,0 0 9px #080e35}.battle-duelist.red .battle-identity{left:auto;right:16px;text-align:right}.battle-identity>b{font-size:16px;line-height:1.05}.battle-identity>strong{font-size:29px;line-height:1.15;color:#9dedff;font-weight:950;font-variant-numeric:tabular-nums}.red .battle-identity>strong{color:#ffd4e8}.battle-identity>small{font-size:9px;letter-spacing:1px;color:#c9b8e8}.battle-clock{position:absolute;z-index:4;top:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;flex-direction:column}.battle-clock>b{font-size:45px}.battle-clock>time{font-size:23px;font-weight:950;background:#0a0828;border:1px solid #be66ec;border-radius:22px;padding:4px 12px;box-shadow:0 0 12px #a047d651;font-variant-numeric:tabular-nums}.battle-clock>small{font-size:8px;color:#b5a3d2;margin-top:5px}.battle-clock.critical>time{color:#ffe0c0;border-color:#ff6356;animation:clock-pulse .7s ease-in-out infinite alternate}.skill-bars{display:flex;justify-content:space-between;gap:26px;padding:0 3px}.skill-meter{position:relative;display:flex;align-items:center;flex:1;height:22px;min-width:0}.skill-meter>img{width:32px;height:32px;margin-left:-4px;z-index:2}.skill-meter .progress{flex:1;height:14px;margin-left:-5px}.skill-meter>span{position:absolute;right:8px;font-size:10px;font-weight:800;text-shadow:0 1px 2px #030516}.skill-meter.red .progress>i{background:linear-gradient(#ff81ae,#ed2d70)}.board-stage{display:flex;justify-content:center;position:relative;flex:none}.board-shell{width:100%;position:relative;border:1px solid #7383e2;border-radius:12px;padding:5px;background:linear-gradient(145deg,#142d66,#0b1431 50%,#352351);box-shadow:inset 0 2px 3px #bfdfff77,0 5px #04071b,0 7px #3e3e7b,0 0 12px #4072cd55}.board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;aspect-ratio:1;touch-action:none}.tile{position:relative;min-width:0;min-height:0;padding:1px;border-radius:9px;border:1px solid #465e9b;background:linear-gradient(145deg,#243d6b,#132345 44%,#0a132c);box-shadow:inset 0 2px 1px #84baff22,inset 0 -3px 2px #030a2380,0 2px 1px #03081e;isolation:isolate;transition:background .12s,box-shadow .12s}.tile>img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 1px #000a);transform:translateY(-2px);pointer-events:none}.tile-shadow{position:absolute;z-index:0;left:20%;right:14%;bottom:10%;height:17%;border-radius:50%;background:#02051db3;filter:blur(2px)}.tile.selected{border-color:#f8d779;background:linear-gradient(#705527,#604224);box-shadow:0 0 0 2px #ffc858,0 0 14px #ffc03b77,inset 0 0 12px #ffe9ad45;z-index:4}.tile.selected>img{transform:translateY(-4px) scale(1.06)}.tile.hint{box-shadow:inset 0 0 0 2px #91faff;animation:hint-glow 1s ease-in-out infinite alternate}.tile:disabled{opacity:1;filter:none}.special-token{position:absolute;bottom:1px;right:3px;z-index:3;font-size:14px;font-style:normal;font-weight:900;color:#fff3b6;text-shadow:0 0 4px #ff9b32}.tile.special{border-color:#a487eb}.battle-hint{text-align:center;font-size:10px;color:#a7b5d6;line-height:18px;min-height:18px}.team-panels{display:grid;grid-template-columns:1fr 1fr;gap:10px}.team-panel{padding:8px 10px;border:1px solid #2d7db4;border-radius:12px;background:linear-gradient(135deg,#133569,#10173f);text-align:left;box-shadow:inset 0 1px #8ef6ff22}.team-panel.red{border-color:#953275;background:linear-gradient(135deg,#441141,#251136)}.team-panel>span{display:flex;align-items:center;gap:5px;color:#80e6ff;font-size:15px;font-weight:850}.team-panel.red>span{color:#ff86c1}.team-panel>span>small{margin-left:auto;color:#c9c6e7;font-size:9px}.team-panel>div{display:flex;align-items:center;gap:8px;margin-top:4px}.team-panel .avatar{width:26px;height:26px}.team-panel>div>b{font-size:10px;color:#a7b5d6;font-weight:500}.team-panel[aria-pressed=true]{box-shadow:inset 0 0 0 1px #cff4ff,0 0 9px #369cff88}.team-panel.red[aria-pressed=true]{box-shadow:inset 0 0 0 1px #ffc1e6,0 0 9px #eb39aa88}.support-meters{display:flex;align-items:center;gap:8px;font-size:9px;background:#11102d;padding:4px 2px}.support-meters>span{display:flex;align-items:center;white-space:nowrap}.support-meters .icon{width:15px;height:15px;color:#ffbf5a}.support-meter{display:flex;align-items:center;flex:1;gap:4px}.support-meter .progress{flex:1;height:9px}.support-meter b{font-size:9px;min-width:27px;text-align:right}.player-actions,.spectator-actions{display:grid;grid-template-columns:2.2fr 1fr;gap:12px;padding-bottom:4px}.player-actions .game-button,.spectator-actions .game-button{min-height:50px;font-size:18px}.queue-card{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border:1px solid #4167b6;background:#122046;border-radius:10px}.queue-card strong{display:flex;align-items:center;font-size:12px;gap:5px}.queue-card strong .icon{width:15px;height:15px;color:#fbd577}.queue-card small{display:block;margin-top:4px;font-size:10px;color:#a8bbdb}.battle-footer{display:flex;justify-content:space-between;align-items:center;color:#7e8aae;font-size:9px}.battle-footer button{background:none;color:#a9a9ce;min-height:26px;padding:3px;font-size:10px}.board-fx-layer{position:absolute;inset:0;pointer-events:none;z-index:7;overflow:hidden;border-radius:12px}.combo-announcer{position:absolute;inset:40% 0 auto;text-align:center;pointer-events:none;color:#ffe881;text-shadow:0 0 10px #ad5b16;z-index:8;opacity:0}.combo-announcer strong{font-size:32px;font-weight:950}.combo-announcer span{display:block;font-size:17px}@keyframes hint-glow{to{box-shadow:inset 0 0 0 2px #fff4a1,0 0 7px #fede7255}}@keyframes clock-pulse{to{box-shadow:0 0 13px #ff705b99}}@media(max-width:380px){.battle-stage{height:142px}.battle-duelist .hero-art{height:170px}.battle-clock{top:19px}.battle-identity>b{font-size:14px}.battle-identity>strong{font-size:25px}.tile{border-radius:7px}}@media(max-height:740px)and (max-width:600px){.battle-screen{gap:6px}.battle-stage{height:112px}.battle-duelist .hero-art{height:144px;top:-29px}.battle-clock{top:4px}.battle-clock>b{font-size:32px}.battle-clock>time{font-size:19px;padding:3px 11px}.battle-identity{bottom:4px}.battle-identity>strong{font-size:24px}.battle-identity>small{display:none}.team-panel{padding:5px 8px}.team-panel>div{margin-top:2px}.team-panel .avatar{width:22px;height:22px}.team-panel>span{font-size:12px}.team-panel>span .icon{width:15px;height:15px}.battle-hint{font-size:9px;line-height:14px;min-height:14px}.player-actions .game-button,.spectator-actions .game-button{min-height:43px;font-size:16px}.queue-card{padding:5px 9px}.queue-card small{margin-top:2px;font-size:9px}}.result-screen{display:flex;flex-direction:column;gap:10px}.victory-stage{height:310px;margin:0 -10px;background:radial-gradient(ellipse at 38% 38%,#5f27b27d,transparent 58%),radial-gradient(ellipse at 78% 50%,#a7781d38,transparent 52%)}.victory-stage>.hero-art{position:absolute;height:108%;width:85%;left:-8%;top:0;animation:hero-breathe 4s ease-in-out infinite alternate}.victory-stage .stage-orbit{width:71%;left:0;top:14%;border-color:#b362f7}.victory-stage .stage-floor{left:7%;right:31%;bottom:6px}.victory-crown{position:absolute;z-index:4;left:31%;top:2px;transform:rotate(10deg);color:#ffe187;filter:drop-shadow(0 0 9px #ffb900)}.victory-crown>.icon{width:76px;height:76px;stroke-width:1.5;fill:#b96f1130}.victory-copy{position:absolute;z-index:4;right:15px;top:69px;text-align:center}.victory-copy>small{font-size:8px;letter-spacing:3px;color:#caaa7b}.victory-copy h2{font-size:70px;line-height:1.2;font-weight:950;font-style:italic;background:linear-gradient(#fffbc0,#ffdc56 47%,#ffc533 48%,#d08218);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #97360c) drop-shadow(0 0 9px #ffb53770);letter-spacing:2px}.victory-copy>span{display:inline-block;font-size:10px;background:#4b233b8c;border:1px solid #b48160;border-radius:20px;padding:5px 12px;color:#ffe3a5}.winner-identity{position:absolute;z-index:4;bottom:12px;right:23px;display:flex;gap:10px;align-items:center}.winner-identity>.avatar{width:54px;height:54px;border-width:3px}.winner-identity b{font-size:25px;font-weight:950;display:block;text-shadow:0 2px 6px #050919}.winner-identity span{display:flex;gap:3px;align-items:center;color:#d287ff;font-size:12px;font-weight:700}.winner-identity .icon{width:14px;height:14px}.result-scoreline{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:26px;background:linear-gradient(90deg,#075598,#21114d 48%,#931357);border:1px solid #bf82ed;border-radius:30px;padding:5px 10px;margin:-7px 15px 2px;box-shadow:inset 0 1px 4px #aef3ff99,0 0 14px #9f28e84d}.result-scoreline strong{font-size:30px;font-weight:950;font-variant-numeric:tabular-nums;color:#d2f8ff}.result-scoreline strong:last-child{color:#ffd3e8}.result-scoreline>span{font-size:25px}.record-card{padding:11px 12px}.record-card>div{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:9px}.record-card>div>span{font-size:10px}.record-card>div strong{font-size:23px;font-weight:900;margin:0 7px}.record-card strong>b{color:#71e9ff}.record-card strong>em{color:#ff659e;font-style:normal}.record-card p{text-align:center;font-size:9px;margin-top:6px;color:#8e99c2}.result-summary{display:flex;justify-content:space-between;align-items:center}.result-summary>div:first-child{flex:1}.summary-stats{display:flex;justify-content:space-between;padding-right:24px;margin-top:9px}.summary-stats>span{display:flex;flex-direction:column;font-size:9px;color:#a7b7d8;gap:4px}.summary-stats b{color:#7be9ff;font-size:19px}.daily-note{font-size:9px;color:#a0aac9;display:flex;align-items:center;justify-content:center;gap:4px}.daily-note .icon{width:13px;height:13px}.celebration{display:flex;width:100%;align-items:center;gap:9px;text-align:left;padding:9px 12px}.celebration>div{display:flex;align-items:center;gap:8px;flex:1}.celebration>div>.icon{color:#f56bef;width:25px;height:25px}.celebration b{display:block;font-size:14px}.celebration small{display:block;font-size:9px;color:#b5bbd9;margin-top:4px}.celebration>img{width:36px;height:36px;border:1px solid #484192;border-radius:8px;background:#141039}.celebration>.icon{width:16px}.result-actions{display:flex;flex-direction:column;gap:12px;margin-top:2px}.result-actions>.game-button{font-size:22px;min-height:56px}.result-actions>.text-button{justify-content:center;font-size:13px;padding:4px}.lost .victory-copy h2{background-image:linear-gradient(#d1caff,#9095e4);filter:drop-shadow(0 3px #383373)}.lost .victory-crown{opacity:.35}.draw .victory-copy h2{background-image:linear-gradient(#d9ffff,#51d1f4)}@media(max-width:380px){.victory-stage{height:270px}.victory-copy h2{font-size:59px}.winner-identity{right:15px}.winner-identity b{font-size:21px}.winner-identity .avatar{width:46px;height:46px}.summary-stats{padding-right:15px}.celebration>img{width:30px;height:30px}.record-card>div{gap:5px}}@media(max-height:740px)and (max-width:600px){.victory-stage{height:236px}.victory-copy{top:47px}.victory-copy h2{font-size:55px}.victory-crown>.icon{height:60px;width:60px}.result-screen{gap:8px}.result-scoreline strong{font-size:25px}.result-summary,.record-card{padding:9px}.result-actions>.game-button{min-height:48px;font-size:19px}}.result-screen{background:radial-gradient(ellipse at 50% 12%,#7025c466,transparent 52%),linear-gradient(180deg,#111344,#080b2b 72%,#170936)}.victory-stage{height:364px;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#8738d68c,transparent 45%),radial-gradient(ellipse at 20% 72%,#202e9e99,transparent 46%),radial-gradient(ellipse at 88% 60%,#df2a9d70,transparent 42%),linear-gradient(145deg,#171152,#1a0a43 55%,#410b57);border-bottom:1px solid #9c68ff}.victory-stage>.hero-art{height:116%;width:94%;left:-16%;filter:drop-shadow(0 10px 8px #0009) drop-shadow(0 0 18px #b744ff88)}.victory-stage .stage-orbit{width:84%;left:-8%;border-color:#c77dff}.victory-stage .stage-floor{left:2%;right:34%}.victory-crown{left:46%;transform:rotate(4deg);filter:drop-shadow(0 0 14px #ffb900)}.victory-copy{right:5px;top:83px;width:57%}.victory-copy>small{color:#ffd87e}.victory-copy h2{font-size:clamp(58px,15vw,82px);filter:drop-shadow(0 3px 0 #97360c) drop-shadow(0 0 12px #ffb537b0)}.result-scoreline{gap:30px;background:linear-gradient(90deg,#079ee9,#25217c 49%,#eb278d);border:2px solid #67eaff;padding:7px 10px;box-shadow:inset 0 2px 5px #dffbffbb,0 0 20px #b82cff77}.result-scoreline strong{font-size:34px;text-shadow:0 2px 0 #16588b}.result-actions>.game-button{min-height:60px;border-radius:17px;box-shadow:0 5px #6b1c10,0 0 18px #ff9d2d88}.result-actions>.game-button.purple{box-shadow:0 5px #35157f,0 0 18px #974dff88}.tile.clearing img{animation:rune-pop .2s ease-in forwards}.board.settling .tile img{animation:rune-drop .2s ease-out}.tile.invalid{animation:invalid-wiggle .18s ease-in-out}.fx-score-popup{position:absolute;z-index:10;transform:translate(-50%,-50%);font-size:23px;color:#ffe990;text-shadow:0 2px #843c10,0 0 7px #db8b19;animation:score-rise .7s ease-out forwards}.fx-event-banner{position:absolute;left:12%;right:12%;top:39%;z-index:10;text-align:center;padding:10px;background:linear-gradient(90deg,transparent,#1c104bee,transparent);animation:banner-pop .85s ease-out forwards;pointer-events:none}.fx-event-banner strong{display:block;font-size:24px;color:#ffe3a5;text-shadow:0 0 8px #ffb726}.fx-event-banner span{font-size:10px;color:#d1c7ef;letter-spacing:2px}.fx-spark{position:absolute;z-index:8;width:5px;height:5px;background:var(--spark-color);box-shadow:0 0 5px var(--spark-color);border-radius:1px;animation:spark-fly .65s ease-out forwards}.fx-lightning{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.fx-lightning polyline{fill:none;stroke-linejoin:round;stroke-linecap:round}.fx-lightning-glow{stroke:var(--lightning-color);stroke-width:7;opacity:.5}.fx-lightning-core{stroke:#fff;stroke-width:2}.fx-special-target{box-shadow:inset 0 0 12px #ffec85}.fx-energy-chip{position:absolute;top:76%;left:30%;font-size:20px;color:#7cecff;text-shadow:0 0 7px #076cc7;animation:score-rise .9s ease-out forwards}.fx-energy-chip--red{left:60%;color:#ff89cd}.fx-confetti{position:absolute;top:-20px;width:6px;height:12px;background:#ffcf61;animation:confetti-fall 2.5s ease-in forwards}.fx-confetti--1{background:#c369ff}.fx-confetti--2{background:#64d5ff}.fx-hero-skill .battle-duelist.blue .hero-art{filter:drop-shadow(0 0 12px #b485ff)}.fx-fever-start .board-shell{border-color:#ffe18e}.fx-paused *,.fx-paused *:before{animation-play-state:paused!important}.quality-low .fx-spark,.quality-low .fx-lightning,.quality-low .fx-confetti{display:none}@keyframes rune-pop{to{scale:1.3;opacity:0;filter:brightness(2)}}@keyframes rune-drop{0%{translate:0 -10px;opacity:.4}to{translate:0 0;opacity:1}}@keyframes score-rise{0%{opacity:0;translate:0 0}20%{opacity:1}to{opacity:0;translate:0 -50px}}@keyframes spark-fly{0%{transform:rotate(var(--spark-angle)) translateY(0);opacity:1}to{transform:rotate(var(--spark-angle)) translateY(var(--spark-distance));opacity:0}}@keyframes confetti-fall{to{transform:translate(var(--drift),105dvh) rotate(480deg);opacity:0}}@keyframes banner-pop{0%{scale:.85;opacity:0}20%,70%{scale:1;opacity:1}to{scale:1.05;opacity:0}}@keyframes invalid-wiggle{25%{translate:-2px}75%{translate:2px}}.combo-announcer{inset:50% auto auto 50%;display:grid;justify-items:center;width:100%;z-index:20;transform:translate(-50%,-50%) scale(.55) rotate(-5deg);isolation:isolate}.combo-announcer:before{position:absolute;top:50%;z-index:-1;width:100%;height:72%;content:"";background:linear-gradient(90deg,transparent,#ff2de3cc 28%,#ffb71aeb 52%,#7233ffd1 76%,transparent);filter:blur(10px);transform:translateY(-50%) skew(-15deg)}.combo-announcer strong{color:#fff4b4;font-size:clamp(27px,8vw,44px);font-weight:1000;font-style:italic;line-height:1.05;letter-spacing:-.06em;text-shadow:0 4px #9b2c22,0 0 4px #fff,0 0 17px #ff9e19}.combo-announcer em{margin-top:4px;padding:2px 19px;border:1px solid #ffffff90;border-radius:999px;color:#fff;font-size:clamp(10px,3.2vw,17px);font-style:italic;font-weight:1000;letter-spacing:.06em;background:linear-gradient(90deg,#6618deeb,#f42bd3eb);box-shadow:0 0 14px #d52cff,inset 0 1px #ffffff6b;text-shadow:0 2px #6c167f}.combo-announcer span{margin-top:4px;padding:2px 14px;border-radius:999px;color:#fff;font-size:clamp(12px,4vw,20px);font-weight:950;background:linear-gradient(90deg,#711eff,#ee2cda);box-shadow:0 0 14px #d52cff}.combo-announcer.is-showing{opacity:1;animation:combo-pop var(--combo-duration,.82s) ease-out forwards}.combo-announcer.is-level-0 em{display:none}.combo-announcer.is-level-2 strong{font-size:clamp(31px,9vw,48px)}.combo-announcer.is-level-3 strong,.combo-announcer.is-level-4 strong{font-size:clamp(35px,10vw,52px)}.combo-announcer.is-level-4:before{height:105%;background:conic-gradient(from 20deg,transparent,#ff3de7,#ffd72f,#54e6ff,transparent);filter:blur(13px);animation:combo-back-spin .96s linear}.combo-announcer.is-level-4 em{color:#fffbd7;background:linear-gradient(90deg,#7c18ff,#ec2ad5,#ff941c);box-shadow:0 0 24px #ff39ed,0 0 10px #fff}.board-shell.fx-shake-2{animation:fx-shake-2 .36s ease-out}.board-shell.fx-shake-3,.board-shell.fx-shake-4{animation:fx-shake-3 .45s ease-out}.battle-screen.fx-background-burst .board-stage:after{position:absolute;inset:0;z-index:8;content:"";pointer-events:none;background:repeating-conic-gradient(from 10deg,transparent 0 8deg,#45beff5c 9deg 11deg,transparent 12deg 19deg,#ff39aa52 20deg 22deg,transparent 23deg 31deg);mix-blend-mode:screen;animation:fx-radial-burst .9s ease-out forwards}#sheet[open]{animation:sheet-enter .28s cubic-bezier(.16,.8,.21,1)}#sheet[open]::backdrop{animation:sheet-backdrop .2s ease-out}@keyframes combo-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-6deg)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(-3deg)}72%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-3deg)}to{opacity:0;transform:translate(-50%,-65%) scale(.93) rotate(-3deg)}}@keyframes combo-back-spin{0%{opacity:0;transform:translateY(-50%) rotate(0) scale(.45)}35%{opacity:1}to{opacity:0;transform:translateY(-50%) rotate(28deg) scale(1.2)}}@keyframes fx-shake-2{18%{transform:translate(3px,-2px)}42%{transform:translate(-3px,2px)}68%{transform:translate(2px,1px)}}@keyframes fx-shake-3{14%{transform:translate(5px,-3px)}31%{transform:translate(-5px,3px)}48%{transform:translate(4px,2px)}66%{transform:translate(-3px,-2px)}}@keyframes fx-radial-burst{0%{opacity:0;transform:scale(.35) rotate(-8deg)}30%{opacity:1}to{opacity:0;transform:scale(1) rotate(8deg)}}@keyframes sheet-enter{0%{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}@keyframes sheet-backdrop{0%{opacity:0}to{opacity:1}}.motion-off .combo-announcer.is-showing{animation:none!important;transform:translate(-50%,-50%);opacity:1}.motion-off .combo-announcer:before,.quality-low .combo-announcer:before,.quality-low .battle-screen.fx-background-burst .board-stage:after{display:none}.quality-low .board-shell[class*=fx-shake]{animation:none}@media(prefers-reduced-motion:reduce){.combo-announcer.is-showing{animation:none!important;transform:translate(-50%,-50%);opacity:1}.combo-announcer:before{display:none}}.tile.dropping img{animation:rune-drop .1s ease-out}.board{contain:layout style}.tile>img{filter:none}.tile.clearing img{animation:rune-pop .1s ease-in forwards}.bot-preview{position:absolute;right:12px;top:2px;width:88px;z-index:5;pointer-events:none;contain:layout style paint;border:1px solid #925b9c;border-radius:6px;padding:3px;background:#100e2ded}.bot-preview>b,.bot-preview>small{display:block;font-size:8px;line-height:10px;color:#ffc5dd;white-space:nowrap;overflow:hidden;text-align:center}.bot-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;aspect-ratio:1}.bot-grid>span{position:relative;background:#23234a;border-radius:2px;min-width:0;min-height:0}.bot-grid img{width:100%;height:100%;display:block}.bot-grid i{position:absolute;inset:0;text-align:center;font-size:9px;color:#fff1a9;font-style:normal}.bot-selected{outline:1px solid #fff296;z-index:1}.bot-clearing{animation:bot-pop .12s ease-out forwards}.battle-stage:has(.bot-preview) .battle-duelist.red>.hero-art{opacity:.45}.battle-stage:has(.bot-preview) .battle-duelist.red .battle-identity>b{font-size:13px}@keyframes bot-pop{to{opacity:.25;transform:scale(.6)}}.battle-stage:has(.bot-preview) .battle-duelist.red .battle-identity{bottom:2px}.language-select{max-width:80px;min-height:32px;background:#111638;color:#eee;border:1px solid #7169ad;border-radius:8px;font-size:11px;padding:3px}html:not([lang=zh-CN]) .room-title h1{font-size:16px;letter-spacing:0}html:not([lang=zh-CN]) .room-title>span{font-size:8px;flex-wrap:wrap}html:not([lang=zh-CN]) .game-button{font-size:15px;line-height:1.15;white-space:normal}html:not([lang=zh-CN]) .hero-card-copy>small{font-size:9px}html:not([lang=zh-CN]) .bot-preview>b,html:not([lang=zh-CN]) .bot-preview>small{font-size:7px}html:not([lang=zh-CN]) .battle-footer{flex-wrap:wrap}html:not([lang=zh-CN]) .room-header{gap:7px}html:not([lang=zh-CN]) .battle-hint{line-height:1.3;min-height:24px}html:not([lang=zh-CN]) .section-label h2{font-size:16px}html:not([lang=zh-CN]) .room-title h1{white-space:normal;line-height:1.1;font-size:14px}html:not([lang=zh-CN]) .room-header{height:auto;min-height:68px}.hero-portrait{position:relative;display:block;width:100%;height:100%;pointer-events:none}.hero-portrait>.hero-art{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;display:block;object-fit:contain;pointer-events:none}.duelist>.hero-portrait{position:absolute;inset:0;width:100%;height:100%;transform:translate(var(--motion-x),var(--motion-y));animation:hero-breathe 4s ease-in-out infinite alternate}.duelist.red>.hero-portrait{left:0;animation-delay:-2s}.selection-screen .duelist>.hero-portrait{width:96%;height:100%;left:0;top:1%}.selection-screen .duelist.red>.hero-portrait{left:-9%}.battle-duelist .hero-portrait{position:absolute;top:-29px;left:-6%;width:113%;height:191px;animation:hero-breathe 4s ease-in-out infinite alternate}.battle-duelist.red .hero-portrait{left:0;animation-delay:-2s}.victory-stage>.hero-portrait{position:absolute;height:116%;width:94%;left:-16%;top:0;animation:hero-breathe 4s ease-in-out infinite alternate}.hero-card>.hero-portrait{position:absolute;top:-10%;left:-14%;width:128%;height:106%;z-index:1}.room-home>.hero-portrait{height:260px}.skin-preview>.hero-portrait{height:190px}.hero-blink{position:absolute;left:41%;top:33%;width:17%;height:7%;border-radius:50%;background:#160d2a;opacity:0;transform:scaleY(.12);animation:hero-blink 7s ease-in-out infinite;mix-blend-mode:multiply}.quality-low .hero-blink,.motion-off .hero-blink{display:none}@keyframes hero-blink{0%,44%,48%,to{opacity:0}45%,47%{opacity:.72}}.victory-copy h2{font-family:Georgia,Microsoft YaHei,serif;font-weight:1000;letter-spacing:-3px;text-shadow:0 5px 0 #8d3b08,0 8px 0 #5b240c,0 0 5px #fff6b0,0 0 18px #ffad28,0 0 34px #ff6f20}.treasure-chest{position:relative;width:100px;height:72px;display:flex;align-items:center;justify-content:center;overflow:visible}.treasure-chest img{width:94px;height:72px;object-fit:contain;filter:drop-shadow(0 0 8px #ffd54c) drop-shadow(0 5px 2px #050719)}.treasure-chest>span{position:absolute;right:1px;top:-5px;color:#fff4a2;font-size:18px;text-shadow:0 0 8px #ffc52b;animation:treasure-spark 1.4s ease-in-out infinite alternate}@keyframes treasure-spark{to{transform:scale(1.35) rotate(18deg);opacity:.55}}:root{font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#f8f5ff;background:#03071c;font-synthesis:none;--blue:#23d5ff;--red:#ff4295;--gold:#ffce5a;--purple:#b55fff;--motion-x:0px;--motion-y:0px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:280px;background:radial-gradient(ellipse at 15% 10%,#19256370,transparent 55%),radial-gradient(ellipse at 95% 85%,#47135955,transparent 60%),#03071c;min-height:100dvh}button,a,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;filter:saturate(.3);opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f9d670;outline-offset:3px}button:active:not(:disabled){translate:0 2px}button,svg,img{-webkit-user-select:none;user-select:none}img{object-fit:contain}h1,h2,h3,p{margin:0}h3{font-size:14px;font-weight:800}small{font-size:11px}[hidden]{display:none!important}.icon{width:22px;height:22px;flex:none;vertical-align:middle}.icon-button{width:40px;height:40px;display:grid;place-items:center;background:linear-gradient(#172050,#0b1235);border:1px solid #7471c6;border-radius:50%;box-shadow:inset 0 1px #b8cdff40}.avatar{width:38px;height:38px;border:2px solid #bcf4ff;border-radius:50%;background:#10183e;object-fit:cover;box-shadow:0 0 9px #24caff4a;flex:none}#app{max-width:480px;margin:0 auto;min-height:100dvh;position:relative;background:linear-gradient(165deg,#0b1240,#080d2b 40%,#080c27);border:1px solid #4840b2;border-radius:18px;box-shadow:0 0 45px #2038ad32,inset 0 0 0 1px #5360c838;overflow:clip}.room-header{height:68px;padding:10px 12px;display:flex;gap:10px;align-items:center;position:relative;z-index:5;background:linear-gradient(135deg,#151d52,#101236);border-bottom:1px solid #44409c}.room-title{flex:1;min-width:0}.room-title h1{font-size:22px;font-weight:900;letter-spacing:2px;white-space:nowrap}.room-title>span{font-size:10px;color:#d1d3f4;display:flex;gap:5px;align-items:center;margin-top:3px}.room-title b{font-weight:400;color:#a4a4d1}.room-title i{width:6px;height:6px;background:#25eeb6;border-radius:50%;box-shadow:0 0 6px #25eeb6}.header-friends{display:flex;padding-right:4px}.header-friends .avatar{width:31px;height:31px;margin-left:-7px;border-color:#b6c8fb}.room-header .icon-button:last-child{width:34px;height:34px}.screen{padding:0 10px 10px}.selection-screen{display:flex;flex-direction:column;gap:9px}.section-label{display:flex;align-items:center;justify-content:center;gap:12px;height:22px}.section-label h2{font-size:16px;font-weight:900;letter-spacing:1px}.section-label>span{color:#d584ff;text-shadow:0 0 8px #d57cff}.starter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.hero-card{position:relative;height:169px;border:1px solid var(--hero-color);border-radius:12px;background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--hero-color) 25%,#08122e),#0b1539 75%);box-shadow:inset 0 1px #fff5,0 4px #03061d;overflow:hidden;isolation:isolate;transition:transform .18s,box-shadow .18s}.hero-card>.hero-art{position:absolute;top:-10%;left:-14%;width:128%;height:106%;transition:transform .2s;z-index:1}.hero-card.is-selected{border:2px solid #e4c3ff;box-shadow:0 0 0 2px #ac35fc,0 0 17px #b343ff77,inset 0 0 16px #9e48ee;transform:translateY(-3px)}.hero-card.is-selected>.hero-art{transform:scale(1.04) translateY(-2px)}.hero-check{display:none;position:absolute;right:0;top:0;z-index:5;background:linear-gradient(#d879ff,#9c1de3);width:27px;height:27px;border-radius:0 0 0 14px;font-weight:900;font-size:20px}.is-selected>.hero-check{display:block}.card-orbit{position:absolute;inset:10px;border:1px solid color-mix(in srgb,var(--hero-color) 40%,transparent);border-radius:50%;transform:rotateX(22deg)}.hero-card-copy{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;align-items:center;background:linear-gradient(transparent,#080c2df2 25%);padding:12px 0 6px}.hero-card-copy>b{font-size:13px;font-weight:900}.hero-card-copy small{display:flex;align-items:center;color:var(--hero-color);font-size:11px;font-weight:700;white-space:nowrap}.hero-card-copy small img{width:24px;height:24px}.skill-description{font-size:11px;color:#c0c5e4;text-align:center;line-height:1.5;min-height:16px}.social-card{background:linear-gradient(135deg,#122559a8,#101236);border:1px solid #5152b4;border-radius:12px;padding:12px;box-shadow:inset 0 1px #899ffb22}.social-card h3{display:flex;gap:6px;align-items:center}.social-card h3 .icon{width:16px;height:16px;color:#5ae4ff}.social-card p{font-size:11px;color:#c0c5e4;margin-top:5px;line-height:1.5}.invite-card{display:flex;align-items:center;justify-content:space-between;gap:8px}.invite-card>div{min-width:0}.invite-card .game-button{font-size:13px;min-height:50px;padding:8px 9px;white-space:nowrap}.invite-card .game-button .icon{width:21px}.friend-row{display:flex;align-items:center;margin-top:8px;gap:6px}.friend-row .avatar{width:30px;height:30px}.add-avatar{border:1px dashed #b9c5f4;background:#091236;display:grid;place-items:center;color:#b2c5fa;box-shadow:none;font-size:20px}.friend-row small{color:#9dacce;font-size:9px}.task-card{display:flex;align-items:center;gap:12px}.task-card>div:first-child{flex:1}.task-card h3 .icon{color:#e28aff}.task-card .progress{margin:9px 0 5px}.task-card small{font-size:9px;color:#9199c7}.progress{height:10px;overflow:hidden;background:#060e2e;border:1px solid #8085c2;border-radius:10px;box-shadow:inset 0 2px 4px #0009}.progress>i{display:block;height:100%;border-radius:8px;background:linear-gradient(0deg,#008acb,#29eaff);box-shadow:inset 0 1px #b4ffffcc;transition:width .18s}.progress.pink>i{background:linear-gradient(0deg,#dd1b6c,#ff6dbe)}.treasure{position:relative;flex:none;width:58px;height:48px;transform:rotate(-8deg) skewY(-4deg);background:linear-gradient(90deg,#6b2da3 8%,#f8bc38 9% 15%,#b856da 16%,#69188e 76%,#f8bc38 77% 87%,#412179 88%);border:3px solid #ffca5d;border-radius:16px 16px 5px 5px;box-shadow:4px 6px #603b30,0 0 20px #ffb93f42,inset 0 3px #fff8}.treasure:before{content:"";position:absolute;left:-2px;right:-2px;top:18px;height:3px;background:#ffda7a}.treasure>.icon{position:absolute;left:14px;top:14px;width:25px;height:25px;fill:#36bdf8;stroke:#ffe199;filter:drop-shadow(0 0 6px #55cfff)}.treasure>span{position:absolute;right:-8px;top:-14px;color:#ffe593;text-shadow:0 0 9px #ffb730;font-size:24px}.game-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:54px;padding:10px 16px;border-radius:12px;font-size:19px;font-weight:900;letter-spacing:1px;border:1px solid #ffc983;box-shadow:inset 0 2px 2px #fff9,0 4px #853818,0 0 15px #fb9f3933;text-shadow:0 2px 2px #60352280;background:linear-gradient(#ffc72f,#ff9315 50%,#ed5808)}.game-button .icon{width:27px;height:27px}.game-button.cyan{background:linear-gradient(#36e8ff,#00b5e9 65%,#0283d8);border-color:#62f3ff;box-shadow:inset 0 2px 2px #fff7,0 4px #075083,0 0 15px #05cdff30}.game-button.blue{background:linear-gradient(#1767c7,#0646af);border-color:#3aaeff;box-shadow:inset 0 2px #7abeff44,0 4px #062561}.game-button.purple{background:linear-gradient(#a848ff,#7126de);border-color:#e2bbff;box-shadow:inset 0 2px 2px #fff7,0 4px #381376,0 0 14px #952eff33}.game-button.pink{background:linear-gradient(#ff5ac5,#ed178b 70%,#c60068);border-color:#ffb2e5;box-shadow:inset 0 2px #ffdefb88,0 4px #740c4e}.selection-actions{display:grid;grid-template-columns:1fr 2.1fr;gap:10px;margin-top:3px;padding-bottom:4px}.selection-actions .blue{font-size:14px;padding:10px}.selection-actions .blue .icon{width:23px}.selection-subactions{display:flex;justify-content:center;gap:28px;padding:0 0 2px}.selection-subactions button,.text-button{display:flex;gap:5px;align-items:center;background:transparent;color:#bcb9ec;font-size:11px;padding:5px;min-height:30px}.selection-subactions .icon{width:14px;height:14px}.small-button{border:1px solid #28bdea;background:linear-gradient(#145c9d,#0a356a);border-radius:9px;padding:9px 12px;font-size:12px;font-weight:700;min-height:36px}.room-home{min-height:70dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px;gap:15px}.room-home>.hero-art{height:260px}.room-home h2{font-size:26px}.room-home p{font-size:13px;line-height:1.7;color:#bac4df}.room-home .game-button{width:100%}#sheet{width:min(440px,calc(100% - 24px));max-height:85dvh;overflow:auto;color:#eef1ff;border:1px solid #7162ca;border-radius:20px;background:linear-gradient(150deg,#202254,#0e1537);padding:20px;box-shadow:0 15px 80px #000b}#sheet::backdrop{background:#02051cc9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}.sheet-header h2{font-size:20px}.sheet-header .icon-button{width:32px;height:32px}.sheet-body{display:flex;flex-direction:column;gap:14px}.sheet-body p{font-size:12px;color:#b8c6e8;line-height:1.7}.sheet-body label{display:flex;gap:10px;align-items:center;font-size:13px}.sheet-body select,.sheet-body input:not([type=checkbox]){padding:10px;border:1px solid #666caf;border-radius:8px;background:#0c1537;color:#fff;min-width:0}.sheet-body input[type=checkbox]{accent-color:#b76cfa;width:19px;height:19px}.sheet-body .game-button{font-size:16px;min-height:46px}.all-heroes,.gift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sheet-body .hero-card{height:160px}.gift-option{background:#0c1435;border:1px solid #515793;border-radius:12px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px}.gift-option img{width:65px;height:65px}.gift-option[aria-pressed=true]{border-color:#d99eff;box-shadow:0 0 0 2px #a65aff}.gift-option small{color:#f2ce7a}.wallet-copy{display:flex;justify-content:space-between;font-size:12px;color:#aebee1}.wallet-copy strong{color:#f9d674}.purchase-preview{display:flex;align-items:center;justify-content:center;gap:18px}.purchase-preview>img{width:90px;height:90px}.purchase-preview strong{font-size:19px;display:block}.purchase-preview small{display:block;margin-top:7px;color:#f5d378}.sheet-feedback{min-height:18px;color:#ffb1c7!important}.link-input{width:100%;font-size:11px}.skin-preview{height:170px;position:relative;border:1px solid #6650a4;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse,#7c399940,transparent);--hero-color:#c75efa}.skin-preview>.hero-art{height:190px}.skin-options{display:flex;gap:7px}.skin-option{flex:1;display:flex;flex-direction:column;gap:6px;align-items:center;min-height:62px;border:1px solid #5f6199;border-radius:10px;background:#12183d;padding:8px 3px;font-size:11px}.skin-option[aria-pressed=true]{border-color:#e3b6ff;box-shadow:0 0 0 1px #9c42e6}.skin-option small{color:#c8b0e7;font-size:9px}.history-list{display:flex;flex-direction:column;gap:8px;max-height:230px;overflow:auto}.history-list>div{padding:10px;background:#0b1537;border:1px solid #3e5182;border-radius:8px;display:flex;justify-content:space-between;gap:8px;font-size:11px}.history-list small{color:#a1aac9}.countdown-overlay{position:fixed;z-index:25;inset:0;background:#030921c9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.countdown-overlay strong{font-size:100px;color:#ffeb9f;text-shadow:0 0 30px #ffb62e}.countdown-overlay span{color:#bec8ef}.countdown-overlay button{margin-top:25px}.toast{position:fixed;z-index:100;left:50%;bottom:max(26px,env(safe-area-inset-bottom));transform:translate(-50%);max-width:min(420px,90%);border:1px solid #7665ba;background:#161330f5;padding:12px 18px;border-radius:12px;box-shadow:0 5px 22px #0008;font-size:12px;line-height:1.6;text-align:center;pointer-events:none}.fx-layer{pointer-events:none;position:fixed;inset:0;z-index:30;overflow:hidden}.storage-note{font-size:10px;padding:8px;background:#483515;color:#ffe3a5;text-align:center}@media(min-width:600px){body{padding:18px 0}#app{min-height:0}.screen{padding-bottom:14px}.room-header{height:72px}}@media(max-width:380px){.room-title h1{font-size:19px}.room-title b{display:none}.header-friends .avatar{width:27px;height:27px}.room-header{gap:7px}.hero-card{height:145px}.hero-card-copy>b{font-size:12px}.hero-card-copy small{font-size:10px}.invite-card{padding:10px}.invite-card h3{font-size:12px}.invite-card .game-button{font-size:11px;padding:8px}.friend-row small{display:none}.game-button{font-size:18px}}@media(max-height:740px)and (max-width:600px){.room-header{height:58px}.selection-screen{gap:7px}.hero-card{height:137px}.task-card{padding:9px}.task-card p{display:none}.friend-row{margin-top:5px}.invite-card{padding:9px}.game-button{min-height:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero-art,.stage-orbit{transform:none!important}.stage-dust{display:none}}.selection-actions{position:sticky;bottom:0;z-index:8;padding:8px 0;background:linear-gradient(transparent,#0a1035 15%);margin-bottom:0}.asset-unavailable{background-image:radial-gradient(ellipse,#524887,#101c3c)}@media(min-height:741px)and (max-width:600px){.duel-stage{height:215px}.hero-card{height:155px}.task-card,.invite-card{padding:10px}.selection-screen{gap:7px}.task-card p{font-size:10px}.friend-row{margin-top:6px}.victory-stage{height:270px}.result-screen{gap:8px}.result-actions>.game-button{min-height:51px}.record-card{padding:9px}}