/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--ink:#fffaff;--muted:#cfc9f4;--purple-950:#100b34;--purple-900:#171047;--purple-800:#2b1f6f;--purple-700:#4a37a6;--mint:#5fe3c1;--pink:#ff8fb8;--gold:#ffd66b;--red:#ff6b75;--yellow:#ffd45a;--green:#59d997;--blue:#5aa9ff}.v21-cosmetics{padding-bottom:9rem}.cosmetic-v21-title{align-items:stretch}.cosmetic-points-balance{flex-direction:column;justify-content:center;min-width:190px;box-shadow:inset 0 0 24px #ffda5c1c,0 12px 26px #0c083040;background:linear-gradient(145deg,#321b69f5,#171244f5)!important;border:1px solid #ffe0738c!important;padding:.7rem 1.15rem!important;display:flex!important}.cosmetic-points-balance small,.cosmetic-points-balance em{letter-spacing:.14em;color:#cfc6ff;font-size:.62rem;font-style:normal}.cosmetic-points-balance b{color:#ffe57c;text-shadow:0 2px 14px #ffd34c73;font-size:2rem;line-height:1.05}.cosmetic-reward-entries{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0;display:grid}.cosmetic-reward-card{color:#fff;background:linear-gradient(140deg,#352676f0,#19184cf0);border:1px solid #b2a5ff40;border-radius:22px;grid-template-columns:68px 1fr auto;align-items:center;gap:.85rem;min-height:112px;padding:1rem;display:grid;box-shadow:0 14px 32px #100c3d33}.cosmetic-reward-card .reward-art{background:linear-gradient(145deg,#7469dc,#332a82);border-radius:20px;place-items:center;width:62px;height:62px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff21,0 8px 18px #0b083059}.cosmetic-reward-card .reward-art:before,.cosmetic-reward-card .reward-art:after{content:"";border:2px solid #ffffff73;border-radius:50%;position:absolute;inset:10px}.cosmetic-reward-card .reward-art:after{border-color:#ffe174;border-radius:5px;inset:19px;transform:rotate(45deg)}.cosmetic-reward-card .reward-art b{z-index:1;color:#fff7bd;font-size:1.05rem}.cosmetic-reward-card small{color:#aaa0e8;letter-spacing:.12em;font-size:.6rem}.cosmetic-reward-card h3{color:#fff;margin:.13rem 0;font-size:1rem}.cosmetic-reward-card p{color:#cfc9ef;margin:0;font-size:.73rem;line-height:1.45}.cosmetic-reward-card button{color:#332061;background:#f6d464;border:0;border-radius:14px;min-height:42px;padding:.6rem .85rem;font-weight:900;box-shadow:0 5px #a77b38}.cosmetic-reward-card button:disabled{color:#a49ec4;box-shadow:none;background:#4b4771}.task-entry .reward-art{background:linear-gradient(145deg,#a04be2,#512a9f)}.ad-entry{opacity:.78}.ad-entry .reward-art{background:linear-gradient(145deg,#52638f,#303957)}.cosmetic-combo-preview{background:linear-gradient(160deg,#251b5ef5,#10123ff7);border:1px solid #a899ff4d;border-radius:24px;padding:1rem;box-shadow:inset 0 0 50px #6f5bdf14}.cosmetic-combo-preview>header{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.cosmetic-combo-preview header small,.cosmetic-daily-tasks header small{color:#a89ee5;letter-spacing:.14em;font-size:.6rem}.cosmetic-combo-preview header h2,.cosmetic-daily-tasks header h2{color:#fff;margin:.1rem 0;font-size:1.05rem}.cosmetic-combo-preview header>span{color:#e9e4ff;border:1px solid #ffffff24;border-radius:99px;padding:.45rem .75rem;font-size:.72rem}.combo-stage{background:radial-gradient(circle at 50% 45%,var(--board-glow),transparent 40%),linear-gradient(140deg,var(--board-surface),#121442);border-radius:21px;height:230px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.combo-stage{background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--board-glow) 32%,transparent),transparent 40%),linear-gradient(140deg,var(--board-surface),#121442)}}.combo-stage{box-shadow:inset 0 0 0 2px #ffffff12,inset 0 -30px 50px #03072259}.combo-stage:before{content:"";background:repeating-radial-gradient(circle at 35% 38%,transparent 0 20px,var(--board-accent) 22px 23px,transparent 25px 47px);position:absolute;inset:-30%}@supports (color:color-mix(in lab, red, red)){.combo-stage:before{background:repeating-radial-gradient(circle at 35% 38%,transparent 0 20px,color-mix(in srgb,var(--board-accent) 18%,transparent) 22px 23px,transparent 25px 47px)}}.combo-stage:before{animation:16s linear infinite v21-scene-drift}.combo-board-grid{border:2px solid var(--board-accent);grid-template-columns:repeat(3,1fr);gap:7px;width:250px;height:170px;padding:10px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-7deg)}@supports (color:color-mix(in lab, red, red)){.combo-board-grid{border:2px solid color-mix(in srgb,var(--board-accent) 60%,white)}}.combo-board-grid{background:#0e124280;border-radius:30% 18%}.combo-board-grid i{background:var(--board-glow);border:1px solid #ffffff61;border-radius:10px}@supports (color:color-mix(in lab, red, red)){.combo-board-grid i{background:color-mix(in srgb,var(--board-glow) 35%,transparent)}}.combo-pilot{border:4px solid var(--cos-accent);width:98px;height:98px;box-shadow:0 0 24px var(--cos-primary);z-index:3;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:17%;left:8%}.combo-pilot .cosmetic-avatar-preview{width:82px;height:82px}.combo-aircraft{z-index:4;filter:drop-shadow(0 12px 8px #04082b73);position:absolute;top:43%;left:44%}.combo-aircraft .cosmetic-piece-preview{width:98px;height:70px;animation:5s ease-in-out infinite v21-aircraft-circle}.combo-die{z-index:4;position:absolute;top:16%;right:9%}.combo-die .cosmetic-dice-preview{width:62px;height:62px;animation:3.6s ease-in-out infinite v21-die-float}.combo-effect{z-index:3;position:absolute;bottom:11%;right:8%}.combo-effect .cosmetic-effect-preview{width:100px;height:54px}.combo-labels{grid-template-columns:repeat(6,1fr);gap:.55rem;margin-top:.75rem;display:grid}.combo-labels button{color:#fff;text-align:left;background:#4b3a9647;border:1px solid #a497f62e;border-radius:13px;grid-template-rows:auto auto;grid-template-columns:28px 1fr;column-gap:.45rem;min-width:0;padding:.5rem;display:grid}.combo-labels button i{color:#fff5b1;background:#6156bd;border-radius:9px;grid-row:1/3;place-items:center;width:28px;height:28px;font-size:.7rem;font-style:normal;display:grid}.combo-labels button span{color:#aaa1dc;font-size:.55rem}.combo-labels button b{text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.cosmetic-filter-bar{z-index:8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#161344eb;border:1px solid #b2a7ff38;border-radius:18px;justify-content:space-between;gap:1rem;margin:1rem 0 .8rem;padding:.65rem;display:flex;position:sticky;top:0}.v21-cosmetics .cosmetic-category-tabs{gap:.35rem;margin:0;display:flex}.v21-cosmetics .cosmetic-category-tabs button{color:#c8c1ee;background:#55469e4d;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:.35rem;min-width:84px;height:43px;display:flex}.v21-cosmetics .cosmetic-category-tabs button[aria-current=page]{color:#fff;background:linear-gradient(145deg,#7156d8,#4c3bac);border-color:#aa9aff;box-shadow:0 6px 18px #4733a666}.v21-cosmetics .cosmetic-category-tabs i{background:#ffffff1c;border-radius:8px;place-items:center;width:24px;height:24px;font-size:.65rem;font-style:normal;display:grid}.cosmetic-rarity-tabs{align-items:center;gap:.25rem;display:flex}.cosmetic-rarity-tabs button{color:#aaa1d6;background:0 0;border:0;border-radius:12px;min-height:38px;padding:0 .72rem;font-weight:800}.cosmetic-rarity-tabs button[aria-pressed=true]{color:#261a58;background:#f0dc85}.v21-cosmetics .cosmetic-studio-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:1rem;display:grid}.v21-cosmetics .cosmetic-focus-card{text-align:center;padding:1rem;position:sticky;top:74px;overflow:hidden}.v21-cosmetics .cosmetic-focus-stage{background:radial-gradient(circle,var(--cos-primary),#20185366 60%);border-radius:20px;place-items:center;height:190px;margin-bottom:.8rem;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.v21-cosmetics .cosmetic-focus-stage{background:radial-gradient(circle,color-mix(in srgb,var(--cos-primary) 32%,transparent),#20185366 60%)}}.v21-cosmetics .cosmetic-focus-stage:before,.rarity-legendary .cosmetic-card-visual:before{content:"";border:1px solid var(--cos-accent);position:absolute;inset:8%}@supports (color:color-mix(in lab, red, red)){.v21-cosmetics .cosmetic-focus-stage:before,.rarity-legendary .cosmetic-card-visual:before{border:1px solid color-mix(in srgb,var(--cos-accent) 55%,transparent)}}.v21-cosmetics .cosmetic-focus-stage:before,.rarity-legendary .cosmetic-card-visual:before{border-radius:42% 58% 51% 49%;animation:8s linear infinite v21-prism-ring}.v21-cosmetics .cosmetic-focus-card>small{color:#b8aef0;letter-spacing:.12em;font-size:.63rem}.v21-cosmetics .cosmetic-focus-card h2{color:#fff;margin:.25rem 0;font-size:1.35rem}.v21-cosmetics .cosmetic-focus-card>p{color:#c6bee8;min-height:2.4em;margin:0;font-size:.72rem;line-height:1.6}.v21-cosmetics .cosmetic-focus-card dl{grid-template-columns:1fr 1fr;gap:.4rem;margin:.7rem 0;display:grid}.v21-cosmetics .cosmetic-focus-card dl div{background:#ffffff0d;border-radius:10px;padding:.5rem}.v21-cosmetics .cosmetic-focus-card dt{color:#9187ca;font-size:.55rem}.v21-cosmetics .cosmetic-focus-card dd{color:#e5dfff;text-overflow:ellipsis;white-space:nowrap;margin:.15rem 0 0;font-size:.6rem;overflow:hidden}.cosmetic-price{text-align:left;background:#211a59;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:1fr auto;margin:.65rem 0;padding:.65rem .75rem;display:grid}.cosmetic-price span{color:#aaa1d7;font-size:.6rem}.cosmetic-price b{color:#ffe36c;grid-row:1/3;font-size:1.4rem}.cosmetic-price em{color:#d4cdf3;font-size:.62rem;font-style:normal}.v21-cosmetics .cosmetic-action{color:#38225e;background:linear-gradient(#ffe67b,#e5b84b);border:0;border-radius:14px;width:100%;min-height:46px;font-weight:950;box-shadow:0 5px #9d7030}.v21-cosmetics .cosmetic-action.status-owned{background:linear-gradient(#8bf1e0,#46bda9);box-shadow:0 5px #277d78}.v21-cosmetics .cosmetic-action.status-equipped{background:linear-gradient(#d1c4ff,#8e78de);box-shadow:0 5px #51419c}.v21-cosmetics .cosmetic-action:disabled{color:#9690b6;box-shadow:none;background:#4c476f}.v21-cosmetics .cosmetic-catalog-grid{grid-template-columns:repeat(4,minmax(130px,1fr));gap:.75rem;display:grid}.v21-cosmetics .cosmetic-catalog-card{color:#fff;text-align:left;background:linear-gradient(155deg,#3f3085c7,#1b194df0);border:1px solid #b0a4f538;border-radius:18px;min-width:0;height:202px;padding:.65rem;transition:transform .18s,border-color .18s;position:relative;overflow:hidden}.v21-cosmetics .cosmetic-catalog-card:hover,.v21-cosmetics .cosmetic-catalog-card.selected{border-color:var(--cos-primary,#a897ff);transform:translateY(-3px);box-shadow:0 10px 26px #08072959}.cosmetic-card-visual{background:radial-gradient(circle at 50% 48%,var(--cos-primary,#7769d4),#13124199);border-radius:14px;height:118px}@supports (color:color-mix(in lab, red, red)){.cosmetic-card-visual{background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--cos-primary,#7769d4) 30%,transparent),#13124199)}}.cosmetic-card-visual{place-items:center;display:grid;position:relative;overflow:hidden}.rarity-corner{color:#eaf7ff;z-index:4;background:#3978c5;border-radius:7px;padding:.18rem .42rem;font-size:.52rem;font-style:normal;position:absolute;top:.4rem;left:.4rem}.rarity-epic .rarity-corner{background:#8448bc}.rarity-legendary .rarity-corner{color:#fff8c7;background:linear-gradient(90deg,#9d6426,#d9a83f,#5f61c6)}.cosmetic-catalog-card>strong{white-space:nowrap;text-overflow:ellipsis;margin:.5rem .12rem .25rem;font-size:.75rem;display:block;overflow:hidden}.cosmetic-card-price{justify-content:space-between;align-items:center;margin:0 .12rem;display:flex}.cosmetic-card-price b{color:#ffe275;font-size:.72rem}.cosmetic-card-price em{color:#aaa3d1;font-size:.58rem;font-style:normal}.status-equipped.cosmetic-catalog-card{border-color:#75ead5;box-shadow:inset 0 0 20px #57e7cd14}.status-locked.cosmetic-catalog-card{filter:saturate(.72)}.cosmetic-avatar-preview,.cosmetic-frame-preview,.cosmetic-dice-preview,.cosmetic-piece-preview,.cosmetic-board-preview,.cosmetic-effect-preview{transform:rotate(var(--shape-rotate,0)) scale(var(--design-scale,1));display:block;position:relative}.cosmetic-avatar-preview{border-radius:var(--shape-round,50%);border:3px solid var(--cos-primary);width:88px;height:88px;box-shadow:0 0 0 5px var(--cos-secondary),0 0 22px var(--cos-accent)}@supports (color:color-mix(in lab, red, red)){.cosmetic-avatar-preview{box-shadow:0 0 0 5px color-mix(in srgb,var(--cos-secondary) 70%,transparent),0 0 22px color-mix(in srgb,var(--cos-accent) 55%,transparent)}}.cosmetic-avatar-preview:before{content:"";right:var(--detail-shift,0);background:linear-gradient(145deg,var(--cos-accent),var(--cos-primary));border-radius:70% 15%;width:30px;height:19px;position:absolute;top:-7px;transform:rotate(18deg)}.cosmetic-avatar-preview>i{background:var(--cos-primary);width:22px;height:35px;box-shadow:6px -4px 0 var(--cos-accent);border-radius:8px 75%;position:absolute;bottom:8px;left:-7px;transform:rotate(28deg)}@supports (color:color-mix(in lab, red, red)){.cosmetic-avatar-preview>i{box-shadow:6px -4px 0 color-mix(in srgb,var(--cos-accent) 65%,transparent)}}.cosmetic-avatar-preview>b{border:3px double var(--cos-accent);border-radius:50%;width:14px;height:14px;position:absolute;bottom:14px;right:-4px}.cosmetic-frame-preview{border-radius:var(--shape-round,48%);border:5px double var(--cos-primary);width:92px;height:92px;box-shadow:inset 0 0 13px var(--cos-secondary),0 0 15px var(--cos-primary)}@supports (color:color-mix(in lab, red, red)){.cosmetic-frame-preview{box-shadow:inset 0 0 13px var(--cos-secondary),0 0 15px color-mix(in srgb,var(--cos-primary) 55%,transparent)}}.cosmetic-frame-preview:before,.cosmetic-frame-preview:after{content:"";width:21px;height:27px;top:var(--detail-shift,-6px);background:linear-gradient(145deg,var(--cos-accent),var(--cos-primary));clip-path:polygon(50% 0,100% 32%,78% 100%,22% 100%,0 32%);position:absolute}.cosmetic-frame-preview:before{left:-8px}.cosmetic-frame-preview:after{right:-8px;transform:scaleX(-1)}.cosmetic-frame-preview>i{border:1px dashed var(--cos-accent);position:absolute;inset:8px}@supports (color:color-mix(in lab, red, red)){.cosmetic-frame-preview>i{border:1px dashed color-mix(in srgb,var(--cos-accent) 70%,transparent)}}.cosmetic-frame-preview>i{border-radius:50%;animation:5s linear infinite v21-frame-flow}.cosmetic-frame-preview>b{background:var(--cos-accent);clip-path:polygon(0 100%,12% 20%,38% 70%,50% 0,63% 70%,88% 20%,100% 100%);width:28px;height:15px;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.cosmetic-dice-preview{border-radius:var(--shape-round,20%);background:linear-gradient(145deg,var(--preview-face),var(--preview-face));width:76px;height:76px}@supports (color:color-mix(in lab, red, red)){.cosmetic-dice-preview{background:linear-gradient(145deg,var(--preview-face),color-mix(in srgb,var(--preview-face) 62%,var(--cos-secondary)))}}.cosmetic-dice-preview{border:3px solid var(--cos-accent)}@supports (color:color-mix(in lab, red, red)){.cosmetic-dice-preview{border:3px solid color-mix(in srgb,var(--cos-accent) 65%,white)}}.cosmetic-dice-preview{box-shadow:inset -9px -10px 14px #120c3a4d,0 0 20px var(--preview-glow);grid-template:repeat(3,10px)/repeat(3,10px);place-content:center;gap:7px;display:grid}.cosmetic-dice-preview:before{content:"";border:2px solid var(--cos-accent);position:absolute;inset:-9px}@supports (color:color-mix(in lab, red, red)){.cosmetic-dice-preview:before{border:2px solid color-mix(in srgb,var(--cos-accent) 65%,transparent)}}.cosmetic-dice-preview:before{border-radius:inherit;transform:rotate(calc(var(--shape-rotate) * -1))}.cosmetic-dice-preview i{background:var(--preview-pip);border-radius:50%;width:10px;height:10px;box-shadow:inset 1px 1px 2px #ffffff8c}.cosmetic-dice-preview i:first-child{grid-area:1/1}.cosmetic-dice-preview i:nth-child(2){grid-area:2/2}.cosmetic-dice-preview i:nth-child(3){grid-area:3/3}.cosmetic-piece-preview{width:106px;height:70px}.cosmetic-piece-preview:before{content:"";background:linear-gradient(165deg,var(--cos-accent),var(--cos-primary) 45%,var(--cos-secondary));clip-path:polygon(0 48%,34% 22%,48% 0,62% 22%,100% 48%,73% 61%,61% 100%,40% 100%,27% 61%);border-radius:60% 64% 35% 42%;width:86px;height:32px;position:absolute;top:22px;left:9px;box-shadow:0 7px 10px #05082a73}.cosmetic-piece-preview>i,.cosmetic-piece-preview>em{background:var(--cos-primary);width:47px;height:15px;position:absolute;top:18px}@supports (color:color-mix(in lab, red, red)){.cosmetic-piece-preview>i,.cosmetic-piece-preview>em{background:color-mix(in srgb,var(--cos-primary) 70%,white)}}.cosmetic-piece-preview>i,.cosmetic-piece-preview>em{clip-path:polygon(0 45%,100% 0,78% 100%,10% 78%)}.cosmetic-piece-preview>i{left:-2px}.cosmetic-piece-preview>em{right:-2px;transform:scaleX(-1)}.cosmetic-piece-preview>b{background:linear-gradient(#d8fbff,var(--cos-secondary));z-index:2;border-radius:50% 50% 20% 20%;width:20px;height:24px;position:absolute;top:21px;left:43px}.cosmetic-board-preview{border-radius:var(--shape-round,18%);background:linear-gradient(145deg,var(--board-glow),var(--board-surface));border:4px ridge var(--board-accent);grid-template-columns:repeat(2,19px);place-content:center;gap:7px;width:100px;height:84px;display:grid;box-shadow:0 8px 16px #05072b66}.cosmetic-board-preview>i{background:var(--board-accent);border-radius:5px;width:19px;height:19px}@supports (color:color-mix(in lab, red, red)){.cosmetic-board-preview>i{background:color-mix(in srgb,var(--board-accent) 72%,white)}}.cosmetic-board-preview>i{border:1px solid #ffffff73}.cosmetic-board-preview>b{background:var(--board-surface);border:2px solid #fff7c5;width:25px;height:25px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.cosmetic-effect-preview{width:108px;height:70px}.cosmetic-effect-preview:before{content:"";background:linear-gradient(90deg,transparent,var(--cos-primary),var(--cos-accent),transparent);clip-path:polygon(0 40%,75% 0,100% 50%,75% 100%,0 60%);width:98px;height:12px;filter:drop-shadow(0 0 7px var(--cos-primary));position:absolute;top:31px;left:4px}.cosmetic-effect-preview i,.cosmetic-effect-preview b,.cosmetic-effect-preview em{background:var(--cos-accent);width:9px;height:9px;box-shadow:0 0 8px var(--cos-primary);animation:2.8s ease-in-out infinite v21-particle;position:absolute;transform:rotate(45deg)}.cosmetic-effect-preview i{top:18px;left:18px}.cosmetic-effect-preview b{animation-delay:-.7s;top:48px;left:53px}.cosmetic-effect-preview em{animation-delay:-1.4s;top:15px;right:9px}.rarity-epic .cosmetic-card-visual:after,.rarity-legendary .cosmetic-card-visual:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffff38 48%,#0000 58%);animation:5s ease-in-out infinite v21-material-sheen;position:absolute;inset:-40%}.rarity-legendary .cosmetic-card-visual{background:radial-gradient(circle at 50% 45%,var(--cos-primary,#e3b849),#21154ed1)}@supports (color:color-mix(in lab, red, red)){.rarity-legendary .cosmetic-card-visual{background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--cos-primary,#e3b849) 42%,transparent),#21154ed1)}}.rarity-legendary .cosmetic-card-visual{box-shadow:inset 0 0 30px #ffd9631a}.rarity-legendary .cosmetic-avatar-preview,.rarity-legendary .cosmetic-frame-preview,.rarity-legendary .cosmetic-dice-preview,.rarity-legendary .cosmetic-piece-preview,.rarity-legendary .cosmetic-board-preview,.rarity-legendary .cosmetic-effect-preview{animation:4.8s cubic-bezier(.2,.8,.2,1) infinite v21-legend-arrival}.cosmetic-daily-tasks{background:#19164be6;border:1px solid #aea2f640;border-radius:22px;margin-top:1rem;padding:1rem}.cosmetic-daily-tasks>header{justify-content:space-between;align-items:center;margin-bottom:.7rem;display:flex}.cosmetic-daily-tasks>header>span{color:#aaa2d9;font-size:.66rem}.cosmetic-daily-tasks>div{grid-template-columns:repeat(2,1fr);gap:.55rem;display:grid}.cosmetic-daily-tasks article{color:#fff;background:#5243993b;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:40px minmax(0,1fr) auto 76px;align-items:center;gap:.65rem;padding:.65rem;display:grid}.task-medal{background:linear-gradient(145deg,#6558c4,#372d86);border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.task-medal i{border:3px double #ddd1ff;border-radius:50%;width:15px;height:15px}.cosmetic-daily-tasks article>div b{font-size:.72rem;display:block}.cosmetic-daily-tasks article>div small{color:#aaa3d4;font-size:.57rem}.cosmetic-daily-tasks article>div>i{background:#31295e;border-radius:9px;height:4px;margin-top:.25rem;display:block;overflow:hidden}.cosmetic-daily-tasks article>div>i em{background:#65d8c7;height:100%;display:block}.cosmetic-daily-tasks article>strong{color:#ffe071;font-size:.75rem}.cosmetic-daily-tasks article>button{color:#35215d;background:#ebcf68;border:0;border-radius:11px;min-height:36px;font-size:.65rem;font-weight:900}.cosmetic-daily-tasks article>button:disabled{color:#918baa;background:#4a4669}.cosmetic-daily-tasks article.claimed{opacity:.66}.cosmetic-service-error{z-index:12;color:#ffe3f1;background:#682e56;border-radius:13px;width:max-content;max-width:90%;margin:1rem auto 0;padding:.7rem 1rem;font-size:.7rem;position:sticky;bottom:5rem}.cosmetic-purchase-layer{z-index:70}.cosmetic-purchase-dialog{color:#fff;text-align:center;background:linear-gradient(155deg,#33246f,#171844);border:1px solid #ffe17073;border-radius:25px;width:min(430px,100vw - 2rem);padding:1.5rem;box-shadow:0 25px 80px #04041cb3}.cosmetic-purchase-dialog>.cosmetic-avatar-preview,.cosmetic-purchase-dialog>.cosmetic-frame-preview,.cosmetic-purchase-dialog>.cosmetic-dice-preview,.cosmetic-purchase-dialog>.cosmetic-piece-preview,.cosmetic-purchase-dialog>.cosmetic-board-preview,.cosmetic-purchase-dialog>.cosmetic-effect-preview{margin:1rem auto}.cosmetic-purchase-dialog>small{color:#beb4ef}.cosmetic-purchase-dialog h2{font-size:1.18rem}.cosmetic-purchase-dialog p{color:#cbc5e8;font-size:.75rem;line-height:1.6}.cosmetic-purchase-dialog p b{color:#ffe173}.cosmetic-purchase-dialog>div{background:#ffffff0d;border-radius:12px;justify-content:center;gap:1rem;padding:.7rem;font-size:.7rem;display:flex}.cosmetic-purchase-dialog>div b{color:#ffe173}.cosmetic-purchase-dialog footer{grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1rem;display:grid}.cosmetic-purchase-dialog footer button{color:#ddd6ff;background:#51477e;border:0;border-radius:13px;min-height:44px;font-weight:900}.cosmetic-purchase-dialog footer button:last-child{color:#33205d;background:#ebc957}@keyframes v21-scene-drift{to{transform:translate(9%,4%)rotate(10deg)}}@keyframes v21-aircraft-circle{0%,to{transform:translate(-12px,8px)rotate(-8deg)}50%{transform:translate(15px,-8px)rotate(6deg)}}@keyframes v21-die-float{0%,to{transform:translateY(0)rotate(-7deg)}50%{transform:translateY(9px)rotate(8deg)}}@keyframes v21-frame-flow{to{transform:rotate(360deg)}}@keyframes v21-particle{0%,to{opacity:.2;transform:translateY(7px)rotate(45deg)scale(.6)}50%{opacity:1;transform:translate(4px,-8px)rotate(135deg)scale(1.1)}}@keyframes v21-material-sheen{0%,35%{transform:translate(-50%)rotate(8deg)}70%,to{transform:translate(50%)rotate(8deg)}}@keyframes v21-prism-ring{to{border-radius:57% 43% 47% 53%;transform:rotate(360deg)}}@keyframes v21-legend-arrival{0%,8%{opacity:.35;filter:brightness(1.8);transform:translateY(8px) scale(.82) rotate(var(--shape-rotate,0))}20%,78%{opacity:1;filter:brightness();transform:translateY(0) scale(var(--design-scale,1)) rotate(var(--shape-rotate,0))}88%{filter:brightness(1.3)}to{opacity:.35;filter:brightness(1.8);transform:translateY(8px) scale(.82) rotate(var(--shape-rotate,0))}}@media (width<=1050px){.cosmetic-reward-entries{grid-template-columns:1fr}.cosmetic-reward-card{min-height:92px}.combo-labels{grid-template-columns:repeat(3,1fr)}.v21-cosmetics .cosmetic-catalog-grid{grid-template-columns:repeat(3,minmax(125px,1fr))}.cosmetic-filter-bar{flex-direction:column;align-items:flex-start;overflow-x:auto}}@media (width<=720px){.v21-cosmetics{padding-inline:.55rem;padding-bottom:7rem}.cosmetic-v21-title{gap:.7rem;grid-template-columns:1fr!important;display:grid!important}.cosmetic-points-balance{width:100%;min-width:0}.cosmetic-reward-card{grid-template-columns:52px 1fr;gap:.65rem;padding:.75rem}.cosmetic-reward-card .reward-art{border-radius:15px;width:50px;height:50px}.cosmetic-reward-card>button{grid-column:1/3;width:100%;min-height:44px}.combo-stage{height:210px}.combo-board-grid{width:185px;height:135px}.combo-pilot{width:74px;height:74px;left:4%}.combo-pilot .cosmetic-avatar-preview{width:61px;height:61px}.combo-aircraft{left:38%}.combo-die{right:5%}.combo-labels{grid-template-columns:repeat(2,minmax(0,1fr))}.cosmetic-filter-bar{margin:.8rem 0;padding:.5rem;position:relative;top:auto}.v21-cosmetics .cosmetic-category-tabs{width:max-content}.v21-cosmetics .cosmetic-category-tabs button{min-width:74px;min-height:44px}.cosmetic-rarity-tabs button{min-height:44px}.v21-cosmetics .cosmetic-studio-layout{grid-template-columns:1fr}.v21-cosmetics .cosmetic-focus-card{text-align:left;grid-template-columns:130px 1fr;column-gap:.8rem;display:grid;position:relative;top:auto}.v21-cosmetics .cosmetic-focus-stage{grid-row:1/7;height:170px;margin:0}.v21-cosmetics .cosmetic-focus-card dl{grid-template-columns:1fr}.v21-cosmetics .cosmetic-focus-card .cosmetic-action{grid-column:1/3;min-height:48px}.v21-cosmetics .cosmetic-focus-card .cosmetic-price{grid-column:2}.v21-cosmetics .cosmetic-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.v21-cosmetics .cosmetic-catalog-card{height:188px;padding:.5rem}.cosmetic-card-visual{height:108px}.cosmetic-daily-tasks>div{grid-template-columns:1fr}.cosmetic-daily-tasks article{grid-template-columns:36px minmax(0,1fr) auto}.cosmetic-daily-tasks article>button{grid-column:2/4;min-height:44px}}@media (width<=420px){.v21-cosmetics .cosmetic-focus-card{grid-template-columns:105px 1fr}.v21-cosmetics .cosmetic-focus-stage{height:150px}.v21-cosmetics .cosmetic-catalog-grid{grid-template-columns:1fr 1fr}.combo-die{top:7%}.combo-effect{bottom:4%;right:2%}}@media (prefers-reduced-motion:reduce){.v21-cosmetics *,.combo-stage:before{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html{background:var(--purple-950);min-width:320px;min-height:100%}body{min-height:100%;color:var(--ink);background:var(--purple-950);font-family:"HarmonyOS Sans SC", "Alibaba PuHuiTi 3", "PingFang SC", "Microsoft YaHei", var(--font-geist-sans), sans-serif;margin:0}button{color:inherit;font:inherit}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.game-page{isolation:isolate;background:linear-gradient(#110b3829,#0a0627b8),url(/magic-sky-background.webp) 50%/cover fixed,radial-gradient(circle at 50% 30%,#30367e 0%,#22194a 42%,#100b34 100%);min-height:100svh;padding:12px 16px 20px;position:relative;overflow:hidden}.game-page:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle at 15% 15%,#ff8fb82e,#0000 22%),radial-gradient(circle at 86% 20%,#ffd66b26,#0000 23%),radial-gradient(circle at 50% 82%,#5fe3c11f,#0000 28%);position:fixed;inset:0}.stars{z-index:-1;opacity:.72;background:#fff;border-radius:50%;width:3px;height:3px;animation:4.8s ease-in-out infinite alternate twinkle;position:fixed;box-shadow:7vw 8vh #fff,18vw 26vh #ffd66b,31vw 7vh #fff,48vw 18vh #5fe3c1,63vw 8vh #fff,78vw 25vh #ff8fb8,91vw 10vh #fff,8vw 68vh #5fe3c1,26vw 81vh #fff,54vw 72vh #ffd66b,74vw 88vh #fff,93vw 66vh #ff8fb8}.stars-a{top:5%;left:3%}.stars-b{animation-delay:-2.4s;bottom:4%;right:2%}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#4737a6cc,#23195dd6);border:1px solid #e5dcff61;border-radius:22px;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1540px,100%);min-height:66px;margin:0 auto 12px;padding:8px 16px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff5c,0 12px 36px #09042a61,0 0 28px #7c63f029}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-star{aspect-ratio:1;color:#fff5b8;text-shadow:0 2px 4px #69340f59;background:linear-gradient(145deg,#ffd66b,#ff9d67);border:2px solid #fff2af;border-radius:14px;flex:0 0 42px;place-items:center;width:42px;font-size:24px;display:grid;transform:rotate(-6deg);box-shadow:0 0 18px #ffd66b85,inset 0 2px 2px #ffffff80}.brand div{flex-direction:column;min-width:0;display:flex}.brand b{letter-spacing:-.04em;text-shadow:0 3px 12px #07031e6b;font-size:clamp(21px,2vw,31px);font-weight:900;line-height:1.05}.brand small{color:#dcd4ff;letter-spacing:.14em;margin-top:3px;font-size:10px;font-weight:700}.room-pill{color:#eeeaff;cursor:pointer;background:#160e435c;border:1px solid #ffffff3d;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:5px 8px 5px 16px;font-size:14px;font-weight:700;display:flex;box-shadow:inset 0 1px 2px #ffffff2e}.room-pill>span{color:var(--gold);animation:1.8s ease-in-out infinite alternate twinkle}.room-pill b{color:var(--gold);letter-spacing:.1em;font-size:20px}.room-pill em{color:#24164f;background:linear-gradient(135deg, #fff4b8, var(--gold));border-radius:999px;padding:7px 11px;font-size:11px;font-style:normal;font-weight:900}.top-actions{justify-content:flex-end;gap:8px;display:flex}.top-actions button{cursor:pointer;background:#ffffff17;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:6px 12px;font-size:12px;font-weight:800;transition:transform .18s,background .18s;display:flex;box-shadow:inset 0 1px #fff3}.top-actions button:hover{background:#ffffff2b;transform:translateY(-1px)}.top-actions span{font-size:17px}.game-layout{z-index:2;grid-template-columns:minmax(154px,185px) minmax(500px,700px) minmax(238px,292px);justify-content:center;align-items:start;gap:clamp(12px,1.5vw,24px);width:min(1490px,100%);margin:0 auto;display:grid;position:relative}.player-rail,.right-panel{flex-direction:column;gap:14px;display:flex}.left-rail{justify-content:space-between;min-height:720px;padding:32px 0 16px}.rail-spacer{aspect-ratio:1;color:#e9e1ff7a;text-align:center;background:radial-gradient(circle,#634dbb38,#0000 68%);border:1px solid #ffffff1f;border-radius:50%;flex-direction:column;justify-content:center;align-self:center;align-items:center;width:94px;display:flex}.rail-spacer span{color:var(--gold);font-size:30px}.rail-spacer small{letter-spacing:.18em;margin-top:3px;font-size:8px;font-weight:800;line-height:1.5}.player-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#3f308fc7,#1f165ac7);border:1px solid #ffffff52;border-radius:24px;align-items:center;gap:10px;min-width:0;min-height:116px;padding:12px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff3b,0 13px 28px #06032447}.player-card:after{content:"";filter:blur(30px);opacity:.15;background:currentColor;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-34px;right:-24px}.player-card.red{color:var(--red)}.player-card.yellow{color:var(--yellow)}.player-card.green{color:var(--green)}.player-card.blue{color:var(--blue)}.player-card.active{border-color:currentColor;box-shadow:inset 0 1px #ffffff57,0 0 0 2px,0 0 28px,0 14px 34px #06032457}@supports (color:color-mix(in lab, red, red)){.player-card.active{box-shadow:inset 0 1px 0 #ffffff57, 0 0 0 2px color-mix(in srgb, currentColor 35%, transparent), 0 0 28px color-mix(in srgb, currentColor 45%, transparent), 0 14px 34px #06032457}}.avatar{aspect-ratio:1;background-color:#241b50;background-image:url(/magic-avatar-sheet.webp);background-repeat:no-repeat;background-size:200% 200%;border:3px solid #ffffffe0;border-radius:50%;flex:0 0 65px;place-items:center;width:65px;display:grid;overflow:hidden;box-shadow:0 0 0 3px,0 8px 16px #05021d59}@supports (color:color-mix(in lab, red, red)){.avatar{box-shadow:0 0 0 3px color-mix(in srgb, currentColor 55%, transparent), 0 8px 16px #05021d59}}.avatar{color:#fff}.avatar-0{background-position:0 0}.avatar-1{background-position:100% 0}.avatar-2{background-position:100% 100%}.avatar-3{background-position:0 100%}.avatar span{opacity:0;font-size:34px}.player-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.player-name-row{justify-content:space-between;align-items:baseline;gap:5px;display:flex}.player-name-row strong{color:#fff;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(16px,1.35vw,21px);font-weight:900;overflow:hidden}.team-dot{color:currentColor;white-space:nowrap;font-size:9px;font-weight:900}.player-status{border:1px solid;width:fit-content;padding:4px 8px}@supports (color:color-mix(in lab, red, red)){.player-status{border:1px solid color-mix(in srgb, currentColor 35%, transparent)}}.player-status{color:currentColor;background:currentColor;border-radius:999px}@supports (color:color-mix(in lab, red, red)){.player-status{background:color-mix(in srgb, currentColor 14%, transparent)}}.player-status{white-space:nowrap;font-size:10px;font-weight:800}.star-row{align-items:center;gap:2px;display:flex}.star-row b{color:#ffffff2e;text-shadow:none;font-size:15px}.star-row b.earned{color:var(--gold);text-shadow:0 0 8px #ffd66bbf}.star-row small{color:#fff3b5;margin-left:3px;font-size:10px;font-weight:900}.board-column{flex-direction:column;align-items:center;gap:9px;min-width:0;display:flex}.turn-banner{color:#f7f3ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1454a8;border:1px solid #ffffff2e;border-radius:999px;align-items:center;width:min(650px,94%);min-height:36px;padding:5px 10px;font-size:12px;display:flex;box-shadow:inset 0 1px #ffffff24,0 7px 18px #07032138}.turn-banner strong{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.mini-orb{aspect-ratio:1;color:#26174e;background:#fff;border-radius:50%;place-items:center;width:24px;font-size:11px;display:grid}.mini-orb.red{background:var(--red)}.mini-orb.yellow{background:var(--yellow)}.mini-orb.green{background:var(--green)}.mini-orb.blue{background:var(--blue)}.live-dot{color:#aef4df;align-items:center;gap:5px;font-size:9px;font-weight:800;display:flex}.live-dot:before{background:var(--mint);width:6px;height:6px;box-shadow:0 0 8px var(--mint);content:"";border-radius:50%}.board-shell{aspect-ratio:1;background:linear-gradient(145deg,#3e2f8bcc,#1a1149eb);border:1px solid #ffffff4d;border-radius:11%;width:min(100%,670px);padding:3.1%;position:relative;box-shadow:inset 0 2px 2px #ffffff40,inset 0 -12px 24px #0a052b5c,0 24px 50px #06021e80,0 0 50px #785cdd2e}.board-shell:before{content:"";background:radial-gradient(circle,#5541ac5c,#140c41b3);border:1px solid #d2c5ff47;border-radius:10%;position:absolute;inset:1.6%}.island{z-index:0;opacity:.72;filter:saturate(.95);border-radius:34% 34% 42% 42%;width:38%;height:38%;position:absolute}.island:before,.island:after{content:"";position:absolute}.island:before{background:radial-gradient(circle at 48% 25%,#ffffff4d,#0000 20%),currentColor;border:1px solid #ffffff38;border-radius:30%;inset:7%;box-shadow:inset 0 -18px 30px #1e0e3759,0 12px 24px #05021c61}.island:after{clip-path:polygon(0 0,100% 0,72% 100%,30% 88%);background:linear-gradient(#52407bcc,#1b123e1f);height:23%;bottom:-4%;left:20%;right:20%}.island-red{color:#ff6b75bf;top:2.1%;left:2.1%}.island-yellow{color:#ffd45ab8;top:2.1%;right:2.1%}.island-blue{color:#5aa9ffb8;bottom:2.1%;left:2.1%}.island-green{color:#59d997b8;bottom:2.1%;right:2.1%}.board-grid{z-index:2;border-radius:8%;grid-template:repeat(15,1fr)/repeat(15,1fr);gap:1px;display:grid;position:absolute;inset:4.8%;overflow:hidden}.board-cell{border:1px solid #0000;min-width:0;min-height:0;position:relative}.board-cell.track,.board-cell.home{background:linear-gradient(145deg,#fffdf8,#ddd8ee);border:1px solid #5b4c7e8c;border-radius:19%;place-items:center;display:grid;box-shadow:inset 1px 1px #ffffffd1,inset -2px -2px 3px #4c3a7333}.board-cell.track i,.board-cell.home i{aspect-ratio:1;color:#5a4a8070;background:#5c4c8424;border-radius:50%;place-items:center;width:42%;font-size:clamp(5px,.7vw,11px);font-style:normal;display:grid}.board-cell.home.red,.board-cell.launch-cell.red{background:linear-gradient(145deg,#ff8d95,#e75063)}.board-cell.home.yellow,.board-cell.launch-cell.yellow{background:linear-gradient(145deg,#ffe585,#eeb936)}.board-cell.home.green,.board-cell.launch-cell.green{background:linear-gradient(145deg,#86ebba,#39b77b)}.board-cell.home.blue,.board-cell.launch-cell.blue{background:linear-gradient(145deg,#86c6ff,#3e87e8)}.board-cell.home i,.board-cell.launch-cell i{color:#fff;background:#ffffff7a;box-shadow:0 1px 4px #22174a38}.board-cell.center-cell{visibility:hidden}.center-crystal{z-index:4;aspect-ratio:1;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:conic-gradient(from 45deg, var(--red) 0 25%, var(--yellow) 0 50%, var(--green) 0 75%, var(--blue) 0);place-items:center;width:19.8%;display:grid;position:absolute;top:40.1%;left:40.1%;box-shadow:0 0 24px #ffffff3d}.center-crystal:before{clip-path:inherit;content:"";filter:drop-shadow(0 0 7px #fff4bec7);background:linear-gradient(145deg,#fff9d8,#b9a9f8);position:absolute;inset:18%}.center-crystal span{z-index:1;color:#6650be;font-size:clamp(18px,2.5vw,38px);position:relative}.piece-layer{z-index:8;pointer-events:none;position:absolute;inset:4.8%}.plane-piece{z-index:1;aspect-ratio:1;color:#fff;pointer-events:auto;border:2px solid #ffffffe6;border-radius:44% 56% 52% 48%;place-items:center;width:5.75%;margin:0;padding:0;transition:left .155s linear,top .155s linear,transform .18s,filter .18s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px 8px #10083457,inset 0 2px 2px #ffffff7a}.plane-piece span{text-shadow:0 2px 3px #1e0d3f66;font-size:clamp(10px,1.4vw,20px);line-height:1;transform:rotate(-25deg)}.plane-piece.red{background:linear-gradient(145deg,#ff9ba1,#e84155)}.plane-piece.yellow{background:linear-gradient(145deg,#ffe990,#e7ac25)}.plane-piece.green{background:linear-gradient(145deg,#94efc2,#2cac70)}.plane-piece.blue{background:linear-gradient(145deg,#9bd1ff,#2f7bde)}.plane-piece:disabled{cursor:default;opacity:1}.plane-piece.movable{z-index:12;cursor:pointer;animation:1.2s ease-in-out infinite planeReady}.plane-piece.finished{filter:drop-shadow(0 0 8px var(--gold))}.plane-piece.moving{z-index:15;filter:drop-shadow(0 8px 8px #0c053073)drop-shadow(0 0 9px #fff3aecc);transform:translate(-50%,-64%)scale(1.12)rotate(-3deg)}.plane-piece.moving:after{z-index:-1;content:"";filter:blur(3px);background:radial-gradient(#fff7b8cc,#7b66e859 48%,#0000 72%);border-radius:50%;width:88%;height:42%;animation:.33s ease-in-out infinite alternate planeTrail;position:absolute;top:62%;left:50%;transform:translate(-50%,20%)}.action-dock{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#3e2f8be0,#19104aeb);border:1px solid #ffffff47;border-radius:27px;grid-template-columns:minmax(120px,1fr) minmax(160px,230px) 70px;align-items:center;gap:12px;width:min(650px,96%);min-height:83px;padding:9px 12px;display:grid;box-shadow:inset 0 1px #ffffff3d,0 14px 30px #0703226b}.turn-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.turn-copy span{color:var(--gold);letter-spacing:.12em;font-size:9px;font-weight:900}.turn-copy strong{color:#f6f2ff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.roll-button{color:#173d48;background:linear-gradient(135deg, #91f4da, var(--mint) 45%, #44cbb9);cursor:pointer;letter-spacing:.03em;text-shadow:0 1px #ffffff8c;border:2px solid #ebfffad1;border-radius:20px;min-height:57px;font-size:clamp(17px,1.8vw,25px);font-weight:1000;transition:transform .16s,filter .16s,box-shadow .16s;position:relative;overflow:hidden;box-shadow:inset 0 2px 2px #ffffff9e,inset 0 -5px 8px #107d7033,0 7px #2a9e92,0 12px 22px #14d2b53d}.roll-button:before{content:"";background:#ffffff61;width:35%;height:260%;transition:left .48s;position:absolute;top:-80%;left:-25%;transform:rotate(24deg)}.roll-button:hover:not(:disabled):before{left:110%}.roll-button:hover:not(:disabled){filter:saturate(1.08)brightness(1.04);transform:translateY(-2px);box-shadow:inset 0 2px 2px #ffffff9e,inset 0 -5px 8px #107d7033,0 9px #2a9e92,0 15px 25px #14d2b54d}.roll-button:active:not(:disabled){transform:translateY(5px);box-shadow:inset 0 2px 2px #ffffff80,0 2px #2a9e92}.roll-button:disabled{cursor:not-allowed;filter:grayscale(.25)brightness(.7);opacity:.7}.roll-button .spark{color:#fff;margin-right:6px;display:inline-block}.roll-button.rolling .spark{animation:.6s linear infinite spin}.dice-face{aspect-ratio:1;background:linear-gradient(145deg,#fff,#ded9ec);border:2px solid #f4f0ff;border-radius:18px;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:3px;width:62px;padding:10px;display:grid;transform:rotate(3deg);box-shadow:inset -5px -6px 8px #43356229,0 7px #a59abf,0 12px 16px #06031e5c}.dice-face i{opacity:0;background:#2b2250;border-radius:50%;place-self:center;width:8px;height:8px;transition:opacity .16s,transform .16s;transform:scale(.4)}.dice-face i.visible{opacity:1;transform:scale(1)}.dice-cinematic-backdrop{z-index:130;-webkit-backdrop-filter:blur(10px)saturate(.88);backdrop-filter:blur(10px)saturate(.88);opacity:1;background:radial-gradient(circle,#7059e045,#0000 30%),#07031dc2;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.cinematic-dice-scene{--dice-size:clamp(126px, 17vw, 188px);z-index:3;width:var(--dice-size);height:var(--dice-size);perspective:850px;margin-top:-8vh;position:relative}.cinematic-dice-cube{width:100%;height:100%;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.18,.88,.2,1.15);position:absolute;inset:0}.cinematic-dice-cube.face-1{transform:rotateX(0)rotateY(0)}.cinematic-dice-cube.face-2{transform:rotateX(-90deg)rotateY(0)}.cinematic-dice-cube.face-3{transform:rotateX(0)rotateY(-90deg)}.cinematic-dice-cube.face-4{transform:rotateX(0)rotateY(90deg)}.cinematic-dice-cube.face-5{transform:rotateX(90deg)rotateY(0)}.cinematic-dice-cube.face-6{transform:rotateX(0)rotateY(180deg)}.cinematic-dice-side{backface-visibility:hidden;background:radial-gradient(circle at 28% 22%,#fffffffa,#0000 19%),linear-gradient(145deg,#fffefb,#e8e1f7 58%,#bdb1db);border:clamp(2px,.35vw,4px) solid #ffffffeb;border-radius:24%;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:20%;display:grid;position:absolute;inset:0;box-shadow:inset 9px 10px 16px #ffffffb3,inset -13px -15px 20px #46317733,0 0 18px #dcd2ff3d}.cinematic-dice-side.side-1{transform:translateZ(calc(var(--dice-size) / 2))}.cinematic-dice-side.side-2{transform:rotateX(90deg) translateZ(calc(var(--dice-size) / 2))}.cinematic-dice-side.side-3{transform:rotateY(90deg) translateZ(calc(var(--dice-size) / 2))}.cinematic-dice-side.side-4{transform:rotateY(-90deg) translateZ(calc(var(--dice-size) / 2))}.cinematic-dice-side.side-5{transform:rotateX(-90deg) translateZ(calc(var(--dice-size) / 2))}.cinematic-dice-side.side-6{transform:rotateY(180deg) translateZ(calc(var(--dice-size) / 2))}.cinematic-dice-side i{aspect-ratio:1;opacity:0;background:radial-gradient(circle at 35% 30%,#8d76d8,#2a1c59 62%);border-radius:50%;place-self:center;width:42%;box-shadow:inset 0 2px 2px #ffffff61,0 2px 4px #1a0d3b57}.cinematic-dice-side i.visible{opacity:1}.dice-floor-shadow{filter:blur(8px);background:#06021bb3;border-radius:50%;width:135%;height:25%;animation:.6s ease-in-out infinite alternate diceShadow;position:absolute;top:126%;left:50%;transform:translate(-50%);box-shadow:0 0 34px 15px #48309657}.dice-cinematic-backdrop.revealed .dice-floor-shadow{animation:.62s both diceRevealShadow}.dice-cinematic-copy{z-index:4;text-align:center;flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;top:calc(50% + clamp(105px,15vw,160px))}.actor-rune{aspect-ratio:1;color:#25174e;background:#fff;border:2px solid #fffc;border-radius:50%;place-items:center;width:34px;display:grid;box-shadow:0 0 18px}.actor-rune.red{background:var(--red)}.actor-rune.yellow{background:var(--yellow)}.actor-rune.green{background:var(--green)}.actor-rune.blue{background:var(--blue)}.dice-cinematic-copy small{color:#d8cff8;letter-spacing:.12em;font-size:clamp(10px,1.1vw,13px);font-weight:900}.dice-cinematic-copy strong{color:#fff;letter-spacing:.04em;text-shadow:0 0 20px #ffed9d7a,0 5px 15px #040119b3;font-size:clamp(25px,3.8vw,44px);font-weight:1000}.dice-cinematic-backdrop.revealed .dice-cinematic-copy strong{color:#fff2a6;animation:.62s cubic-bezier(.2,.9,.25,1.2) both resultPop}.dice-magic-ring{z-index:1;aspect-ratio:1;border:2px solid #beaeff33;border-radius:50%;width:min(68vw,680px);position:absolute;box-shadow:inset 0 0 40px #9577ff1f,0 0 40px #9577ff1f}.dice-magic-ring:before,.dice-magic-ring:after{content:"";border-radius:50%;position:absolute}.dice-magic-ring:before{border:1px dashed #ffd66b5c;inset:9%}.dice-magic-ring:after{border:1px solid #5fe3c142;inset:23%}.dice-magic-ring.ring-one{animation:7s linear infinite ringSpin}.dice-magic-ring.ring-two{width:min(48vw,480px);animation:5s linear infinite ringSpinReverse}.dice-spark-field{pointer-events:none;position:absolute;inset:0}.dice-spark-field i{z-index:2;color:#fff1a2;text-shadow:0 0 12px;font-size:clamp(13px,2vw,28px);font-style:normal;animation:1.4s ease-in-out infinite alternate cinematicSpark;position:absolute}.dice-spark-field i:first-child{top:22%;left:24%}.dice-spark-field i:nth-child(2){animation-delay:-.7s;top:30%;right:22%}.dice-spark-field i:nth-child(3){color:var(--mint);animation-delay:-.35s;bottom:25%;right:30%}.dice-spark-field i:nth-child(4){color:var(--pink);animation-delay:-1s;bottom:28%;left:27%}.dice-spark-field i:nth-child(5){color:#d7c7ff;animation-delay:-.5s;top:18%;left:53%}.right-panel .avatar{flex-basis:58px;width:58px}.word-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(155deg,#4e3ba9e0,#231767f0);border:1px solid #e2d8ff7a;border-radius:28px;padding:16px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff47,0 18px 38px #0703236e,0 0 28px #aa81ff29}.word-card:before{content:"";filter:blur(28px);background:#ab7fff42;border-radius:50%;width:210px;height:100px;position:absolute;top:-50px;left:50%;transform:translate(-50%)}.word-card.correct{border-color:var(--mint);box-shadow:inset 0 1px #ffffff47,0 0 28px #5fe3c157,0 18px 38px #0703236e}.word-card.wrong{border-color:var(--pink);animation:.38s softShake}.card-kicker{color:#f5efff;letter-spacing:.05em;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:900;display:flex;position:relative}.card-kicker span{color:var(--gold);font-size:11px}.word-line{justify-content:center;align-items:center;gap:12px;margin:12px 0 5px;display:flex;position:relative}.word-line div{flex-direction:column;align-items:center;display:flex}.word-line strong{color:#fff;font-family:var(--font-geist-sans), sans-serif;letter-spacing:-.04em;text-shadow:0 4px 15px #07032380;font-size:clamp(32px,3vw,48px);font-weight:800;line-height:1}.word-line small{color:#cfc5ef;margin-top:5px;font-size:10px}.word-line button{aspect-ratio:1;cursor:pointer;background:linear-gradient(145deg,#7458d5,#4734a2);border:1px solid #ffffff85;border-radius:50%;place-items:center;width:44px;font-size:19px;transition:transform .18s;display:grid;box-shadow:inset 0 1px 1px #ffffff59,0 7px 15px #09042b66}.word-line button:hover{transform:scale(1.07)}.word-card>p{color:#e2dbfa;text-align:center;min-height:18px;margin:0 0 10px;font-size:10px;font-weight:700;line-height:1.5}.answer-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.answer-grid button{cursor:pointer;background:linear-gradient(145deg,#7358cfad,#3d2a88c2);border:1px solid #efe8ff8c;border-radius:14px;min-height:42px;padding:7px 5px;font-size:12px;font-weight:800;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;box-shadow:inset 0 1px #ffffff24,0 5px 12px #0803273d}.answer-grid button:hover:not(:disabled){border-color:var(--pink);transform:translateY(-2px);box-shadow:0 0 16px #ff8fb847}.answer-grid button:disabled{cursor:default}.answer-grid button.selected:not(.answer-correct){border-color:var(--pink);background:#ff8fb847}.answer-grid button.answer-correct{border-color:var(--mint);color:#ebfff9;background:#5fe3c142;box-shadow:0 0 14px #5fe3c13d}.learning-tip{color:var(--gold);background:#ffd66b14;border:1px solid #ffd66b33;border-radius:14px;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;display:flex}.learning-tip>span{font-size:18px}.learning-tip small{color:#e4dcff;font-size:9px;line-height:1.4}.learning-tip b{color:var(--gold)}.player-badges{flex-wrap:wrap;gap:4px;display:flex}.skip-badge,.roll-badge{white-space:nowrap;border-radius:999px;width:fit-content;padding:3px 6px;font-size:8px;font-weight:900}.skip-badge{color:#ffc2d8;background:#be33713d;border:1px solid #ff8fb88c}.roll-badge{color:#9bf3db;background:#1da08933;border:1px solid #5fe3c180}.board-cell.track.monster-cell i{color:#7c266f;background:#fff6;font-size:clamp(7px,.78vw,12px);font-weight:1000}.board-cell.track.mystery-cell i{color:#365f6f;background:#ffffff7a;font-size:clamp(7px,.85vw,13px);font-weight:1000}.magic-guide-card{flex-direction:column;gap:9px;display:flex}.guide-row{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:16px;align-items:center;gap:9px;padding:9px;display:flex;position:relative}.guide-row>i{aspect-ratio:1;color:#4d387d;background:linear-gradient(145deg,#fffdf8,#ddd8ee);border-radius:11px;flex:0 0 34px;place-items:center;width:34px;font-size:17px;font-style:normal;font-weight:1000;display:grid}.guide-row.monster>i{color:#7c266f;background:linear-gradient(145deg,#ffe1f2,#c994da)}.guide-row.mystery>i{color:#365f6f;background:linear-gradient(145deg,#fff5a8,#62dfca)}.guide-row div{flex-direction:column;gap:2px;min-width:0;display:flex}.guide-row b{color:#fff;font-size:11px}.guide-row small{color:#d8d0f1;font-size:8px;line-height:1.35}.current-magic{background:#ffd66b14;border:1px solid #ffd66b40;border-radius:15px;flex-direction:column;gap:4px;margin-top:2px;padding:10px;display:flex}.current-magic span{color:var(--gold);letter-spacing:.12em;font-size:8px;font-weight:900}.current-magic strong{color:#f8f3ff;font-size:9px;line-height:1.5}.encounter-cinematic,.resolution-cinematic{color:#fff;-webkit-backdrop-filter:blur(10px)saturate(.86);backdrop-filter:blur(10px)saturate(.86);opacity:1;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.encounter-cinematic{z-index:120;background:radial-gradient(circle at 50% 48%,#d256b53d,#0000 32%),#08031fd1}.encounter-cinematic.mystery{background:radial-gradient(circle at 50% 48%,#51e1c33d,#0000 31%),#07041ecc}.encounter-vortex{aspect-ratio:1;width:min(82vw,760px);position:absolute}.encounter-vortex i{border:2px solid #ff91c82b;border-radius:50%;animation:1.4s ease-out both encounterRing;position:absolute;inset:0;box-shadow:inset 0 0 40px #e24ba721,0 0 30px #e24ba71f}.encounter-vortex i:nth-child(2){border-style:dashed;border-color:#ffdc7b52;animation-delay:.1s;inset:15%}.encounter-vortex i:nth-child(3){border-color:#b297ff4d;animation-delay:.19s;inset:30%}.encounter-cinematic.mystery .encounter-vortex i{border-color:#5fe3c142;box-shadow:inset 0 0 40px #5fe3c11f,0 0 32px #ffd66b1c}.encounter-stage-copy{z-index:3;text-align:center;flex-direction:column;align-items:center;width:min(700px,94vw);display:flex;position:relative}.encounter-actor{letter-spacing:.08em;background:#100833b8;border:1px solid;border-radius:999px;margin-bottom:-6px;padding:6px 13px;font-size:10px;font-weight:900;box-shadow:0 0 18px}@supports (color:color-mix(in lab, red, red)){.encounter-actor{box-shadow:0 0 18px color-mix(in srgb, currentColor 30%, transparent)}}.encounter-actor.red{color:var(--red)}.encounter-actor.yellow{color:var(--yellow)}.encounter-actor.green{color:var(--green)}.encounter-actor.blue{color:var(--blue)}.monster-cinematic-art{aspect-ratio:1;filter:drop-shadow(0 22px 20px #0401198c)drop-shadow(0 0 25px #ff5eb64d);transform-origin:50% 80%;background:url(/star-mist-monster.webp) 50%/contain no-repeat;width:clamp(235px,35vw,390px);margin:-22px 0 -50px;animation:.76s cubic-bezier(.16,.88,.24,1.18) both monsterEntrance}.encounter-stage-copy>small{color:#ffb7dc;letter-spacing:.2em;text-shadow:0 0 12px #ff6fbc8c;font-size:clamp(9px,1vw,12px);font-weight:1000}.encounter-cinematic.mystery .encounter-stage-copy>small{color:#a9f6df;text-shadow:0 0 12px #5fe3c18c}.encounter-stage-copy h2{letter-spacing:-.03em;text-shadow:0 5px 20px #030114bf,0 0 25px #ff80c147;margin:8px 0 5px;font-size:clamp(26px,4.2vw,52px);font-weight:1000;animation:.56s cubic-bezier(.2,.9,.24,1.15) .26s both encounterTitle}.encounter-stage-copy p{color:#ded7f5;opacity:1;margin:0;font-size:clamp(11px,1.4vw,15px);font-weight:800}.mystery-crystal{aspect-ratio:1;clip-path:polygon(50% 0,88% 18%,100% 62%,71% 100%,29% 100%,0 62%,12% 18%);filter:drop-shadow(0 18px 20px #02011480);background:conic-gradient(from 20deg,#fff9bf,#5fe3c1,#7e65df,#ff9bc1,#fff9bf);place-items:center;width:clamp(145px,21vw,225px);margin:30px 0 20px;animation:.88s cubic-bezier(.16,.88,.24,1.14) both crystalArrival;display:grid;position:relative;box-shadow:0 0 55px #5fe3c18c}.mystery-crystal:before{clip-path:inherit;content:"";background:radial-gradient(circle at 35% 24%,#fff,#fef5a0 20%,#5fd7c4 52%,#5a43bc 86%);position:absolute;inset:11%}.mystery-crystal span{z-index:1;color:#293f5c;text-shadow:0 2px #ffffffb3,0 0 17px #fff;font-size:clamp(68px,10vw,112px);font-weight:1000;position:relative}.encounter-shockwave{aspect-ratio:1;border:3px solid #ffe99e80;border-radius:50%;width:min(28vw,280px);animation:.9s ease-out .22s both shockwave;position:absolute}.resolution-cinematic{z-index:112;background:radial-gradient(circle at 50% 48%,#ffd66b3d,#0000 33%),#08031fc2}.resolution-cinematic article{z-index:2;text-align:center;background:linear-gradient(145deg,#5d46bef5,#1d1255f7);border:1px solid #ffffff70;border-radius:36px;flex-direction:column;align-items:center;width:min(620px,92vw);padding:clamp(26px,5vw,52px);animation:.54s cubic-bezier(.18,.9,.23,1.12) both resolutionIn;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff4d,0 28px 70px #0301159e,0 0 50px #ffd0672e}.resolution-icon{aspect-ratio:1;color:#3e326a;background:radial-gradient(circle at 32% 25%,#fff,#fff3a0 42%,#63dfc7 74%,#7559ca);border:2px solid #ffffffd1;border-radius:31%;place-items:center;width:clamp(82px,13vw,124px);font-size:clamp(38px,6.5vw,68px);font-weight:1000;animation:1.15s ease-in-out both resolutionIcon;display:grid;box-shadow:0 0 36px #ffe57c8c,inset -7px -9px 15px #46338e38}.resolution-cinematic article small{color:var(--gold);letter-spacing:.18em;margin-top:14px;font-size:10px;font-weight:1000}.resolution-cinematic article h2{color:#fff;margin:8px 0 6px;font-size:clamp(23px,4vw,38px);line-height:1.25}.resolution-cinematic article p{color:#ded7f5;margin:0;font-size:clamp(10px,1.4vw,14px);font-weight:700}.resolution-rays{aspect-ratio:1;opacity:.34;background:repeating-conic-gradient(#ffe88d73 0deg 5deg,#0000 5deg 16deg);width:min(94vw,850px);animation:10s linear infinite ringSpin;position:absolute;-webkit-mask-image:radial-gradient(circle,#000 0 37%,#0000 72%);mask-image:radial-gradient(circle,#000 0 37%,#0000 72%)}.challenge-backdrop{z-index:90;-webkit-backdrop-filter:blur(7px)saturate(.82);backdrop-filter:blur(7px)saturate(.82);opacity:1;background:#08041fb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.challenge-panel{border-radius:34px;width:min(680px,100%);max-height:calc(100svh - 36px);padding:clamp(20px,3vw,32px);animation:.26s cubic-bezier(.2,.85,.3,1) both modalIn;overflow-y:auto}.challenge-topline{z-index:1;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.tile-chip,.actor-chip{border:1px solid #ffffff4d;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:900}.challenge-word{margin:22px 0 7px}.challenge-panel .challenge-word strong{font-size:clamp(42px,7vw,68px)}.challenge-prompt{min-height:0!important;margin-bottom:16px!important;font-size:12px!important}.public-answers{border:0;margin:0;padding:0}.public-answers button{min-height:54px;padding:10px 14px;font-size:15px}.public-answers:disabled button{opacity:.78}.challenge-result{color:#ded7f6;text-align:center;background:#0a062b40;border:1px solid #ffffff29;border-radius:15px;min-height:42px;margin-top:15px;padding:11px 14px;font-size:11px;font-weight:800;line-height:1.55}.challenge-result.visible{color:#b8f7e6;background:#34b69526;border-color:#5fe3c180}.challenge-result.visible.wrong{color:#ffc1d8;background:#c237752b;border-color:#ff8fb88c}.monster-stage{background:radial-gradient(circle at 10% 30%,#ff8fb833,#0000 36%),#140a3c73;border:1px solid #ff8fb852;border-radius:20px;align-items:center;gap:14px;margin:14px 0 4px;padding:11px 14px;display:flex;position:relative;overflow:hidden}.monster-figure{align-items:center;gap:8px;display:flex}.monster-mini-art{aspect-ratio:1;filter:drop-shadow(0 0 10px #ff62b38c);background:url(/star-mist-monster.webp) 50% 44%/128% no-repeat;flex:0 0 58px;width:58px;display:block}.monster-figure small,.monster-battle-copy b{color:#ffd7e9;font-size:10px;font-weight:900}.monster-battle-copy{flex:1;justify-content:space-between;align-items:flex-end;gap:10px;min-width:0;display:flex}.monster-hp{gap:6px;display:flex}.monster-hp i{aspect-ratio:1;color:#ffffff59;background:#ffffff14;border-radius:10px;place-items:center;width:30px;font-size:14px;font-style:normal;display:grid}.monster-hp i.hit{color:#fff4b2;background:linear-gradient(145deg,#ff947b,#d94f91);box-shadow:0 0 13px #ff6a9a7a}.attack-flash{color:#fff3a4;font-size:32px;animation:.7s ease-out both attackFlight;position:absolute;right:18%}.magic-event-panel{text-align:center;background:radial-gradient(circle at 50% 0,#ffd66b38,#0000 33%),linear-gradient(145deg,#533faefa,#1f145efa);border:1px solid #fff6;border-radius:34px;width:min(560px,100%);padding:clamp(24px,4vw,38px);animation:.26s cubic-bezier(.2,.85,.3,1) both modalIn;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff47,0 30px 80px #0401169e,0 0 50px #916ef640}.event-orb{aspect-ratio:1;color:#3d3861;background:radial-gradient(circle at 35% 28%,#fff,#fff19a 42%,#5fe3c1 72%,#7c58d5);border:2px solid #ffffffb3;border-radius:50%;place-items:center;width:88px;margin:0 auto 12px;font-size:46px;font-weight:1000;animation:2.2s ease-in-out infinite crystalFloat;display:grid;box-shadow:0 0 35px #ffe17080,inset -8px -9px 18px #4334983d}.magic-event-panel>small{color:var(--gold);letter-spacing:.16em;font-size:10px;font-weight:900}.magic-event-panel h2{color:#fff;margin:9px 0;font-size:clamp(22px,4vw,32px);line-height:1.25}.magic-event-panel p{color:#ded7f7;margin:0 0 18px;font-size:12px;line-height:1.6}.event-action{color:#243f49;cursor:pointer;background:linear-gradient(135deg,#fff19c,#5fe3c1);border:1px solid #fff6b8;border-radius:18px;width:min(310px,100%);min-height:54px;font-size:18px;font-weight:1000;box-shadow:inset 0 2px 2px #ffffff8c,0 7px #309e90,0 15px 26px #1fcfae3d}.event-action.reward{color:#4c2b55;background:linear-gradient(135deg,#ffe384,#ff90bb);box-shadow:inset 0 2px 2px #ffffff8c,0 7px #bd527f,0 15px 26px #ff64a43d}.event-action:disabled{cursor:default;filter:grayscale(.35);opacity:.5}.target-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.target-grid button{cursor:pointer;background:#ffffff14;border:1px solid;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:100px;padding:10px;display:flex}.target-grid button.red{color:var(--red)}.target-grid button.yellow{color:var(--yellow)}.target-grid button.green{color:var(--green)}.target-grid button.blue{color:var(--blue)}.target-grid button span{font-size:23px}.target-grid button b{color:#fff;font-size:13px}.target-grid button small{color:#d8d0f1;font-size:8px}.target-grid button:disabled{cursor:default;opacity:.52}.spectator-lock{color:#cfc7e9;margin-top:14px;font-size:10px;font-weight:800}.skip-overlay .event-orb{color:#fff;background:radial-gradient(circle at 35% 28%,#fff,#9bd5ff 48%,#7462e1 78%);box-shadow:0 0 38px #84c2ff8c}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;background:#08041fad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.rules-modal,.result-modal,.room-modal{background:linear-gradient(145deg,#533faefa,#1f145efa);border:1px solid #ffffff6b;border-radius:32px;width:min(440px,100%);padding:28px;animation:.26s cubic-bezier(.2,.85,.3,1) both modalIn;position:relative;box-shadow:inset 0 1px #ffffff47,0 30px 80px #0401169e,0 0 50px #916ef640}.close-modal{aspect-ratio:1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:36px;font-size:22px;display:grid;position:absolute;top:14px;right:14px}.rules-icon,.trophy{text-align:center;filter:drop-shadow(0 8px 12px #0401146b);font-size:48px;display:block}.rules-modal h2,.result-modal h2,.room-modal h2{text-align:center;margin:8px 0 18px;font-size:28px;font-weight:1000}.rules-modal ol{counter-reset:rules;flex-direction:column;gap:10px;margin:0 0 22px;padding:0;list-style:none;display:flex}.rules-modal li{color:#ddd6f8;counter-increment:rules;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:15px;padding:10px 10px 10px 42px;font-size:12px;line-height:1.55;position:relative}.rules-modal li:before{aspect-ratio:1;color:#2a1b5b;background:var(--gold);content:counter(rules);border-radius:8px;place-items:center;width:24px;font-weight:900;display:grid;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.rules-modal b{color:#fff}.primary-modal-button,.result-modal button{color:#173d48;background:linear-gradient(135deg, #a8f8e4, var(--mint));cursor:pointer;border:1px solid #d9fff4;border-radius:16px;width:100%;min-height:48px;font-weight:900;box-shadow:0 6px #2a9e92}.result-modal{text-align:center}.result-modal p{color:var(--gold);letter-spacing:.18em;margin:8px 0 0;font-size:12px;font-weight:900}.room-modal{scrollbar-width:thin;scrollbar-color:#ffffff3d transparent;width:min(470px,100%);max-height:min(760px,100svh - 28px);overflow-y:auto}.room-intro{color:#ddd6f8;text-align:center;margin:-8px auto 18px;font-size:12px;line-height:1.65}.room-intro b{color:var(--gold);letter-spacing:.1em;font-size:16px}.room-field{flex-direction:column;gap:7px;margin-bottom:12px;display:flex}.room-field span{color:#d8d0f4;font-size:10px;font-weight:800}.room-field input,.join-row input{color:#fff;background:#0f083773;border:1px solid #ffffff38;border-radius:15px;outline:none;width:100%;min-height:48px;padding:0 14px;font-size:14px;font-weight:800;transition:border-color .16s,box-shadow .16s;box-shadow:inset 0 2px 4px #07031f47}.room-field input:focus,.join-row input:focus{border-color:var(--mint);box-shadow:inset 0 2px 4px #07031f47,0 0 0 3px #5fe3c124}.room-field input::placeholder,.join-row input::placeholder{color:#9186bc}.create-room-button{color:#173d48;background:linear-gradient(135deg, #a8f8e4, var(--mint));cursor:pointer;border:1px solid #d9fff4;border-radius:16px;width:100%;min-height:49px;font-size:14px;font-weight:1000;transition:transform .15s,filter .15s;box-shadow:inset 0 1px 1px #ffffff8c,0 6px #2a9e92,0 12px 20px #14d0b32e}.create-room-button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.create-room-button:disabled{cursor:wait;filter:grayscale(.3);opacity:.7}.room-divider{color:#a99fcc;align-items:center;gap:10px;margin:18px 0 12px;font-size:9px;font-weight:800;display:flex}.room-divider:before,.room-divider:after{content:"";background:#ffffff24;flex:1;height:1px}.join-row{grid-template-columns:1fr 84px;gap:8px;display:grid}.join-row input{letter-spacing:.16em;text-align:center;font-size:18px}.join-row button{color:#2b1c5f;background:linear-gradient(145deg, #ffe999, var(--gold));cursor:pointer;border:1px solid #ffffff80;border-radius:15px;font-weight:1000;box-shadow:0 5px #bd8c24}.join-row button:disabled{cursor:not-allowed;filter:grayscale(.65);opacity:.55}.demo-link{color:#cfc6ee;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;width:fit-content;margin:17px auto 0;padding:5px 8px;font-size:10px;font-weight:800;-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40;display:block}.big-room-code{background:#ffd66b17;border:1px solid #ffd66b59;border-radius:20px;grid-template-columns:1fr auto;align-items:end;margin-bottom:16px;padding:14px 16px;display:grid}.big-room-code small{color:#d8d0ef;grid-column:1;font-size:9px;font-weight:800}.big-room-code strong{color:var(--gold);letter-spacing:.2em;text-shadow:0 0 18px #ffd66b4d;grid-column:1;font-size:36px;font-weight:1000;line-height:1.1}.big-room-code button{cursor:pointer;background:#ffffff1a;border:1px solid #ffffff59;border-radius:999px;grid-area:1/2/span 2;align-self:center;padding:8px 12px;font-size:10px;font-weight:900}.seat-grid{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px;display:grid}.seat-card{border:1px solid;grid-template-columns:47px 1fr;align-items:center;gap:0 9px;min-height:66px;padding:8px;display:grid}@supports (color:color-mix(in lab, red, red)){.seat-card{border:1px solid color-mix(in srgb, currentColor 45%, transparent)}}.seat-card{background:currentColor;border-radius:17px}@supports (color:color-mix(in lab, red, red)){.seat-card{background:color-mix(in srgb, currentColor 12%, #150c43bf)}}.seat-card.red{color:var(--red)}.seat-card.yellow{color:var(--yellow)}.seat-card.green{color:var(--green)}.seat-card.blue{color:var(--blue)}.seat-card .avatar{grid-row:1/span 2;width:47px}.seat-card strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.seat-card small{color:currentColor;font-size:8px;font-weight:800}.seat-card.empty{opacity:.58;border-style:dashed}.seat-card.empty .avatar{box-shadow:none;background-image:none;border-style:dashed;position:relative}.seat-card.empty .avatar:after{content:"+";color:currentColor;font-size:25px;font-weight:500;position:absolute}.waiting-note,.online-summary{min-height:49px;color:var(--gold);background:#ffd66b14;border:1px solid #ffd66b33;border-radius:16px;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:900;display:flex}.waiting-note span{animation:1.4s ease-in-out infinite alternate twinkle}.online-summary{color:var(--mint);background:#5fe3c114;border-color:#5fe3c13d;justify-content:flex-start;margin-bottom:16px;padding:10px 14px}.online-summary>span{text-shadow:0 0 10px var(--mint)}.online-summary div{flex-direction:column;display:flex}.online-summary strong{color:#fff;font-size:12px}.online-summary small{color:#b9b0dd;font-size:9px}.room-error{color:#ffdbe7;text-align:center;background:#ff6b7524;border-radius:10px;margin:12px 0 0;padding:8px;font-size:10px;font-weight:800}.room-error.success{color:#d9fff4;background:#5fe3c124}@keyframes twinkle{0%{opacity:.38;transform:scale(.8)}to{opacity:.92;transform:scale(1.25)}}@keyframes playerPulse{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}@keyframes planeReady{0%,to{box-shadow:0 5px 8px #10083457,0 0 #ffd66bb3}50%{transform:translate(-50%,-58%)scale(1.1);box-shadow:0 7px 10px #10083466,0 0 0 8px #ffd66b00}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes softShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:1;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes attackFlight{0%{opacity:0;transform:translate(-180px,24px)rotate(-18deg)scale(.7)}55%{opacity:1}to{opacity:0;transform:translate(82px,-8px)rotate(-18deg)scale(1.35)}}@keyframes crystalFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-7px)rotate(2deg)}}@keyframes planeTrail{0%{opacity:.45;transform:translate(-50%,10%)scale(.78)}to{opacity:1;transform:translate(-50%,32%)scale(1.15)}}@keyframes diceTumble{0%{transform:translateY(-42px)rotateX(0)rotateY(0)rotate(0)scale(.82)}22%{transform:translateY(15px)rotateX(145deg)rotateY(105deg)rotate(34deg)scale(1.04)}46%{transform:translateY(-26px)rotateX(310deg)rotateY(238deg)rotate(94deg)scale(.96)}72%{transform:translateY(11px)rotateX(492deg)rotateY(385deg)rotate(148deg)scale(1.03)}to{transform:translateY(-42px)rotateX(720deg)rotateY(540deg)rotate(220deg)scale(.82)}}@keyframes diceShadow{0%{opacity:.36;transform:translate(-50%)scale(.72)}to{opacity:.78;transform:translate(-50%)scale(1.08)}}@keyframes diceRevealShadow{0%{opacity:.3;transform:translate(-50%)scale(.7)}to{opacity:.82;transform:translate(-50%)scale(1)}}@keyframes resultPop{0%{opacity:1;transform:translateY(10px)scale(.65)}70%{opacity:1;transform:translateY(0)scale(1.12)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes ringSpinReverse{to{transform:rotate(-360deg)}}@keyframes cinematicSpark{0%{opacity:.25;transform:translateY(8px)rotate(0)scale(.65)}to{opacity:1;transform:translateY(-8px)rotate(35deg)scale(1.2)}}@keyframes encounterRing{0%{opacity:.4;transform:scale(.25)rotate(-35deg)}55%{opacity:1}to{opacity:.55;transform:scale(1)rotate(12deg)}}@keyframes monsterEntrance{0%{opacity:1;transform:translateY(-38px)scale(.72)rotate(-8deg)}62%{opacity:1;transform:translateY(10px)scale(1.08)rotate(2deg)}78%{transform:translateY(-6px)scale(.98)rotate(-1deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes crystalArrival{0%{opacity:1;transform:translateY(-28px)rotate(-45deg)scale(.62)}65%{opacity:1;transform:translateY(12px)rotate(8deg)scale(1.08)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes encounterTitle{0%{opacity:1;letter-spacing:.08em;transform:translateY(15px)scale(.8)}to{opacity:1;letter-spacing:-.03em;transform:translateY(0)scale(1)}}@keyframes shockwave{0%{opacity:.85;transform:scale(.3)}to{opacity:0;transform:scale(4.5)}}@keyframes resolutionIn{0%{opacity:1;transform:translateY(22px)scale(.88)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes resolutionIcon{0%{opacity:1;transform:rotate(-42deg)scale(.58)}58%{opacity:1;transform:rotate(7deg)scale(1.12)}78%{transform:rotate(-3deg)scale(.96)}to{opacity:1;transform:rotate(0)scale(1)}}@media (width<=1180px){.game-layout{grid-template-columns:145px minmax(480px,650px) 230px;gap:10px}.player-card{padding:9px}.avatar{flex-basis:54px;width:54px}.team-dot{display:none}.word-card{padding:13px}}@media (width<=980px){.game-page{overflow:visible}.topbar{grid-template-columns:1fr auto}.room-pill{grid-area:2/1/auto/-1;justify-self:center;margin-top:8px}.top-actions{grid-area:1/2}.game-layout{grid-template-columns:minmax(0,740px)}.player-rail,.right-panel{grid-template-columns:1fr 1fr;min-height:0;padding:0;display:grid}.left-rail{order:2}.rail-spacer{display:none}.board-column{order:1}.right-panel{order:3}.right-panel .word-card{grid-area:1/1/auto/-1}.right-panel .player-card{grid-row:2}.player-card{min-height:92px}.word-card{justify-self:center;width:min(520px,100%)}}@media (width<=640px){.game-page{padding:8px 7px 18px}.topbar{border-radius:18px;min-height:58px;padding:7px 9px}.brand-star{border-radius:11px;flex-basis:34px;width:34px;font-size:19px}.brand{gap:8px}.brand b{font-size:20px}.brand small,.top-actions button{display:none}.top-actions button:first-child{place-items:center;width:38px;padding:0;display:grid}.top-actions button:first-child span{font-size:18px}.room-pill{min-height:36px;padding:4px 6px 4px 12px;font-size:11px}.room-pill b{font-size:16px}.room-pill em{padding:5px 8px;font-size:9px}.turn-banner{width:98%;font-size:10px}.live-dot{display:none}.board-shell{border-radius:9%;width:100%}.plane-piece{width:6%}.plane-piece span{font-size:11px}.action-dock{grid-template-columns:1fr 50px;gap:8px;width:98%;min-height:74px;padding:8px}.turn-copy{display:none}.roll-button{min-height:50px;font-size:18px}.dice-face{border-radius:13px;width:47px;padding:7px;box-shadow:inset -4px -4px 6px #43356224,0 5px #a59abf,0 9px 13px #06031e57}.dice-face i{width:6px;height:6px}.player-rail,.right-panel{gap:8px}.player-card,.right-panel .player-card{border-radius:18px;min-height:78px;padding:8px}.avatar,.right-panel .avatar{border-width:2px;flex-basis:46px;width:46px}.player-name-row strong{font-size:14px}.player-status{padding:3px 6px;font-size:8px}.star-row b{font-size:12px}.word-card{border-radius:22px;padding:14px}.word-line strong{font-size:37px}.answer-grid button{min-height:44px;font-size:12px}.challenge-backdrop{padding:8px}.challenge-panel,.magic-event-panel{border-radius:24px;max-height:calc(100svh - 16px);padding:18px 13px;overflow-y:auto}.challenge-topline{gap:5px}.tile-chip,.actor-chip{padding:6px 8px;font-size:8px}.challenge-panel .challenge-word{margin:14px 0 5px}.challenge-panel .challenge-word strong{font-size:42px}.public-answers button{min-height:50px;padding:8px 6px;font-size:12px}.monster-stage{gap:8px;margin-top:10px;padding:8px}.monster-mini-art{flex-basis:44px;width:44px}.monster-figure small{display:none}.monster-battle-copy{align-items:center}.monster-hp i{border-radius:8px;width:25px}.target-grid{grid-template-columns:1fr}.target-grid button{min-height:74px}.event-orb{width:72px;font-size:38px}.cinematic-dice-scene{--dice-size:126px;margin-top:-12vh}.dice-cinematic-copy{top:calc(50% + 82px)}.dice-magic-ring{width:94vw}.dice-magic-ring.ring-two{width:72vw}.monster-cinematic-art{width:min(74vw,310px);margin:-18px 0 -42px}.mystery-crystal{width:145px;margin:20px 0 15px}.encounter-stage-copy h2{font-size:29px}.encounter-stage-copy p{width:min(320px,90vw);line-height:1.5}.resolution-cinematic article{border-radius:26px;padding:24px 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--bg-deep:#090625;--bg-mid:#19154d;--surface-hud:#181345e6;--surface-raised:#2a2364;--surface-book:#fff8e9;--surface-path:#f4efff;--violet:#8068ee;--violet-bright:#a690ff;--team-red:#f4697e;--team-yellow:#f3c84f;--team-green:#49c991;--team-blue:#5d9fef;--text-main:#fffaf2;--text-sub:#cbc5e6;--text-on-book:#35275f;--stroke-soft:#ffffff26;--stroke-strong:#ffffff52;--shadow-low:0 7px 16px #0402184d;--shadow-mid:0 18px 42px #04021875;--shadow-high:0 34px 90px #0402189e;--ease-pop:cubic-bezier(.2, .9, .2, 1.15);--ease-move:cubic-bezier(.25, .75, .25, 1)}.game-page{background:linear-gradient(#0b07280a,#08041d57),url(/magic-sky-background.webp) 50%/cover fixed,#100b38;min-height:100svh;padding:10px 16px 18px}.game-page:before{z-index:-2;background:radial-gradient(circle at 17% 26%, var(--red), transparent 20%), radial-gradient(circle at 84% 26%, var(--yellow), transparent 20%), radial-gradient(circle at 18% 80%, var(--blue), transparent 23%), radial-gradient(circle at 84% 80%, var(--green), transparent 23%)}@supports (color:color-mix(in lab, red, red)){.game-page:before{background:radial-gradient(circle at 17% 26%, color-mix(in srgb, var(--red) 24%, transparent), transparent 20%), radial-gradient(circle at 84% 26%, color-mix(in srgb, var(--yellow) 20%, transparent), transparent 20%), radial-gradient(circle at 18% 80%, color-mix(in srgb, var(--blue) 22%, transparent), transparent 23%), radial-gradient(circle at 84% 80%, color-mix(in srgb, var(--green) 20%, transparent), transparent 23%)}}.game-page:before{opacity:.58}.game-page:after{z-index:-1;content:"";pointer-events:none;background:radial-gradient(at 50% 46%,#0000 38%,#03011370 100%);position:fixed;inset:0}.sky-haze{z-index:-1;filter:blur(80px);pointer-events:none;background:#9470ff29;border-radius:50%;width:36vw;height:36vw;animation:10s ease-in-out infinite alternate skyDrift;position:fixed}.haze-a{top:8%;left:19%}.haze-b{background:#45d7c01c;animation-delay:-5s;bottom:2%;right:15%}.topbar{background:linear-gradient(180deg, #4e3da7d1, #1c1452f0), var(--surface-hud);-webkit-backdrop-filter:blur(12px)saturate(1.1);backdrop-filter:blur(12px)saturate(1.1);border:1px solid #e2d9ff6b;border-radius:24px;width:min(1480px,100%);min-height:70px;margin-bottom:10px;padding:8px 13px;box-shadow:inset 0 1px #ffffff5c,inset 0 -4px 9px #08032547,0 8px #0804265c,0 18px 45px #05021d6b}.brand{gap:12px}.brand-star{background:radial-gradient(circle at 32% 25%,#fffbd6 0 7%,#0000 8%),linear-gradient(145deg,#ffe886 0%,#ffbd54 56%,#e8833f 100%);border:2px solid #fff5c2;border-radius:16px;flex-basis:48px;width:48px;display:grid;position:relative;transform:rotate(-5deg);box-shadow:inset 0 3px 3px #ffffff8a,inset 0 -6px 9px #a94c1833,0 5px #a96735,0 8px 20px #ffc24957}.brand-star i{aspect-ratio:1;color:#fffbe8;text-shadow:0 2px 3px #793a1961;background:#8b4a1f2e;border-radius:50%;place-items:center;width:26px;font-size:19px;font-style:normal;display:grid}.brand b{letter-spacing:-.045em;font-size:clamp(23px,2vw,31px)}.brand small{color:#dcd5f6;letter-spacing:.11em;font-size:10px;font-weight:700}.room-pill{background:linear-gradient(#150f40bd,#0c082cb8);border:1px solid #ffffff40;min-height:46px;padding:5px 7px 5px 14px;box-shadow:inset 0 1px #ffffff29,0 6px 15px #06021c47}.room-pill small{color:#bfb7dc;letter-spacing:.08em;font-size:10px;font-weight:800}.room-pill .room-signal{color:var(--mint);filter:drop-shadow(0 0 5px var(--mint));font-size:9px}.room-pill b{font-size:19px}.room-pill em{color:#33234e;background:linear-gradient(145deg,#fff7c5,#ffd66b);border:1px solid #ffffff94;padding:8px 12px;box-shadow:inset 0 1px 1px #fff,0 3px #b98832}.top-actions button{background:linear-gradient(#ffffff21,#ffffff0f);border-color:#ffffff38;min-height:42px;padding:6px 13px;font-size:11px}.hud-icon{aspect-ratio:1;color:#fff4ba;background:#0905264d;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:24px;font-weight:900;display:grid;font-size:13px!important}.game-layout{grid-template-columns:minmax(178px,208px) minmax(470px,660px) minmax(245px,282px);gap:clamp(12px,1.3vw,21px);width:min(1460px,100%)}.mobile-player-hud{display:none}.player-rail,.right-panel{gap:15px}.left-rail{min-height:min(100svh - 124px,790px);padding:34px 0 16px}.rail-spacer{background:radial-gradient(circle,#644cc92e,#0c072d47);border-color:#dccfff2e;width:102px;box-shadow:inset 0 0 24px #9677ff1a,0 12px 28px #04011833}.player-card{background:linear-gradient(145deg, #3a2f7ff5, #19124cf5), var(--surface-raised);min-height:112px;box-shadow:inset 0 1px 0 #ffffff40, inset 0 -4px 7px #06022138, 0 7px 0 #06032361, var(--shadow-low);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid #e0d8ff57;border-radius:23px;padding:12px 11px}.player-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff8f,#0000);width:58%;height:1px;position:absolute;top:0;left:14%}.player-card:after{filter:blur(24px);opacity:.18;width:78px;height:78px;bottom:-28px;right:-18px}.player-card.active{border-color:currentColor}@supports (color:color-mix(in lab, red, red)){.player-card.active{border-color:color-mix(in srgb, currentColor 82%, white 18%)}}.player-card.active{box-shadow:inset 0 1px #ffffff57,0 0 0 2px,0 0 28px,0 8px,0 18px 38px #05021d75}@supports (color:color-mix(in lab, red, red)){.player-card.active{box-shadow:inset 0 1px 0 #ffffff57, 0 0 0 2px color-mix(in srgb, currentColor 44%, transparent), 0 0 28px color-mix(in srgb, currentColor 40%, transparent), 0 8px 0 color-mix(in srgb, currentColor 34%, #160d43 66%), 0 18px 38px #05021d75}}.player-card.active{animation:none;transform:translateY(-3px)scale(1.015)}.active-ribbon{z-index:3;border:1px solid;padding:3px 7px;position:absolute;top:7px;right:8px}@supports (color:color-mix(in lab, red, red)){.active-ribbon{border:1px solid color-mix(in srgb, currentColor 52%, transparent)}}.active-ribbon{color:currentColor;background:currentColor;border-radius:999px}@supports (color:color-mix(in lab, red, red)){.active-ribbon{background:color-mix(in srgb, currentColor 18%, #1b124a 82%)}}.active-ribbon{letter-spacing:.08em;font-size:7px;font-weight:900}.avatar-shell{flex:0 0 68px;width:68px;position:relative}.avatar{border:3px solid #fffdf4;width:68px;box-shadow:0 0 0 3px,inset 0 0 0 1px #ffffff40,0 7px #0804276b,0 12px 21px #05021b5c}@supports (color:color-mix(in lab, red, red)){.avatar{box-shadow:0 0 0 3px color-mix(in srgb, currentColor 58%, transparent), inset 0 0 0 1px #ffffff40, 0 7px 0 #0804276b, 0 12px 21px #05021b5c}}.seat-number{aspect-ratio:1;color:#24194e;background:currentColor;border:2px solid #fffdf4;border-radius:50%;place-items:center;width:20px;font-size:9px;font-weight:1000;display:grid;position:absolute;bottom:-2px;right:-1px;box-shadow:0 3px 7px #05021d66}.player-copy{gap:5px}.player-name-row{padding-right:2px}.player-name-row strong{font-size:clamp(15px,1.25vw,20px)}.team-dot{margin-top:18px;font-size:9px}.player-status{padding:4px 8px;font-size:10px}.player-progress-row{justify-content:space-between;align-items:center;gap:7px;display:flex}.fleet-meter{gap:3px;display:flex}.fleet-meter i{aspect-ratio:1;color:#ffffff2e;background:#0804243d;border:1px solid #ffffff29;border-radius:6px;place-items:center;width:15px;font-size:7px;font-style:normal;display:grid}.fleet-meter i.airborne{color:#fff;background:currentColor}@supports (color:color-mix(in lab, red, red)){.fleet-meter i.airborne{background:color-mix(in srgb, currentColor 45%, #241751 55%)}}.fleet-meter i.airborne{box-shadow:0 0 7px}@supports (color:color-mix(in lab, red, red)){.fleet-meter i.airborne{box-shadow:0 0 7px color-mix(in srgb, currentColor 48%, transparent)}}.fleet-meter i.arrived{color:#fff6ba;background:linear-gradient(145deg,#f7c84d,#b97b26);border-color:#ffde70a6;box-shadow:0 0 8px #ffd36a73}.learning-score{color:#fff0a8;align-items:center;gap:3px;font-size:10px;display:flex}.learning-score span{text-shadow:0 0 7px #ffd66ba6;font-size:12px}.learning-score b{color:#fff;font-size:11px}.board-column{gap:8px}.turn-banner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#291e6aeb,#120c3ceb);border-color:#e1d8ff47;width:min(650px,97%);min-height:40px;padding:5px 7px;box-shadow:inset 0 1px #ffffff2e,0 5px #0603215c,0 12px 24px #05021b47}.turn-owner{grid-template-rows:auto auto;grid-template-columns:28px 1fr;align-items:center;column-gap:7px;min-width:122px;display:grid}.turn-owner .mini-orb{grid-row:1/3;width:28px;box-shadow:inset 0 1px 1px #ffffff80,0 3px #08042657}.turn-owner small{color:#a9a0cc;letter-spacing:.12em;font-size:7px;font-weight:900}.turn-owner b{color:#fff;font-size:11px;line-height:1}.turn-banner>strong{font-size:11px}.live-dot{justify-content:flex-end;min-width:72px;font-size:8px}.board-shell{background:linear-gradient(145deg,#6252b1 0%,#372b82 36%,#1d165c 74%,#100b3d 100%);border:3px solid #cfc3ffa6;border-radius:11.5%;width:min(100%,100svh - 222px,660px);padding:3.7%;box-shadow:inset 0 4px 4px #ffffff4d,inset 0 -15px 26px #05021f85,0 9px #0b0735,0 18px #06031d52,0 32px 70px #04011994,0 0 55px #8263f133}.board-shell:before{z-index:0;background:linear-gradient(145deg,#3b3084db,#120c3deb),radial-gradient(circle at 50% 45%,#8068ee61,#0000 48%);border:2px solid #e7e0ff47;border-radius:9.8%;inset:2.15%;box-shadow:inset 0 3px 12px #ffffff14,inset 0 -12px 22px #04021a73}.board-shell:after{z-index:12;content:"";pointer-events:none;background:linear-gradient(125deg,#ffffff17,#0000 18% 78%,#ffffff0a);border:1px solid #fff3;border-radius:10.5%;position:absolute;inset:1.35%}.board-ambient{z-index:1;filter:blur(16px);pointer-events:none;background:radial-gradient(circle,#8a6fff33,#0000 48%);border-radius:9%;position:absolute;inset:7%}.frame-gem{z-index:14;aspect-ratio:1;background:radial-gradient(circle at 34% 28%,#fff 0 13%,#d8ccff 15% 31%,#8068ee 55%,#352176 100%);border:1px solid #ffffffb8;border-radius:50%;width:2.7%;position:absolute;box-shadow:0 0 9px #a690ffb3,inset 0 -2px 3px #24125166}.gem-nw{top:2.6%;left:4.1%}.gem-ne{top:2.6%;right:4.1%}.gem-sw{bottom:2.6%;left:4.1%}.gem-se{bottom:2.6%;right:4.1%}.island{z-index:1;opacity:.98;filter:none;border-radius:30%;width:38.3%;height:38.3%}.island:before{background:radial-gradient(circle at 30% 20%,#fff6,#0000 25%),linear-gradient(145deg,currentColor,currentColor 58%,currentColor);border:3px solid #ffffff52;border-radius:28%;inset:6%}@supports (color:color-mix(in lab, red, red)){.island:before{background:radial-gradient(circle at 30% 20%, #fff6, transparent 25%), linear-gradient(145deg, color-mix(in srgb, currentColor 82%, white 18%), currentColor 58%, color-mix(in srgb, currentColor 58%, #201453 42%))}}.island:before{box-shadow:inset 0 4px 5px #ffffff38,inset 0 -18px 26px #190b3747,0 8px,0 16px 27px #05021d61}@supports (color:color-mix(in lab, red, red)){.island:before{box-shadow:inset 0 4px 5px #ffffff38, inset 0 -18px 26px #190b3747, 0 8px 0 color-mix(in srgb, currentColor 45%, #171042 55%), 0 16px 27px #05021d61}}.island:after{display:none}.island-red{color:#e75b73}.island-yellow{color:#d9aa39}.island-blue{color:#477fd4}.island-green{color:#3ba878}.board-grid{z-index:3;border-radius:7.8%;gap:clamp(1.5px,.22vw,3px);inset:4.8%;overflow:visible}.board-cell.base{border-radius:19%}.board-cell.base.red{background:#f4697e1a}.board-cell.base.yellow{background:#f3c84f1a}.board-cell.base.green{background:#49c9911a}.board-cell.base.blue{background:#5d9fef1a}.board-cell.track,.board-cell.home{background:radial-gradient(circle at 28% 22%,#fffffff0,#0000 18%),linear-gradient(145deg,#fffdf8 0%,#eee9fa 54%,#c9bedf 100%);border:2px solid #ffffffc2;border-radius:25%;transform:translateY(-1px);box-shadow:inset 0 2px 2px #ffffffe6,inset 0 -3px 4px #4532712e,0 3px #766397,0 5px 8px #07032242}.board-cell.track i,.board-cell.home i{color:#49387357;background:#5d4b881a;width:40%;font-size:clamp(5px,.68vw,10px)}.board-cell.home.red,.board-cell.launch-cell.red{background:linear-gradient(145deg,#ff9ca9,#ee6077 58%,#bd3858);border-color:#ffd1d8;box-shadow:inset 0 2px 2px #ffffff8c,0 3px #8f2945,0 5px 8px #07032242}.board-cell.home.yellow,.board-cell.launch-cell.yellow{background:linear-gradient(145deg,#ffe78a,#f0be3e 58%,#b77920);border-color:#fff2a7;box-shadow:inset 0 2px 2px #ffffff8c,0 3px #8c5d1c,0 5px 8px #07032242}.board-cell.home.green,.board-cell.launch-cell.green{background:linear-gradient(145deg,#8ce5b8,#43c58b 58%,#25845c);border-color:#c1f7db;box-shadow:inset 0 2px 2px #ffffff8c,0 3px #246c50,0 5px 8px #07032242}.board-cell.home.blue,.board-cell.launch-cell.blue{background:linear-gradient(145deg,#91c9ff,#589be9 58%,#3264b5);border-color:#d1e8ff;box-shadow:inset 0 2px 2px #ffffff8c,0 3px #2a508e,0 5px 8px #07032242}.board-cell.track.monster-cell{background:radial-gradient(circle at 30% 20%,#ffffffc7,#0000 20%),linear-gradient(145deg,#ffcaea,#c66fce 55%,#7d3aa5);border-color:#ffc3e5;box-shadow:inset 0 2px 2px #fff9,0 3px #6d2d85,0 0 12px #e561be7a}.board-cell.track.monster-cell i{color:#fff2fb;background:#571b686b;box-shadow:inset 0 1px 1px #ffffff40,0 0 6px #ffffff59}.board-cell.track.mystery-cell{background:radial-gradient(circle at 30% 20%,#ffffffdb,#0000 20%),linear-gradient(145deg,#fff49f,#63dcc3 54%,#39a5a1);border-color:#eaffd6;box-shadow:inset 0 2px 2px #ffffffad,0 3px #277c7a,0 0 12px #69e5c77a}.board-cell.track.mystery-cell i{color:#31516c;background:#ffffff94;box-shadow:0 0 7px #fff6a0b8}.center-crystal{z-index:7;clip-path:none;filter:drop-shadow(0 8px 7px #05021f80)drop-shadow(0 0 14px #ffe2755c);width:22.4%;box-shadow:none;background:url(/center-star-gate.webp) 50%/contain no-repeat;animation:3.2s ease-in-out infinite gateBreath;top:38.8%;left:38.8%}.center-crystal:before{clip-path:none;filter:blur(6px);opacity:.7;background:radial-gradient(circle,#fffcd1b8,#916ff438 48%,#0000 69%);border-radius:50%;inset:17%}.center-crystal span{opacity:0}.piece-layer{z-index:10}.plane-piece{width:clamp(32px,6.3%,46px);box-shadow:none;transition:left .205s var(--ease-move), top .205s var(--ease-move), filter .18s ease;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;overflow:visible;transform:translate(-50%,-50%);background:0 0!important}.plane-token{z-index:2;filter:drop-shadow(0 4px 3px #06021c66);width:120%;height:120%;transform:rotate(var(--heading,-18deg));transform-origin:50% 54%;will-change:transform;background-image:url(/plane-token-sheet-v2.webp);background-repeat:no-repeat;background-size:200% 200%;transition:transform .16s,filter .16s;position:absolute;inset:-10%}.token-red{background-position:0 0}.token-yellow{background-position:100% 0}.token-green{background-position:0 100%}.token-blue{background-position:100% 100%}.piece-ground-shadow{z-index:1;filter:blur(3px);background:#0803247a;border-radius:50%;width:72%;height:25%;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.plane-piece.movable{z-index:14;animation:1.15s ease-in-out infinite premiumPieceReady}.plane-piece.movable:before{z-index:0;content:"";border:2px solid #fff1a2;border-radius:50%;animation:1.15s ease-out infinite selectionRing;position:absolute;inset:3%;box-shadow:0 0 10px #ffd66b}.plane-piece.movable:hover{transform:translate(-50%,-54%)scale(1.12)}.plane-piece.movable:hover .plane-token{filter:drop-shadow(0 7px 5px #06021c73)brightness(1.08)}.plane-piece.moving{filter:none;transform:translate(-50%,-50%)}.plane-piece.moving .plane-token{animation:pieceHop .205s var(--ease-move) infinite;filter:drop-shadow(0 8px 6px #06021c80)drop-shadow(0 0 7px #ffef969e)}.plane-piece.moving .piece-ground-shadow{animation:.205s ease-in-out infinite groundShadowHop}.plane-piece.moving:after{display:none}.plane-piece.finished .plane-token{filter:drop-shadow(0 0 8px #ffe58e)brightness(1.08)}.action-dock{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(145deg,#322877f7,#140e41fa);border:2px solid #d7ccff61;border-radius:26px;grid-template-columns:minmax(122px,1fr) minmax(190px,246px) 78px;width:min(650px,97%);min-height:82px;padding:9px 11px;box-shadow:inset 0 2px 1px #ffffff38,inset 0 -6px 10px #05021f40,0 7px #0b0735,0 17px 34px #0401186b}.turn-copy span{letter-spacing:.14em;font-size:8px}.turn-copy strong{color:#f5f1ff;font-size:11px}.roll-button{color:#153c46;background:radial-gradient(circle at 26% 18%,#ffffffb3,#0000 22%),linear-gradient(145deg,#a7f8e3,#63dfc6 53%,#32afaa);border:2px solid #eafff8;border-radius:19px;justify-content:center;align-items:center;min-height:60px;font-size:18px;display:flex;box-shadow:inset 0 3px 3px #ffffff85,inset 0 -7px 10px #116e6733,0 6px #20827f,0 11px 20px #18d2b538}.roll-button .spark{color:#fff9c8;filter:drop-shadow(0 0 5px #ffd55fb3);font-size:21px}.roll-label{text-align:left;flex-direction:column;align-items:flex-start;gap:1px;display:flex}.roll-label b{font-size:clamp(16px,1.5vw,21px);font-weight:1000}.roll-label small{color:#153c46a8;letter-spacing:.13em;font-size:7px;font-weight:1000}.dock-dice{flex-direction:column;align-items:center;gap:2px;display:flex}.dock-dice>small{color:#bdb5dc;letter-spacing:.08em;font-size:7px;font-weight:900}.dice-face{background:radial-gradient(circle at 28% 22%,#fff,#0000 24%),linear-gradient(145deg,#fffdf9,#e6dfef 58%,#b9adcf);border-color:#fffdf9;border-radius:17px;width:58px;padding:9px;box-shadow:inset -6px -7px 9px #3e2c6929,0 6px #81749f,0 10px 14px #05021d66}.right-panel{padding-top:34px}.right-panel .player-card{min-height:96px}.right-panel .avatar-shell{flex-basis:59px;width:59px}.right-panel .avatar{width:59px}.word-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(155deg,#3b2e91f5,#1a1254fa);border-color:#ded5ff66;box-shadow:inset 0 1px #ffffff40,inset 0 -5px 8px #05021f33,0 7px #08042657,0 18px 38px #05021d6b}.magic-guide-card{gap:10px;padding:15px}.card-kicker{font-size:15px}.card-kicker div{flex-direction:column;align-items:center;gap:1px;display:flex}.card-kicker div small{color:#9f94c7;letter-spacing:.15em;font-size:7px}.guide-row{background:linear-gradient(145deg,#ffffff17,#ffffff09);border-color:#ffffff24;border-radius:15px;min-height:52px;padding:8px;box-shadow:inset 0 1px #ffffff1a}.guide-row>i{border:1px solid #ffffffa6;border-radius:12px;flex-basis:36px;width:36px;box-shadow:inset 0 2px 2px #ffffff73,0 3px #08042657}.guide-row b{font-size:12px}.guide-row small{color:#cfc8e8;font-size:9px}.current-magic{background:linear-gradient(145deg,#ffd66b21,#ffd66b0d);border-color:#ffd66b52;min-height:52px;box-shadow:inset 0 1px #ffffff1a}.current-magic span{font-size:9px}.current-magic strong{font-size:10px}.challenge-backdrop{-webkit-backdrop-filter:blur(5px)saturate(.9);backdrop-filter:blur(5px)saturate(.9);background:radial-gradient(circle at 50% 45%,#755be033,#0000 34%),#050218a8;padding:20px;animation:.22s ease-out both sceneBackdropIn}.challenge-panel.word-card{width:min(650px,94vw);color:var(--text-on-book);animation:challengeBookIn .44s var(--ease-pop) both;background:radial-gradient(circle at 80% 12%,#ffdc873d,#0000 26%),repeating-linear-gradient(0deg,#0000 0 31px,#56418209 32px),linear-gradient(145deg,#fffdf5,#fff5df 56%,#eeddbd);border:3px solid #e8d9ae;border-radius:30px;padding:25px 29px 28px 34px;overflow:hidden;box-shadow:inset 0 2px 1px #ffffffe6,inset 0 -8px 13px #774e2a1f,0 9px #8e6f86,0 28px 80px #030112a6,0 0 0 1px #48306d59}.challenge-panel.word-card:before{filter:blur(34px);background:#ffce662e;width:260px;height:140px;top:-75px;left:70%}.book-spine{background:linear-gradient(90deg,#5b408f,#876ac4 58%,#4d377d);border-right:2px solid #ffffff80;width:17px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset -3px 0 4px #21144347,3px 0 7px #53376b2b}.challenge-corner{color:#c39a40;opacity:.72;font-size:12px;position:absolute;top:17px}.corner-left{left:27px}.corner-right{right:20px}.challenge-topline{z-index:2;position:relative}.tile-chip,.actor-chip{border:1px solid #432d6921;padding:7px 11px;font-size:10px}.tile-chip.normal{color:#5d4887;background:#eee8f8}.tile-chip.monster{color:#832d70;background:#f8d5e8}.tile-chip.mystery{color:#2d6f69;background:#d9f4e8}.actor-chip.red{color:#a83850;background:#ffe0e4}.actor-chip.yellow{color:#8a661c;background:#fff0b9}.actor-chip.green{color:#237052;background:#d8f4e6}.actor-chip.blue{color:#2c5f9a;background:#dcecff}.challenge-subject{text-align:center;margin-top:13px}.challenge-subject small{color:#9c86aa;letter-spacing:.16em;font-size:8px;font-weight:900}.challenge-panel .challenge-word{margin:9px 0 5px}.challenge-panel .challenge-word strong{color:#37265f;letter-spacing:-.055em;text-shadow:0 3px #fffc,0 6px 16px #53376b21;font-size:clamp(50px,5vw,70px);font-weight:850}.challenge-panel .word-line button{color:#fff8c3;background:linear-gradient(145deg,#8065bd,#4f3a87);border:2px solid #f3dc99;width:48px;box-shadow:inset 0 2px 2px #ffffff4d,0 4px #352557,0 8px 14px #321f5238}.challenge-prompt{color:#6f5b82!important;font-size:12px!important}.public-answers{gap:10px}.public-answers button{color:#433260;text-align:left;background:radial-gradient(circle at 18% 15%,#ffffffe6,#0000 20%),linear-gradient(145deg,#fffefb,#f0e8f6);border:2px solid #dfd1ea;border-radius:17px;align-items:center;gap:9px;min-height:58px;padding:8px 10px;font-size:14px;display:flex;box-shadow:inset 0 2px 1px #fff,inset 0 -3px 5px #573b7714,0 4px #b9a8ca,0 8px 13px #3e265b1f}.public-answers button:hover:not(:disabled){background:linear-gradient(145deg,#fff,#eee1f6);border-color:#9a79d4;box-shadow:inset 0 2px 1px #fff,0 5px #8a6eb1,0 10px 18px #5a3b842e}.answer-letter{aspect-ratio:1;color:#fff;background:linear-gradient(145deg,#9578d7,#5c438f);border:1px solid #ffffffa6;border-radius:11px;flex:0 0 34px;place-items:center;width:34px;font-size:13px;font-weight:1000;display:grid;box-shadow:inset 0 1px 1px #ffffff59,0 3px #463069}.answer-text{flex:1;font-weight:800}.answer-grid button.selected:not(.answer-correct){color:#6c2844;background:#ffe1eb;border-color:#ed7ea9}.answer-grid button.answer-correct{color:#225f49;background:#dcf7ea;border-color:#54b990;box-shadow:inset 0 2px 1px #fff,0 4px #5cae8b,0 8px 16px #30976f2e}.answer-grid button.answer-correct .answer-letter{background:linear-gradient(145deg,#68d4aa,#2d9971);box-shadow:inset 0 1px 1px #ffffff59,0 3px #257758}.challenge-result{color:#6d5a80;background:#684c880f;border:1px solid #543f701f;border-radius:13px;min-height:39px;margin-top:13px;padding:9px 12px;font-size:11px}.challenge-result.visible{color:#285f4a;background:#dff5e9}.challenge-result.visible.wrong{color:#832f4d;background:#ffe0e9}.monster-stage{color:#fff;background:linear-gradient(145deg,#5e397f,#2f205e);box-shadow:inset 0 1px #ffffff40,0 5px #241444}.dice-cinematic-backdrop{-webkit-backdrop-filter:blur(6px)saturate(.86);backdrop-filter:blur(6px)saturate(.86);background:radial-gradient(circle at 50% 48%,#7e60ec4d,#0000 32%),#050219bd;animation:.18s ease-out both sceneBackdropIn}.dice-cinematic-backdrop.revealed{animation:.82s ease-in both diceSceneOut}.cinematic-dice-scene{perspective:980px}.cinematic-dice-cube.is-rolling{animation:.86s cubic-bezier(.35,.05,.65,.95) infinite diceTumblePremium}.cinematic-dice-side{background:radial-gradient(circle at 27% 21%,#fff 0 8%,#0000 21%),linear-gradient(145deg,#fffefb 0%,#ece6f6 55%,#b7a9d4 100%);border-color:#fffffff5;border-radius:23%;box-shadow:inset 11px 12px 17px #ffffffc2,inset -15px -17px 21px #412b6e38,0 0 24px #ddd2ff4d}.dice-impact-burst{z-index:2;aspect-ratio:1;background:repeating-conic-gradient(from 0deg, #ffef9859 0 2deg, transparent 2deg 14deg);opacity:0;pointer-events:none;border-radius:50%;width:min(46vw,460px);position:absolute;transform:scale(.35)}.dice-cinematic-backdrop.revealed .dice-impact-burst{animation:diceBurst .62s var(--ease-pop) both}.dice-cinematic-backdrop.revealed .cinematic-dice-scene{animation:diceImpact .64s var(--ease-pop) both}.dice-cinematic-backdrop.revealed .dice-magic-ring{opacity:.75;animation-duration:.85s}.encounter-cinematic,.resolution-cinematic{-webkit-backdrop-filter:blur(5px)saturate(.92);backdrop-filter:blur(5px)saturate(.92)}.encounter-cinematic{animation:1.7s both encounterSceneLife}.encounter-cinematic.mystery{animation-duration:1.56s}.monster-cinematic-art{filter:drop-shadow(0 20px 13px #0301148c)drop-shadow(0 0 26px #eb64c73d);animation:monsterEntrancePremium .78s var(--ease-pop) both, monsterBreath 1.8s .8s ease-in-out infinite}.mystery-crystal{clip-path:none;width:clamp(175px,25vw,310px);box-shadow:none;filter:drop-shadow(0 19px 13px #03011480)drop-shadow(0 0 24px #61e0c257);animation:crystalArrivalPremium .78s var(--ease-pop) both;background:url(/mystery-crystal.webp) 50%/contain no-repeat;border:0;border-radius:0;margin:-4px 0 -16px}.mystery-crystal:before{clip-path:none;filter:blur(10px);background:radial-gradient(circle,#ffef847a,#63dcc32e 45%,#0000 68%);border:0;border-radius:50%;animation:1.2s ease-in-out infinite alternate crystalGlow;inset:15%}.mystery-crystal span{opacity:0}.encounter-stage-copy h2{text-shadow:0 4px 17px #020110b8,0 0 22px #ffe67e3d}.resolution-cinematic{animation:1.78s both resolutionSceneLife}.resolution-cinematic article{background:radial-gradient(circle at 50% 0,#ffdd6d47,#0000 32%),linear-gradient(145deg,#4c389df5,#1c1253fa);border:3px solid #fff2bcb8;box-shadow:inset 0 2px 1px #ffffff4d,0 8px #120b49,0 30px 80px #020111a3}.magic-event-panel,.rules-modal,.result-modal,.room-modal{background:radial-gradient(circle at 80% 0,#ffd66b21,#0000 28%),linear-gradient(145deg,#453599fa,#191150fc);border:2px solid #e4daff80;box-shadow:inset 0 2px 1px #ffffff42,inset 0 -8px 12px #06022138,0 8px #0d0839,0 28px 80px #020111a3}@keyframes skyDrift{0%{opacity:.56;transform:translate(-2%,-2%)scale(.96)}to{opacity:.9;transform:translate(4%,3%)scale(1.08)}}@keyframes gateBreath{0%,to{filter:drop-shadow(0 8px 7px #05021f80)drop-shadow(0 0 10px #ffe27542);transform:scale(.97)}50%{filter:drop-shadow(0 9px 8px #05021f8a)drop-shadow(0 0 19px #ffe27580);transform:scale(1.035)}}@keyframes premiumPieceReady{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-56%)scale(1.08)}}@keyframes selectionRing{0%{opacity:.85;transform:scale(.64)}to{opacity:0;transform:scale(1.55)}}@keyframes pieceHop{0%{transform:rotate(var(--heading,-18deg)) translateY(0) scale(1)}22%{transform:rotate(var(--heading,-18deg)) translateY(2px) scale(.98, .94)}56%{transform:rotate(var(--heading,-18deg)) translateY(-11px) scale(1.04)}84%{transform:rotate(var(--heading,-18deg)) translateY(-2px) scale(1.02)}to{transform:rotate(var(--heading,-18deg)) translateY(0) scale(1.06, .94)}}@keyframes groundShadowHop{0%,to{opacity:.52;transform:translate(-50%,-50%)scale(1)}56%{opacity:.22;transform:translate(-50%,-50%)scale(.64)}}@keyframes sceneBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes challengeBookIn{0%{opacity:0;transform:translateY(24px)rotateX(7deg)scale(.91)}to{opacity:1;transform:translateY(0)rotateX(0)scale(1)}}@keyframes diceTumblePremium{0%{transform:translateY(-48px)rotateX(0)rotateY(0)rotate(0)scale(.78)}18%{transform:translateY(8px)rotateX(128deg)rotateY(94deg)rotate(25deg)scale(1.02)}34%{transform:translateY(-27px)rotateX(244deg)rotateY(188deg)rotate(65deg)scale(.94)}54%{transform:translateY(12px)rotateX(390deg)rotateY(292deg)rotate(108deg)scale(1.05)}72%{transform:translateY(-19px)rotateX(525deg)rotateY(405deg)rotate(150deg)scale(.97)}to{transform:translateY(-46px)rotateX(720deg)rotateY(540deg)rotate(220deg)scale(.79)}}@keyframes diceBurst{0%{opacity:0;transform:scale(.28)rotate(-12deg)}25%{opacity:.9}to{opacity:0;transform:scale(1.45)rotate(12deg)}}@keyframes diceImpact{0%{transform:translateY(-12px)scale(.88,1.08)}42%{transform:translateY(12px)scale(1.1,.88)}70%{transform:translateY(-5px)scale(.97,1.03)}to{transform:translateY(0)scale(1)}}@keyframes diceSceneOut{0%,68%{opacity:1}to{opacity:0}}@keyframes encounterSceneLife{0%{opacity:0}10%,82%{opacity:1}to{opacity:0}}@keyframes monsterEntrancePremium{0%{opacity:0;transform:translateY(-55px)scale(.58)rotate(-9deg)}55%{opacity:1;transform:translateY(12px)scale(1.09)rotate(2deg)}76%{transform:translateY(-7px)scale(.98)rotate(-1deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes monsterBreath{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.02)}}@keyframes crystalArrivalPremium{0%{opacity:0;transform:translateY(-42px)rotate(-18deg)scale(.54)}60%{opacity:1;transform:translateY(10px)rotate(5deg)scale(1.08)}82%{transform:translateY(-4px)rotate(-2deg)scale(.98)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes crystalGlow{0%{opacity:.42;transform:scale(.84)}to{opacity:.92;transform:scale(1.08)}}@keyframes resolutionSceneLife{0%{opacity:0}12%,82%{opacity:1}to{opacity:0}}@media (width<=1180px){.game-layout{grid-template-columns:162px minmax(445px,620px) 226px;gap:10px}.player-card{padding:10px 8px}.avatar-shell{flex-basis:57px;width:57px}.avatar{width:57px}.seat-number{width:18px}.fleet-meter{gap:2px}.fleet-meter i{width:13px}.learning-score{display:none}.magic-guide-card{padding:12px 10px}.guide-row{padding:7px}}@media (width>=981px) and (height<=820px){.game-page{padding:6px 12px 10px}.topbar{border-radius:20px;min-height:60px;margin-bottom:6px;padding:6px 11px}.brand-star{border-radius:13px;flex-basis:40px;width:40px;box-shadow:inset 0 2px 2px #ffffff80,0 4px #a96735,0 7px 16px #ffc24947}.brand-star i{width:22px;font-size:16px}.brand b{font-size:22px}.brand small{font-size:8px}.room-pill{min-height:38px}.top-actions button{min-height:36px}.game-layout{grid-template-columns:minmax(158px,185px) minmax(450px,600px) minmax(220px,250px);gap:10px}.board-column{gap:5px}.turn-banner{min-height:34px}.board-shell{width:min(100%,100svh - 202px,600px)}.action-dock{min-height:68px;padding:6px 9px}.roll-button{min-height:50px}.dice-face{border-radius:15px;width:50px;padding:7px}.left-rail{min-height:calc(100svh - 92px);padding:20px 0 10px}.right-panel{padding-top:20px}.player-card{min-height:94px;padding:9px}.avatar-shell{flex-basis:56px;width:56px}.avatar{width:56px}.right-panel .player-card{min-height:82px}.right-panel .avatar-shell{flex-basis:49px;width:49px}.right-panel .avatar{width:49px}.magic-guide-card{gap:7px;padding:11px}.guide-row{min-height:44px;padding:6px}.guide-row>i{flex-basis:31px;width:31px}}@media (width<=980px){.game-page{overflow:visible}.game-layout{grid-template-columns:minmax(0,760px)}.mobile-player-hud{order:0;grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.mobile-player-hud .player-card{border-radius:17px;min-height:82px;padding:7px}.mobile-player-hud .avatar-shell{flex-basis:43px;width:43px}.mobile-player-hud .avatar{border-width:2px;width:43px}.mobile-player-hud .seat-number{border-width:1px;width:15px;font-size:7px}.mobile-player-hud .player-name-row strong{font-size:13px}.mobile-player-hud .team-dot,.mobile-player-hud .player-status,.mobile-player-hud .player-badges,.mobile-player-hud .learning-score,.mobile-player-hud .active-ribbon{display:none}.mobile-player-hud .fleet-meter i{width:12px}.player-rail,.right-panel .player-card{display:none}.board-column{order:1}.right-panel{order:2;grid-template-columns:1fr;min-height:0;padding:0;display:grid}.right-panel .word-card{grid-area:auto/1}.board-shell{width:min(100%,660px)}.magic-guide-card{width:min(590px,96%);margin:6px auto 0}}@media (width<=640px){.game-page{padding:7px 6px calc(16px + env(safe-area-inset-bottom));background-attachment:scroll}.topbar{border-radius:18px;min-height:58px;padding:7px;box-shadow:inset 0 1px #ffffff4d,0 5px #08042657,0 12px 28px #05021d59}.brand-star{border-radius:12px;flex-basis:36px;width:36px;box-shadow:inset 0 2px 2px #ffffff80,0 4px #a96735,0 7px 13px #ffc24940}.brand-star i{width:21px;font-size:14px}.brand b{font-size:19px}.brand small{display:none}.top-actions{gap:5px}.top-actions button,.top-actions button:first-child{border-radius:50%;place-items:center;width:36px;min-height:36px;padding:0;font-size:0;display:grid}.top-actions button .hud-icon{width:24px;font-size:12px!important}.room-pill{min-height:35px;margin-top:6px;padding-left:10px}.room-pill small{display:none}.room-pill b{font-size:15px}.room-pill em{padding:5px 8px;font-size:8px;box-shadow:inset 0 1px 1px #fff,0 2px #b98832}.game-layout{gap:7px}.mobile-player-hud{gap:4px}.mobile-player-hud .player-card{border-radius:14px;gap:5px;min-height:57px;padding:5px;box-shadow:inset 0 1px #fff3,0 3px #06032357,0 7px 12px #05021d38}.mobile-player-hud .avatar-shell{flex-basis:34px;width:34px}.mobile-player-hud .avatar{width:34px}.mobile-player-hud .seat-number{display:none}.mobile-player-hud .player-copy{gap:2px}.mobile-player-hud .player-name-row strong{max-width:47px;font-size:10px}.mobile-player-hud .fleet-meter{gap:1px}.mobile-player-hud .fleet-meter i{border-radius:3px;width:9px;font-size:5px}.turn-banner{width:99%;min-height:35px;padding:4px 6px}.turn-owner{grid-template-columns:24px 1fr;column-gap:4px;min-width:88px}.turn-owner .mini-orb{width:24px}.turn-owner small{font-size:6px}.turn-owner b{text-overflow:ellipsis;white-space:nowrap;max-width:57px;font-size:9px;overflow:hidden}.turn-banner>strong{font-size:9px}.live-dot{display:none}.board-shell{border-width:2px;width:100%;box-shadow:inset 0 3px 3px #ffffff47,inset 0 -10px 19px #05021f7a,0 6px #0b0735,0 13px 28px #0401197a}.frame-gem{width:3.3%}.board-grid{gap:1.4px}.board-cell.track,.board-cell.home{border-width:1px;box-shadow:inset 0 1px 1px #ffffffd1,inset 0 -2px 3px #45327129,0 2px #766397,0 3px 5px #07032238}.plane-piece{width:36px}.action-dock{border-radius:21px;grid-template-columns:1fr 61px;width:99%;min-height:70px;padding:7px;box-shadow:inset 0 1px #fff3,0 5px #0b0735,0 12px 24px #0401185c}.turn-copy{display:none}.roll-button{border-radius:16px;min-height:52px}.roll-label b{font-size:16px}.roll-label small{font-size:6px}.dock-dice>small{display:none}.dice-face{border-radius:14px;width:49px;padding:7px;box-shadow:inset -4px -5px 6px #3e2c6926,0 4px #81749f,0 8px 11px #05021d59}.magic-guide-card{border-radius:19px;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px;display:grid}.card-kicker,.current-magic{grid-column:1/-1}.guide-row{border-radius:11px;gap:5px;min-height:44px;padding:5px}.guide-row>i{border-radius:8px;flex-basis:25px;width:25px;font-size:12px}.guide-row b{font-size:8px}.guide-row small{display:none}.current-magic{min-height:36px;padding:7px}.challenge-backdrop{padding:7px}.challenge-panel.word-card{border-width:2px;border-radius:23px;max-height:calc(100svh - 14px);padding:18px 12px 21px 25px;overflow-y:auto;box-shadow:inset 0 2px 1px #ffffffe6,inset 0 -6px 10px #774e2a1a,0 6px #8e6f86,0 18px 55px #0301129e}.book-spine{width:12px}.challenge-corner{display:none}.challenge-subject{margin-top:8px}.challenge-panel .challenge-word strong{font-size:43px}.challenge-panel .challenge-word small{font-size:10px}.challenge-panel .word-line button{width:40px}.challenge-prompt{font-size:10px!important}.public-answers{gap:7px}.public-answers button{border-radius:13px;gap:6px;min-height:49px;padding:6px;font-size:12px;box-shadow:inset 0 1px 1px #fff,0 3px #b9a8ca,0 6px 9px #3e265b1a}.answer-letter{border-radius:9px;flex-basis:28px;width:28px;font-size:11px}.challenge-result{margin-top:9px;font-size:9px}.cinematic-dice-scene{--dice-size:126px}.mystery-crystal{width:190px;margin:-10px 0 -20px}}@media (orientation:landscape) and (height<=520px) and (width>=650px){.game-page{padding:5px 8px 8px}.topbar{border-radius:16px;grid-template-columns:1fr auto 1fr;min-height:48px;margin-bottom:5px;padding:4px 8px}.brand-star{border-radius:10px;flex-basis:31px;width:31px;box-shadow:inset 0 2px 2px #ffffff80,0 3px #a96735}.brand-star i{width:18px;font-size:12px}.brand b{font-size:17px}.brand small{display:none}.room-pill{grid-area:1/2;min-height:33px;margin:0}.top-actions{grid-area:1/3}.top-actions button{min-height:33px;padding:3px 8px;font-size:9px}.game-layout{grid-template-columns:116px minmax(340px,calc(100svh - 112px)) 130px;gap:7px}.mobile-player-hud{display:none}.player-rail,.right-panel{min-height:0;padding:0;display:flex}.left-rail{order:initial;justify-content:space-around}.board-column{order:initial;gap:4px}.right-panel{order:initial;justify-content:space-around}.right-panel .player-card{display:flex}.magic-guide-card,.rail-spacer{display:none}.player-card,.right-panel .player-card{border-radius:14px;min-height:71px;padding:5px}.avatar-shell,.right-panel .avatar-shell{flex-basis:37px;width:37px}.avatar,.right-panel .avatar{border-width:2px;width:37px}.seat-number,.team-dot,.player-status,.player-badges,.learning-score,.active-ribbon{display:none}.player-name-row strong{font-size:10px}.fleet-meter i{width:9px}.turn-banner{min-height:27px}.turn-owner{grid-template-columns:20px 1fr;min-width:75px}.turn-owner .mini-orb{width:20px}.turn-owner small{display:none}.turn-owner b,.turn-banner>strong{font-size:8px}.board-shell{width:min(100%,100svh - 111px)}.action-dock{grid-template-columns:1fr 52px;min-height:56px;padding:5px}.turn-copy{display:none}.roll-button{min-height:43px}.roll-label b{font-size:14px}.dice-face{border-radius:12px;width:42px;padding:6px}}@media (prefers-reduced-motion:reduce){.sky-haze,.center-crystal,.plane-piece,.plane-token,.piece-ground-shadow,.monster-cinematic-art,.mystery-crystal,.dice-cinematic-backdrop,.dice-impact-burst{animation:none!important}}.challenge-panel .challenge-word{justify-content:space-between;gap:18px;padding:3px 4px 3px 12px}.challenge-panel .challenge-word>div:first-child{flex:1;min-width:0}.challenge-panel .word-line .listen-word-button{aspect-ratio:auto;color:#fff9cf;width:auto;min-width:168px;min-height:58px;font-size:inherit;background:radial-gradient(circle at 20% 12%,#ffffff57,#0000 22%),linear-gradient(145deg,#8f72d1,#503785 72%,#3f286c);border:2px solid #f2d883;border-radius:18px;justify-content:flex-start;align-items:center;gap:9px;padding:8px 12px;display:flex;position:relative;overflow:hidden;transform:translateY(-2px);box-shadow:inset 0 2px 2px #ffffff47,inset 0 -4px 6px #1b0d3f33,0 5px #342252,0 10px 18px #321f523d}.challenge-panel .word-line .listen-word-button:hover{transform:translateY(-4px)scale(1.015)}.challenge-panel .word-line .listen-word-button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #2213463d,0 2px #342252,0 5px 9px #321f5233}.listen-icon{aspect-ratio:1;background:#ffffff21;border:1px solid #ffffff61;border-radius:12px;flex:0 0 35px;place-items:center;width:35px;font-size:19px;display:grid}.listen-copy{text-align:left;flex-direction:column;align-items:flex-start;min-width:76px;line-height:1.1;display:flex}.listen-copy b{color:#fff;font-size:13px;font-weight:1000}.listen-copy small{white-space:nowrap;color:#eee6ff!important;margin-top:4px!important;font-size:8px!important}.voice-waves{align-items:center;gap:2px;height:24px;margin-left:auto;display:flex}.voice-waves span{opacity:.55;background:#ffe991;border-radius:999px;width:2px;height:8px}.voice-waves span:nth-child(2){height:15px}.voice-waves span:nth-child(3){height:21px}.listen-word-button.is-speaking .listen-icon{animation:.68s ease-in-out infinite alternate listenPulse}.listen-word-button.is-speaking .voice-waves span{opacity:1;animation:.52s ease-in-out infinite alternate voiceWave}.listen-word-button.is-speaking .voice-waves span:nth-child(2){animation-delay:.13s}.listen-word-button.is-speaking .voice-waves span:nth-child(3){animation-delay:.26s}.speech-feedback{color:#75638a;text-align:center;min-height:18px;margin:-1px 0 5px;font-size:9px;font-weight:750;line-height:1.4}.speech-feedback.error,.speech-feedback.unsupported{color:#a33f5f}.speech-feedback.speaking{color:#4d3480}.encounter-cinematic{isolation:isolate;transition:opacity .32s,filter .32s;animation:none}.encounter-board-pulse{z-index:0;aspect-ratio:1;filter:blur(.2px);opacity:0;background:radial-gradient(circle,#ffdb774d,#bd62dc29 36%,#0000 68%);border:2px solid #ffeb967a;border-radius:50%;width:min(44vw,420px);position:absolute}.encounter-cinematic.phase-portal .encounter-board-pulse{animation:encounterTileIgnite .72s var(--ease-pop) both}.encounter-cinematic.phase-portal .encounter-vortex{animation:portalBuild .8s var(--ease-pop) both}.encounter-cinematic.phase-arrival .encounter-vortex,.encounter-cinematic.phase-warning .encounter-vortex,.encounter-cinematic.phase-handoff .encounter-vortex{opacity:1;transform:scale(1)}.encounter-stage-copy .encounter-actor,.encounter-stage-copy .monster-cinematic-art,.encounter-stage-copy .mystery-crystal,.encounter-stage-copy>small,.encounter-stage-copy>h2,.encounter-stage-copy>p{opacity:0}.encounter-stage-copy .monster-cinematic-art,.encounter-stage-copy .mystery-crystal,.encounter-stage-copy>small,.encounter-stage-copy>h2,.encounter-stage-copy>p{opacity:1}.encounter-cinematic.phase-portal .encounter-actor,.encounter-cinematic.phase-arrival .encounter-actor,.encounter-cinematic.phase-warning .encounter-actor,.encounter-cinematic.phase-handoff .encounter-actor{opacity:1;animation:encounterActorChip .42s var(--ease-pop) both}.encounter-cinematic.phase-arrival .monster-cinematic-art,.encounter-cinematic.phase-warning .monster-cinematic-art,.encounter-cinematic.phase-handoff .monster-cinematic-art{visibility:visible;min-height:clamp(235px,35vw,390px);animation:monsterLunge .84s var(--ease-pop) both, monsterBreath 1.8s .85s ease-in-out infinite;display:block;opacity:1!important}.encounter-cinematic.phase-arrival .mystery-crystal,.encounter-cinematic.phase-warning .mystery-crystal,.encounter-cinematic.phase-handoff .mystery-crystal{visibility:visible;min-height:clamp(175px,25vw,310px);animation:crystalAssemble .9s var(--ease-pop) both, crystalHover 1.8s .92s ease-in-out infinite;display:grid;opacity:1!important}.encounter-cinematic.phase-warning .encounter-stage-copy>small,.encounter-cinematic.phase-warning .encounter-stage-copy>h2,.encounter-cinematic.phase-warning .encounter-stage-copy>p,.encounter-cinematic.phase-handoff .encounter-stage-copy>small,.encounter-cinematic.phase-handoff .encounter-stage-copy>h2,.encounter-cinematic.phase-handoff .encounter-stage-copy>p{opacity:1;animation:cinematicCopyReveal .52s var(--ease-pop) both}.encounter-cinematic.phase-handoff .encounter-stage-copy{filter:saturate(.86);transition:transform .42s,filter .42s;transform:scale(.98)}.encounter-cinematic.phase-handoff:after{z-index:7;color:#fff5bf;content:attr(data-handoff-label);letter-spacing:.08em;background:#0f0834ad;border:1px solid #fff3;border-radius:999px;padding:8px 16px;font-size:10px;font-weight:900;animation:.9s ease-in-out infinite alternate handoffHint;position:absolute;bottom:clamp(20px,6vh,58px);box-shadow:0 8px 24px #03011240}.encounter-warning-stripe{z-index:6;color:#24183e;opacity:0;text-align:center;background:repeating-linear-gradient(135deg,#ffe58a 0 22px,#d580bf 22px 44px);border-block:1px solid #fff3;width:116%;padding:7px;position:absolute;top:14%;left:-8%;overflow:hidden;transform:rotate(-2deg)translate(-18%);box-shadow:0 7px 30px #04011652}.encounter-cinematic.mystery .encounter-warning-stripe{background:repeating-linear-gradient(135deg,#fff0a4 0 22px,#73dbc4 22px 44px)}.encounter-warning-stripe span{letter-spacing:.26em;font-size:10px;font-weight:1000}.encounter-cinematic.phase-warning .encounter-warning-stripe,.encounter-cinematic.phase-handoff .encounter-warning-stripe{animation:warningStripe .62s var(--ease-pop) both}.encounter-particles{z-index:2;pointer-events:none;position:absolute;inset:0}.encounter-particles i{aspect-ratio:1;opacity:0;background:#ffe989;border-radius:45% 55% 50% 50%;width:7px;position:absolute;top:50%;left:50%;box-shadow:0 0 12px #ffe57ce6}.encounter-particles i:first-child{--x:-280px;--y:-150px}.encounter-particles i:nth-child(2){--x:-205px;--y:110px}.encounter-particles i:nth-child(3){--x:-135px;--y:-205px}.encounter-particles i:nth-child(4){--x:-70px;--y:185px}.encounter-particles i:nth-child(5){--x:35px;--y:-230px}.encounter-particles i:nth-child(6){--x:95px;--y:190px}.encounter-particles i:nth-child(7){--x:170px;--y:-175px}.encounter-particles i:nth-child(8){--x:235px;--y:105px}.encounter-particles i:nth-child(9){--x:290px;--y:-70px}.encounter-particles i:nth-child(10){--x:-310px;--y:20px}.encounter-particles i:nth-child(11){--x:250px;--y:190px}.encounter-particles i:nth-child(12){--x:-30px;--y:245px}.encounter-cinematic.phase-arrival .encounter-particles i,.encounter-cinematic.phase-warning .encounter-particles i{animation:1.5s ease-out infinite encounterParticle;animation-delay:calc(var(--i,0) * 40ms)}.monster-answer-cinematic{z-index:6;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.battle-plane{z-index:4;aspect-ratio:1;filter:drop-shadow(0 8px 7px #04011a80)drop-shadow(0 0 8px #ffee91cc);opacity:0;background:url(/plane-token-sheet-v2.webp) 0 0/200% 200% no-repeat;width:72px;position:absolute;top:54%;left:10%}.battle-plane.yellow{background-position:100% 0}.battle-plane.green{background-position:0 100%}.battle-plane.blue{background-position:100% 100%}.monster-answer-cinematic.launch .battle-plane{animation:.64s cubic-bezier(.16,.75,.25,1) both battlePlaneLaunch}.monster-answer-cinematic.launch .battle-trail{z-index:3;filter:blur(2px)drop-shadow(0 0 9px #ffe988);transform-origin:0;background:linear-gradient(90deg,#0000,#ffe988 42%,#fff);border-radius:999px;width:58%;height:9px;animation:.64s ease-out both battleTrail;position:absolute;top:58%;left:13%}.battle-impact{z-index:5;aspect-ratio:1;opacity:0;width:56px;position:absolute;top:50%;right:16%;transform:translateY(-50%)}.battle-impact i{border:3px solid #fff2a6;border-radius:50%;position:absolute;inset:0}.battle-impact i:nth-child(2){border-color:#ff83bc;transform:scale(.68)}.battle-impact i:nth-child(3){border-style:dashed;border-color:#fff;transform:scale(1.35)}.monster-answer-cinematic.impact .battle-impact{animation:.56s ease-out both battleImpactCore}.monster-answer-cinematic.impact .battle-impact i{animation:.56s ease-out both battleImpactRing}.monster-figure.battle-impact .monster-mini-art{animation:.62s ease-out both monsterHitRecoil}.monster-figure.battle-defeat .monster-mini-art{animation:1.35s cubic-bezier(.22,.7,.32,1) both monsterDefeat}.battle-freeze{color:#dff7ff;opacity:0;filter:drop-shadow(0 0 12px #74d8ff);font-size:56px;position:absolute;top:47%;left:16%}.monster-answer-cinematic.wrong .battle-freeze{animation:freezeWarning 1.1s var(--ease-pop) both}.monster-figure.battle-wrong .monster-mini-art{animation:.88s ease-in-out both monsterTaunt}.battle-callout{z-index:7;color:#fff;letter-spacing:.08em;opacity:0;background:#250f4bd1;border:1px solid #ffffff59;border-radius:999px;padding:5px 10px;font-size:9px;position:absolute;bottom:8px;right:12px}.monster-answer-cinematic.impact .battle-callout,.monster-answer-cinematic.defeat .battle-callout,.monster-answer-cinematic.wrong .battle-callout{animation:battleCallout .44s .18s var(--ease-pop) both}.monster-hp i.new-hit{animation:hpCrystalFill .7s var(--ease-pop) both}.challenge-panel.sequence-defeat{animation:1.3s ease-in-out both challengeVictoryGlow}.monster-defeat-cinematic{z-index:12;-webkit-backdrop-filter:blur(6px)saturate(.9);backdrop-filter:blur(6px)saturate(.9);background:radial-gradient(circle at 50% 46%,#ffe6825c,#0000 18%),radial-gradient(circle at 50% 46%,#c35cda61,#0000 38%),#08031fc2;place-items:center;animation:.28s ease-out both defeatSceneIn;display:grid;position:fixed;inset:0;overflow:hidden}.defeat-monster-art{z-index:3;aspect-ratio:1;filter:drop-shadow(0 22px 18px #0301168c)drop-shadow(0 0 35px #ffe1778c);background:url(/star-mist-monster.webp) 50%/contain no-repeat;width:clamp(260px,39vw,440px);margin-top:-90px;animation:1.85s cubic-bezier(.18,.7,.24,1) both fullMonsterDefeat;position:absolute}.defeat-core{z-index:4;aspect-ratio:1;width:160px;margin-top:-88px;position:absolute}.defeat-core i{opacity:0;border:4px solid #fff0a0;border-radius:50%;animation:1.1s ease-out .62s both defeatCoreBurst;position:absolute;inset:0}.defeat-core i:nth-child(2){border-style:dashed;border-color:#ff91cd;animation-delay:.76s}.defeat-core i:nth-child(3){border-width:8px;border-color:#fff;animation-delay:.9s}.defeat-stars{z-index:5;pointer-events:none;position:absolute;inset:0}.defeat-stars i{color:#fff0a0;opacity:0;text-shadow:0 0 12px #ffe887e6;font-size:20px;font-style:normal;animation:1.25s ease-out .62s both defeatStarScatter;position:absolute;top:47%;left:50%}.defeat-stars i:first-child{--dx:-310px;--dy:-190px}.defeat-stars i:nth-child(2){--dx:-250px;--dy:30px;animation-delay:.68s}.defeat-stars i:nth-child(3){--dx:-180px;--dy:180px;animation-delay:.74s}.defeat-stars i:nth-child(4){--dx:-100px;--dy:-260px;animation-delay:.8s}.defeat-stars i:nth-child(5){--dx:-35px;--dy:230px;animation-delay:.86s}.defeat-stars i:nth-child(6){--dx:55px;--dy:-250px;animation-delay:.92s}.defeat-stars i:nth-child(7){--dx:120px;--dy:210px;animation-delay:.98s}.defeat-stars i:nth-child(8){--dx:190px;--dy:-180px;animation-delay:1.04s}.defeat-stars i:nth-child(9){--dx:270px;--dy:80px;animation-delay:1.1s}.defeat-stars i:nth-child(10){--dx:320px;--dy:-80px;animation-delay:1.16s}.defeat-stars i:nth-child(11){--dx:-290px;--dy:120px;animation-delay:1.22s}.defeat-stars i:nth-child(12){--dx:225px;--dy:190px;animation-delay:1.28s}.defeat-stars i:nth-child(13){--dx:-20px;--dy:-310px;animation-delay:1.34s}.defeat-stars i:nth-child(14){--dx:20px;--dy:285px;animation-delay:1.4s}.defeat-copy{z-index:7;color:#fff;text-align:center;width:min(680px,92vw);animation:defeatCopyIn .58s .93s var(--ease-pop) both;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:clamp(48px,10vh,100px)}.defeat-copy small{color:#ffe992;letter-spacing:.2em;font-size:10px;font-weight:1000}.defeat-copy strong{text-shadow:0 6px 22px #030116ad,0 0 24px #ffe4766b;margin-top:7px;font-size:clamp(29px,4.5vw,54px);font-weight:1000}.defeat-copy span{color:#eee8ff;margin-top:5px;font-size:clamp(10px,1.4vw,14px);font-weight:750}.mystery-test-cinematic{z-index:4;color:#315c58;background:linear-gradient(145deg,#effff9,#dff3ed);border:2px solid #b7e3d6;border-radius:18px;align-items:center;gap:11px;min-height:66px;margin:12px 2px 7px;padding:8px 12px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 1px #fff,0 4px #92baae,0 8px 15px #2d70691f}.mystery-test-cinematic.is-wrong{color:#7f3653;background:#fff0f5;border-color:#e8b7c8;box-shadow:inset 0 2px 1px #fff,0 4px #c69aac}.mystery-test-cinematic>div{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.mystery-test-cinematic small{letter-spacing:.12em;opacity:.72;font-size:7px;font-weight:1000}.mystery-test-cinematic b{margin-top:3px;font-size:11px;line-height:1.35}.mystery-seal{aspect-ratio:1;border:2px solid;border-radius:50%;flex:0 0 43px;width:43px;position:relative}.mystery-seal:after{content:"?";place-items:center;font-size:22px;font-weight:1000;display:grid;position:absolute;inset:0}.mystery-seal i{border:1px dashed;border-radius:50%;position:absolute;inset:-5px}.mystery-seal i:nth-child(2){inset:7px}.mystery-seal i:nth-child(3){border-style:dotted;inset:-10px}.mystery-test-cinematic.pass .mystery-seal{animation:1.2s ease-out both mysterySealOpen}.mystery-test-cinematic.wrong .mystery-seal{animation:.42s both softShake}.mystery-test-cinematic.exit{opacity:.72;transition:opacity .28s}.event-scene-art{place-items:center;width:150px;height:126px;margin:-18px auto -4px;display:grid;position:relative}.event-scene-art>i{aspect-ratio:1;background:#ffe886;border-radius:3px;width:8px;animation:1.5s ease-in-out infinite lootParticle;position:absolute;box-shadow:0 0 12px #ffe886}.event-scene-art>i:first-of-type{top:26%;left:10%}.event-scene-art>i:nth-of-type(2){animation-delay:.34s;top:12%;right:14%}.event-scene-art>i:nth-of-type(3){animation-delay:.68s;bottom:17%;right:7%}.event-crystal{aspect-ratio:1;filter:drop-shadow(0 10px 8px #03011466)drop-shadow(0 0 16px #5fe3c16b);background:url(/mystery-crystal.webp) 50%/contain no-repeat;width:124px;animation:1.8s ease-in-out infinite eventCrystalReady}.loot-star{aspect-ratio:1;color:#fff2a6;width:90px;animation:lootStarDrop 1.1s var(--ease-pop) both, eventCrystalReady 1.8s 1.1s ease-in-out infinite;background:radial-gradient(circle at 35% 25%,#fff,#d98bd0 42%,#5a3ca6 75%);border:3px solid #ffe991;border-radius:28px;place-items:center;font-size:48px;display:grid;box-shadow:inset 0 2px 2px #ffffff80,0 0 30px #ffe07c73}.magic-event-panel .event-orb{opacity:0;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.resolution-cinematic{isolation:isolate;background:radial-gradient(circle at 50% 44%,#ffd97047,#0000 34%),#08031fcc;transition:opacity .36s;animation:none}.resolution-cinematic.phase-exit{opacity:0}.resolution-action-scene{z-index:3;width:min(600px,92vw);height:min(450px,58vh);position:absolute;transform:translateY(-7%)}.resolution-action-scene>*{position:absolute}.resolution-plane-token{z-index:5;aspect-ratio:1;filter:drop-shadow(0 14px 10px #04011885)drop-shadow(0 0 16px #ffe98b8c);opacity:0;background:url(/plane-token-sheet-v2.webp) 0 0/200% 200% no-repeat;width:clamp(74px,12vw,118px);top:50%;left:50%;transform:translate(-50%,-50%)}.resolution-plane-token.yellow{background-position:100% 0}.resolution-plane-token.green{background-position:0 100%}.resolution-plane-token.blue{background-position:100% 100%}.resolution-cinematic.phase-action .resolution-plane-token,.resolution-cinematic.phase-reveal .resolution-plane-token{opacity:1}.return-vortex{z-index:3;inset:4%}.return-vortex i{border:4px solid #e576e7b8;border-radius:50%;position:absolute;inset:15%;box-shadow:0 0 26px #df67e26b,inset 0 0 28px #592c9e7a}.return-vortex i:nth-child(2){border-style:dashed;border-color:#ffe889;inset:28%}.return-vortex i:nth-child(3){border-width:8px;border-color:#6141ac;inset:39%}.resolution-cinematic.phase-action .return-vortex i{animation:.9s ease-in-out infinite returnVortexSpin}.resolution-cinematic.phase-action.mystery-return-start .resolution-plane-token{animation:1.2s ease-in both planeIntoVortex}.resolution-cinematic.phase-reveal.mystery-return-start .resolution-plane-token{animation:planeReappear .76s var(--ease-pop) both}.finish-star-gate{z-index:3;filter:drop-shadow(0 0 32px #ffe47585);opacity:0;background:url(/center-star-gate.webp) 50%/contain no-repeat;inset:-4%}.resolution-cinematic.phase-action .finish-star-gate,.resolution-cinematic.phase-reveal .finish-star-gate{animation:finishGateOpen 1s var(--ease-pop) both}.resolution-cinematic.phase-action.mystery-direct-finish .resolution-plane-token{animation:1.35s ease-in both planeThroughGate}.bonus-dice-pair{z-index:4;justify-content:center;align-items:center;gap:24px;display:flex;inset:12%}.bonus-dice-pair i{aspect-ratio:1;color:#533582;opacity:0;background:linear-gradient(145deg,#fff,#e7dcf4);border:3px solid #fff;border-radius:20px;place-items:center;width:76px;font-size:23px;font-style:normal;font-weight:1000;display:grid;position:relative;box-shadow:inset -8px -8px 14px #4b2e7d26,0 15px 25px #04011859}.bonus-dice-pair b{color:#fff1a1;text-shadow:0 0 18px #ffe377cc;opacity:0;font-size:38px;position:absolute;bottom:3%}.resolution-cinematic.phase-action .bonus-dice-pair i:first-child{animation:bonusDiceSplitLeft .88s var(--ease-pop) both}.resolution-cinematic.phase-action .bonus-dice-pair i:nth-child(2){animation:bonusDiceSplitRight .88s var(--ease-pop) both}.resolution-cinematic.phase-reveal .bonus-dice-pair i{opacity:1;animation:1s ease-in-out infinite alternate bonusDiceOrbit}.resolution-cinematic.phase-reveal .bonus-dice-pair b{animation:resultPop .62s var(--ease-pop) both}.skill-direction-runes{z-index:3;color:#ffe98d;opacity:0;filter:drop-shadow(0 0 13px #ffe57ca8);justify-content:space-between;align-items:center;font-size:54px;display:flex;inset:18%}.resolution-cinematic.phase-action .skill-direction-runes{animation:1s ease-out both skillRunesSweep}.resolution-impact-ring{z-index:2;aspect-ratio:1;opacity:0;border:4px solid #ffed9b;border-radius:50%;width:120px;top:50%;left:50%;transform:translate(-50%,-50%)}.resolution-cinematic.phase-action .resolution-impact-ring{animation:1.1s ease-out both resolutionImpactExpand}.resolution-cinematic article{z-index:8;opacity:0;pointer-events:none;max-width:min(560px,90vw);animation:none;transform:translateY(24vh)scale(.88)}.resolution-cinematic.phase-reveal article{animation:resultRibbonReveal .65s var(--ease-pop) both}.resolution-cinematic.phase-reveal .resolution-action-scene{transition:transform .52s;transform:translateY(-15%)}@keyframes listenPulse{0%{transform:scale(.94);box-shadow:0 0 #ffe88f00}to{transform:scale(1.08);box-shadow:0 0 18px #ffe88f85}}@keyframes voiceWave{0%{transform:scaleY(.45)}to{transform:scaleY(1.16)}}@keyframes encounterTileIgnite{0%{opacity:0;transform:scale(.18)}48%{opacity:1}to{opacity:.5;transform:scale(1.6)}}@keyframes portalBuild{0%{opacity:0;transform:scale(.16)rotate(-45deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes encounterActorChip{0%{opacity:0;transform:translateY(-16px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes monsterLunge{0%{opacity:0;transform:translateY(-90px)scale(.42)rotate(-12deg)}58%{opacity:1;transform:translateY(18px)scale(1.13)rotate(3deg)}76%{transform:translateY(-8px)scale(.97)rotate(-1deg)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes crystalAssemble{0%{opacity:0;filter:blur(12px)drop-shadow(0 0 #0000);transform:scale(.22)rotate(-80deg)}62%{opacity:1;filter:blur()drop-shadow(0 0 32px #5fe3c1a3);transform:scale(1.12)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes crystalHover{0%{transform:translateY(-3px)rotate(-1deg)}to{transform:translateY(5px)rotate(2deg)}}@keyframes cinematicCopyReveal{0%{opacity:0;filter:blur(4px);transform:translateY(17px)scale(.9)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes warningStripe{0%{opacity:0;transform:rotate(-2deg)translate(-18%)}to{opacity:.9;transform:rotate(-2deg)translate(0)}}@keyframes handoffHint{0%{opacity:.62;transform:translateY(3px)}to{opacity:1;transform:translateY(-2px)}}@keyframes encounterParticle{0%{opacity:0;transform:translate(0)scale(.3)rotate(0)}30%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y)) scale(1.15) rotate(190deg)}}@keyframes battlePlaneLaunch{0%{opacity:0;transform:translate(-70px,24px)rotate(-18deg)scale(.55)}18%{opacity:1}72%{opacity:1;transform:translate(270px,-16px)rotate(8deg)scale(1.08)}to{opacity:0;transform:translate(335px,-20px)rotate(11deg)scale(.72)}}@keyframes battleTrail{0%{opacity:0;transform:scaleX(.08)}35%{opacity:.9}to{opacity:0;transform:scaleX(1)}}@keyframes battleImpactCore{0%{opacity:0;transform:translateY(-50%)scale(.18)}22%{opacity:1}to{opacity:0;transform:translateY(-50%)scale(2.6)}}@keyframes battleImpactRing{0%{opacity:1;transform:scale(.2)rotate(0)}to{opacity:0;transform:scale(2.3)rotate(95deg)}}@keyframes monsterHitRecoil{0%{filter:brightness();transform:translate(0)rotate(0)}18%{filter:brightness(2.8)saturate(0);transform:translate(16px)rotate(8deg)scale(.92)}42%{filter:brightness(1.3);transform:translate(-8px)rotate(-4deg)scale(1.05)}to{filter:brightness();transform:translate(0)rotate(0)}}@keyframes monsterDefeat{0%{opacity:1;filter:brightness();transform:scale(1)}28%{filter:brightness(2.4)saturate(.4);transform:scale(1.12)rotate(-4deg)}58%{opacity:1;filter:brightness(1.8)hue-rotate(40deg);transform:scale(.86)rotate(12deg)}to{opacity:0;filter:brightness(3)blur(8px);transform:translateY(-32px)scale(.08)rotate(120deg)}}@keyframes freezeWarning{0%{opacity:0;transform:translate(-45px,35px)rotate(-30deg)scale(.3)}60%{opacity:1;transform:translate(15px,-8px)rotate(8deg)scale(1.15)}to{opacity:.2;transform:translate(88px,-35px)rotate(25deg)scale(.6)}}@keyframes monsterTaunt{0%,to{transform:translateY(0)rotate(0)}35%{transform:translateY(-8px)rotate(-4deg)scale(1.06)}65%{transform:translateY(0)rotate(4deg)}}@keyframes battleCallout{0%{opacity:0;transform:translateY(10px)scale(.72)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes hpCrystalFill{0%{opacity:0;filter:brightness(3);transform:scale(.2)rotate(-35deg)}62%{opacity:1;transform:scale(1.22)rotate(6deg)}to{transform:scale(1)rotate(0)}}@keyframes challengeVictoryGlow{0%,to{box-shadow:inset 0 2px 1px #ffffffe6,inset 0 -8px 13px #774e2a1a,0 7px #8e6f86,0 26px 65px #0301129e}52%{box-shadow:inset 0 2px 1px #fff,0 7px #b78352,0 0 52px #ffdc74b8}}@keyframes defeatSceneIn{0%{opacity:0}to{opacity:1}}@keyframes fullMonsterDefeat{0%{opacity:1;filter:brightness()drop-shadow(0 22px 18px #0301168c);transform:scale(1)rotate(0)}22%{filter:brightness(2.8)saturate(.45)drop-shadow(0 0 34px #fff1a2);transform:scale(1.12)rotate(-4deg)}48%{opacity:1;filter:brightness(1.7)hue-rotate(40deg);transform:scale(.94)rotate(8deg)}78%{opacity:.8;filter:brightness(3)blur(2px);transform:translateY(-18px)scale(.54)rotate(55deg)}to{opacity:0;filter:brightness(4)blur(12px);transform:translateY(-45px)scale(.04)rotate(150deg)}}@keyframes defeatCoreBurst{0%{opacity:0;transform:scale(.15)rotate(0)}22%{opacity:1}to{opacity:0;transform:scale(4.2)rotate(120deg)}}@keyframes defeatStarScatter{0%{opacity:0;transform:translate(0)scale(.2)rotate(0)}25%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.4) rotate(180deg)}}@keyframes defeatCopyIn{0%{opacity:0;transform:translateY(28px)scale(.84)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mysterySealOpen{0%{filter:brightness();transform:scale(.68)rotate(-30deg)}55%{filter:brightness(2);transform:scale(1.2)rotate(8deg)}to{filter:brightness();transform:scale(1)rotate(0)}}@keyframes lootParticle{0%,to{opacity:.25;transform:translateY(7px)rotate(0)}50%{opacity:1;transform:translateY(-9px)rotate(45deg)scale(1.3)}}@keyframes eventCrystalReady{0%{transform:translateY(3px)rotate(-2deg)}to{transform:translateY(-7px)rotate(2deg)}}@keyframes lootStarDrop{0%{opacity:0;transform:translateY(-80px)rotate(-30deg)scale(.4)}65%{opacity:1;transform:translateY(8px)rotate(8deg)scale(1.12)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes returnVortexSpin{to{transform:rotate(360deg)scale(.92)}}@keyframes planeIntoVortex{0%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-15deg)}to{opacity:0;transform:translate(-50%,-50%)scale(.05)rotate(300deg)}}@keyframes planeReappear{0%{opacity:0;transform:translate(-260%,-50%)scale(.3)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes finishGateOpen{0%{opacity:0;filter:brightness(3)blur(8px);transform:scale(.3)rotate(-25deg)}to{opacity:1;filter:brightness()drop-shadow(0 0 32px #ffe47585);transform:scale(1)rotate(0)}}@keyframes planeThroughGate{0%{opacity:1;transform:translate(-210%,90%)scale(.7)rotate(-20deg)}65%{opacity:1;transform:translate(-50%,-50%)scale(1.1)rotate(8deg)}to{opacity:0;transform:translate(-50%,-50%)scale(.04)rotate(70deg)}}@keyframes bonusDiceSplitLeft{0%{opacity:0;transform:translate(55px)rotate(25deg)scale(.3)}to{opacity:1;transform:translate(0)rotate(-9deg)scale(1)}}@keyframes bonusDiceSplitRight{0%{opacity:0;transform:translate(-55px)rotate(-25deg)scale(.3)}to{opacity:1;transform:translate(0)rotate(9deg)scale(1)}}@keyframes bonusDiceOrbit{0%{transform:translateY(4px)rotate(-5deg)}to{transform:translateY(-7px)rotate(5deg)}}@keyframes skillRunesSweep{0%{opacity:0;transform:translate(-45px)scale(.7)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes resolutionImpactExpand{0%{opacity:.9;transform:translate(-50%,-50%)scale(.18)}to{opacity:0;transform:translate(-50%,-50%)scale(4.2)}}@keyframes resultRibbonReveal{0%{opacity:0;transform:translateY(30vh)scale(.78)}to{opacity:1;transform:translateY(22vh)scale(1)}}@media (width<=640px){.challenge-panel .challenge-word{gap:8px;padding-inline:2px}.challenge-panel .word-line .listen-word-button{border-radius:15px;width:142px;min-width:142px;min-height:52px;padding:6px 8px}.listen-icon{border-radius:10px;flex-basis:31px;width:31px;font-size:16px}.listen-copy{min-width:64px}.listen-copy b{font-size:11px}.listen-copy small{font-size:7px!important}.challenge-panel .challenge-word strong{font-size:clamp(36px,11vw,48px)}.speech-feedback{font-size:8px}.encounter-warning-stripe{top:10%}.encounter-stage-copy{width:94vw}.encounter-stage-copy h2{font-size:clamp(25px,8vw,38px)}.monster-cinematic-art{width:min(74vw,320px);margin:-28px 0 -48px}.mystery-crystal{width:min(65vw,260px)}.encounter-cinematic.phase-handoff:after{bottom:18px}.battle-plane{width:60px}.mystery-test-cinematic{min-height:58px;padding:7px 8px}.mystery-test-cinematic b{font-size:9px}.resolution-action-scene{height:47vh;transform:translateY(-13%)}.resolution-cinematic article{border-radius:25px;padding:22px 18px}.resolution-cinematic.phase-reveal article{animation-name:resultRibbonRevealMobile}}@media (orientation:landscape) and (height<=520px) and (width>=650px){.challenge-panel.word-card{width:min(760px,96vw);max-height:96svh;padding:12px 18px 14px 26px}.challenge-panel .challenge-word{margin-block:4px}.challenge-panel .challenge-word strong{font-size:36px}.challenge-panel .word-line .listen-word-button{min-height:48px}.monster-stage{margin-block:5px 2px;padding-block:6px}.monster-mini-art{flex-basis:48px;width:48px}.mystery-test-cinematic{min-height:50px;margin-block:5px}.encounter-stage-copy{transform:scale(.78)}.encounter-cinematic.phase-handoff .encounter-stage-copy{transform:scale(.76)}.encounter-warning-stripe{padding:4px;top:7%}.encounter-cinematic.phase-handoff:after{padding:5px 12px;bottom:7px}.resolution-action-scene{height:68vh;transform:translateY(-8%)scale(.72)}.resolution-cinematic.phase-reveal article{width:min(520px,76vw);padding:14px 20px;animation-name:resultRibbonRevealLandscape}.resolution-icon{width:64px}.resolution-cinematic article h2{font-size:21px}}@keyframes resultRibbonRevealMobile{0%{opacity:0;transform:translateY(33vh)scale(.78)}to{opacity:1;transform:translateY(24vh)scale(1)}}@keyframes resultRibbonRevealLandscape{0%{opacity:0;transform:translateY(26vh)scale(.78)}to{opacity:1;transform:translateY(18vh)scale(1)}}@media (prefers-reduced-motion:reduce){.encounter-cinematic,.encounter-cinematic *,.monster-answer-cinematic *,.mystery-test-cinematic *,.resolution-cinematic,.resolution-cinematic *,.event-scene-art *{transition-duration:.26s!important;animation-duration:.42s!important;animation-iteration-count:1!important}.encounter-cinematic.phase-warning .encounter-stage-copy>small,.encounter-cinematic.phase-warning .encounter-stage-copy>h2,.encounter-cinematic.phase-warning .encounter-stage-copy>p,.encounter-cinematic.phase-handoff .encounter-stage-copy>small,.encounter-cinematic.phase-handoff .encounter-stage-copy>h2,.encounter-cinematic.phase-handoff .encounter-stage-copy>p{opacity:1}}.encounter-variant-art{background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important}.monster-mini-art.encounter-variant-art{background-position:50%!important;background-size:contain!important}.resolution-crystal-token{z-index:7;aspect-ratio:1;opacity:0;filter:drop-shadow(0 18px 18px #04011c7a)drop-shadow(0 0 32px #8469ff94);width:clamp(150px,25vw,260px);top:50%;left:50%;transform:translate(-50%,-50%)scale(.45)rotate(-22deg)}.resolution-cinematic.phase-charge .resolution-crystal-token{animation:resolutionCrystalCharge .4s var(--ease-pop) both}.resolution-cinematic.phase-action .resolution-crystal-token{animation:.92s ease-in both resolutionCrystalBurst}.resolution-cinematic.phase-reveal .resolution-crystal-token{opacity:0}.defeat-exit-portal{z-index:2;aspect-ratio:1;opacity:0;border-radius:50%;width:clamp(250px,40vw,460px);margin-top:-86px;position:absolute;transform:scale(.2)rotate(-40deg)}.defeat-exit-portal:before{content:"";background:radial-gradient(circle,#120933 0 24%,#49369e 26% 38%,#b865e0ad 40% 48%,#0000 51%);border:10px solid #ffe584b8;border-radius:50%;position:absolute;inset:9%;box-shadow:0 0 34px #ffe0788c,inset 0 0 45px #8b4edcc7}.defeat-exit-portal i{border:3px dashed #fff5becc;border-radius:50%;position:absolute;inset:3%}.defeat-exit-portal i:nth-child(2){border-color:#c57de2;animation-direction:reverse;inset:18%}.defeat-exit-portal i:nth-child(3){border-width:6px;border-color:#fff2a1;inset:31%}.monster-defeat-cinematic.phase-defeat .defeat-monster-art{animation:.94s cubic-bezier(.2,.8,.28,1) both monsterDefeatedStagger}.monster-defeat-cinematic.phase-defeat .defeat-copy{animation:defeatCopyIn .42s .12s var(--ease-pop) both}.monster-defeat-cinematic.phase-retreat .defeat-exit-portal,.monster-defeat-cinematic.phase-exit .defeat-exit-portal{opacity:1;animation:monsterExitPortalOpen 1.38s var(--ease-pop) both}.monster-defeat-cinematic.phase-retreat .defeat-exit-portal i,.monster-defeat-cinematic.phase-exit .defeat-exit-portal i{animation:1.1s linear infinite monsterExitPortalSpin}.monster-defeat-cinematic.phase-retreat .defeat-monster-art,.monster-defeat-cinematic.phase-exit .defeat-monster-art{animation:1.45s cubic-bezier(.34,.05,.63,1) both monsterPortalRetreat}.monster-defeat-cinematic.phase-retreat .defeat-stars i,.monster-defeat-cinematic.phase-exit .defeat-stars i{animation-name:retreatStarStream;animation-duration:1.1s;animation-delay:0s}.monster-defeat-cinematic.phase-retreat .defeat-copy{animation:retreatCopySwap .28s var(--ease-pop) both}.monster-defeat-cinematic.phase-exit{animation:.32s ease-in both monsterDefeatSceneExit}.monster-figure.battle-retreat .monster-mini-art,.monster-figure.battle-exit .monster-mini-art{opacity:0}.monster-answer-cinematic.retreat .battle-callout{animation:battleCallout .44s var(--ease-pop) both}.top-actions .bgm-toggle.is-playing{color:#fff5bc;background:linear-gradient(#755bcd80,#2a1c6e94);border-color:#ffe780a3;box-shadow:inset 0 1px #ffffff4d,0 0 18px #ffdd6733}.top-actions .bgm-toggle.is-playing .hud-icon{color:#2e2450;background:linear-gradient(145deg,#fff4ad,#ffc95d);animation:1.15s ease-in-out infinite alternate bgmNotePulse;box-shadow:0 0 13px #ffe1768c}.top-actions button:disabled{cursor:not-allowed;opacity:.55}@keyframes resolutionCrystalCharge{0%{opacity:0;filter:brightness(2.2)blur(7px);transform:translate(-50%,-50%)scale(.24)rotate(-36deg)}68%{opacity:1;filter:brightness(1.35)drop-shadow(0 0 42px #ffe781bf);transform:translate(-50%,-50%)scale(1.12)rotate(5deg)}to{opacity:1;filter:brightness()drop-shadow(0 18px 18px #04011c7a);transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes resolutionCrystalBurst{0%{opacity:1;filter:brightness();transform:translate(-50%,-50%)scale(1)rotate(0)}45%{opacity:1;filter:brightness(2.8)drop-shadow(0 0 50px #fff);transform:translate(-50%,-50%)scale(1.24)rotate(8deg)}to{opacity:0;filter:brightness(3.5)blur(10px);transform:translate(-50%,-50%)scale(1.75)rotate(22deg)}}@keyframes monsterDefeatedStagger{0%{opacity:1;filter:brightness();transform:scale(1)rotate(0)}18%{filter:brightness(1.8)saturate(.62);transform:translate(-16px)scale(1.1)rotate(-7deg)}38%{transform:translate(13px)scale(.98)rotate(6deg)}62%{filter:brightness(1.5)saturate(.72);transform:translateY(12px)scale(.93)rotate(-3deg)}to{opacity:1;filter:brightness(.84)saturate(.56);transform:translateY(24px)scale(.9)rotate(0)}}@keyframes monsterExitPortalOpen{0%{opacity:0;filter:blur(9px);transform:scale(.18)rotate(-55deg)}48%{opacity:1;filter:blur();transform:scale(1.1)rotate(8deg)}to{opacity:1;transform:scale(.96)rotate(0)}}@keyframes monsterExitPortalSpin{to{transform:rotate(360deg)}}@keyframes monsterPortalRetreat{0%{opacity:1;filter:brightness(.84)saturate(.56);transform:translateY(24px)scale(.9)rotate(0)}22%{filter:brightness(1.5);transform:translateY(4px)scale(1.03)rotate(-4deg)}58%{opacity:1;filter:brightness(2.2);transform:translateY(-22px)scale(.62)rotate(38deg)}to{opacity:0;filter:brightness(4)blur(12px);transform:translateY(-42px)scale(.035)rotate(210deg)}}@keyframes retreatStarStream{0%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.2) rotate(0)}28%{opacity:1}to{opacity:0;transform:translateY(-40px)scale(.15)rotate(220deg)}}@keyframes retreatCopySwap{0%{opacity:0;filter:blur(5px);transform:translateY(20px)scale(.88)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes monsterDefeatSceneExit{0%{opacity:1}to{opacity:0}}@keyframes bgmNotePulse{0%{transform:translateY(1px)rotate(-5deg)scale(.96)}to{transform:translateY(-1px)rotate(5deg)scale(1.08)}}@media (width>=641px) and (width<=980px){.top-actions{gap:5px}.top-actions button{border-radius:50%;place-items:center;width:40px;min-height:40px;padding:0;font-size:0;display:grid}.top-actions button .hud-icon{width:25px;font-size:13px!important}}@media (width<=640px){.resolution-crystal-token{width:min(58vw,230px)}.defeat-exit-portal{width:min(82vw,360px)}.defeat-copy{bottom:max(34px, calc(24px + env(safe-area-inset-bottom)))}}@media (prefers-reduced-motion:reduce){.monster-defeat-cinematic,.monster-defeat-cinematic *,.resolution-crystal-token{transition-duration:.26s!important;animation-duration:.42s!important;animation-iteration-count:1!important}}.cinematic-dice-cube.is-sequenced{transform:translateY(var(--dice-lift,-30px)) rotateX(var(--dice-x,0deg)) rotateY(var(--dice-y,0deg)) rotateZ(var(--dice-z,0deg));will-change:transform;transition:transform 88ms cubic-bezier(.32,.04,.67,.96);animation:none!important}.dice-cinematic-backdrop.phase-settling .cinematic-dice-cube.is-sequenced{transition-duration:.175s;transition-timing-function:cubic-bezier(.24,.65,.38,1)}.dice-cinematic-backdrop.phase-revealed .cinematic-dice-cube.is-sequenced{transition-duration:.62s;transition-timing-function:cubic-bezier(.16,.86,.24,1.15)}.dice-cinematic-backdrop.phase-rolling .dice-cinematic-copy strong,.dice-cinematic-backdrop.phase-settling .dice-cinematic-copy strong{font-variant-numeric:tabular-nums;min-width:250px}.dice-cinematic-backdrop.phase-settling .dice-magic-ring{filter:brightness(1.28);animation-duration:1.4s}.island{isolation:isolate;overflow:hidden}.island>span{z-index:2;pointer-events:none;display:block;position:absolute}.hangar-runway{background:repeating-linear-gradient(#ffffffb8 0 5%,#0000 5% 14%),linear-gradient(90deg,#140b3d80,#ffffff21,#140b3d80);border:1px solid #ffffff61;border-radius:999px;width:17%;height:86%;top:50%;left:50%;box-shadow:inset 0 0 14px #0a052d75,0 0 14px}@supports (color:color-mix(in lab, red, red)){.hangar-runway{box-shadow:inset 0 0 14px #0a052d75, 0 0 14px color-mix(in srgb, currentColor 52%, transparent)}}.hangar-runway{opacity:.72;transform:translate(-50%,-50%) rotate(var(--hangar-angle,0deg))}.island-red{--hangar-angle:0deg}.island-yellow,.island-blue{--hangar-angle:90deg}.island-green{--hangar-angle:0deg}.hangar-core{aspect-ratio:1;color:#fff3a6;background:radial-gradient(circle at 38% 28%,#ffffffeb 0 5%,#0000 16%),radial-gradient(circle,currentColor,currentColor 58%,#1b104d 72%);border:2px solid #ffffffc7;border-radius:50%;place-items:center;width:29%;top:50%;left:50%;display:grid!important}@supports (color:color-mix(in lab, red, red)){.hangar-core{background:radial-gradient(circle at 38% 28%, #ffffffeb 0 5%, transparent 16%), radial-gradient(circle, color-mix(in srgb, currentColor 82%, white 18%), color-mix(in srgb, currentColor 58%, #27135b 42%) 58%, #1b104d 72%)}}.hangar-core{animation:2.6s ease-in-out infinite hangarCorePulse;transform:translate(-50%,-50%);box-shadow:inset 0 0 12px #ffffff73,0 0 0 5px #ffffff1f,0 0 22px}.hangar-core i{text-shadow:0 0 10px #fff;font-size:clamp(10px,2vw,22px);font-style:normal}.hangar-pad{aspect-ratio:1;background:radial-gradient(circle,#ffffff47 0 12%,#0000 14%),conic-gradient(from 45deg,#ffffff1f,#0000 22%,#ffffff4d 25%,#0000 48%,#ffffff1f 51%,#0000 74%,#ffffff4d 77%,#0000);border:2px solid #ffffff7a;border-radius:28%;width:26%;box-shadow:inset 0 0 12px #0e073785,0 0 12px}@supports (color:color-mix(in lab, red, red)){.hangar-pad{box-shadow:inset 0 0 12px #0e073785, 0 0 12px color-mix(in srgb, currentColor 46%, transparent)}}.hangar-pad{opacity:.76}.hangar-pad:after{content:"";border:1px dashed #fff9;border-radius:50%;position:absolute;inset:23%}.hangar-pad.pad-a{top:13%;left:13%}.hangar-pad.pad-b{top:13%;right:13%}.hangar-pad.pad-c{bottom:13%;left:13%}.hangar-pad.pad-d{bottom:13%;right:13%}.hangar-orbit{aspect-ratio:1;border:1px dashed #ffffff47;border-radius:50%;width:62%;animation:12s linear infinite hangarOrbit;top:50%;left:50%;transform:translate(-50%,-50%)}.hangar-orbit.orbit-b{border-style:solid;border-color:currentColor;width:78%}@supports (color:color-mix(in lab, red, red)){.hangar-orbit.orbit-b{border-color:color-mix(in srgb, currentColor 48%, transparent)}}.hangar-orbit.orbit-b{opacity:.55;animation-duration:16s;animation-direction:reverse}.plane-piece{width:clamp(36px,7%,52px)}.plane-token{filter:drop-shadow(0 5px 4px #06021c85)drop-shadow(0 0 5px #ffe78247);width:128%;height:128%;inset:-14%}.plane-piece.movable .plane-token{filter:drop-shadow(0 7px 5px #06021c80)drop-shadow(0 0 10px #ffed99c7)brightness(1.1)}.plane-piece.hangar-locked .plane-token{filter:grayscale(.46)brightness(.68)drop-shadow(0 3px 3px #06021c73);opacity:.72;transform:rotate(var(--heading,-18deg)) scale(.86)}.hangar-lock{z-index:5;aspect-ratio:1;color:#5c477d;background:linear-gradient(145deg,#fff5bd,#e8ae47);border:1px solid #ffffffd1;border-radius:50%;place-items:center;width:17px;font-size:7px;font-style:normal;display:grid;position:absolute;top:3%;right:-5%;box-shadow:0 2px 4px #05021a75,0 0 8px #ffe16e8c}@keyframes hangarCorePulse{0%,to{filter:brightness(.96);transform:translate(-50%,-50%)scale(.95)}50%{filter:brightness(1.18);transform:translate(-50%,-50%)scale(1.06)}}@keyframes hangarOrbit{to{transform:translate(-50%,-50%)rotate(360deg)}}@media (width<=640px){.plane-piece{width:clamp(29px,7.4%,38px)}.hangar-lock{width:14px;font-size:6px}.hangar-core i{font-size:10px}}@media (prefers-reduced-motion:reduce){.hangar-core,.hangar-orbit{animation:none!important}.cinematic-dice-cube.is-sequenced{transition-duration:.18s!important}}.challenge-panel.word-card{--qa-accent:#ffd86f;--qa-orb:#8d73ff;--qa-deep:#17103f;border:2px solid var(--qa-accent);width:min(700px,95vw);max-height:calc(100svh - 24px);padding:clamp(22px,3vw,31px) clamp(22px,3.5vw,36px) clamp(24px,3vw,32px);position:relative;overflow:hidden auto}@supports (color:color-mix(in lab, red, red)){.challenge-panel.word-card{border:2px solid color-mix(in srgb, var(--qa-accent) 72%, white 28%)}}.challenge-panel.word-card{color:#f9f6ff;background:radial-gradient(circle at 84% 9%, var(--qa-orb), transparent 25%), radial-gradient(circle at 12% 88%, var(--qa-accent), transparent 31%), radial-gradient(circle at 26% 22%, #ffffff14 0 1px, transparent 1.8px) 0 0 / 27px 27px, linear-gradient(145deg, #2d1d70fb, #181043fc 56%, #0a0726fe);border-radius:32px}@supports (color:color-mix(in lab, red, red)){.challenge-panel.word-card{background:radial-gradient(circle at 84% 9%, color-mix(in srgb, var(--qa-orb) 44%, transparent), transparent 25%), radial-gradient(circle at 12% 88%, color-mix(in srgb, var(--qa-accent) 17%, transparent), transparent 31%), radial-gradient(circle at 26% 22%, #ffffff14 0 1px, transparent 1.8px) 0 0 / 27px 27px, linear-gradient(145deg, #2d1d70fb, #181043fc 56%, #0a0726fe)}}.challenge-panel.word-card{box-shadow:inset 0 1px 0 #ffffff4d, inset 0 -12px 28px #05021e61, 0 7px 0 #070422b8, 0 30px 90px #020112bf, 0 0 45px var(--qa-orb)}@supports (color:color-mix(in lab, red, red)){.challenge-panel.word-card{box-shadow:inset 0 1px 0 #ffffff4d, inset 0 -12px 28px #05021e61, 0 7px 0 #070422b8, 0 30px 90px #020112bf, 0 0 45px color-mix(in srgb, var(--qa-orb) 34%, transparent)}}.challenge-panel.word-card{scrollbar-color:var(--qa-accent) transparent}@supports (color:color-mix(in lab, red, red)){.challenge-panel.word-card{scrollbar-color:color-mix(in srgb, var(--qa-accent) 55%, transparent) transparent}}.challenge-panel.word-card.landing-monster{--qa-accent:#ff87c0;--qa-orb:#ff9254;--qa-deep:#32103f}.challenge-panel.word-card.landing-mystery{--qa-accent:#66ebcf;--qa-orb:#a07cff;--qa-deep:#092f3e}.challenge-panel.word-card.correct{box-shadow:inset 0 1px #ffffff4d,0 7px #164f47,0 0 54px #5cefc36b,0 30px 90px #020112b8}.challenge-panel.word-card.wrong{box-shadow:inset 0 1px #ffffff4d,0 7px #642643,0 0 48px #ff659b59,0 30px 90px #020112b8}.challenge-panel.word-card:before{border:1px solid var(--qa-accent);width:390px;height:260px;top:-115px;left:57%}@supports (color:color-mix(in lab, red, red)){.challenge-panel.word-card:before{border:1px solid color-mix(in srgb, var(--qa-accent) 38%, transparent)}}.challenge-panel.word-card:before{background:repeating-conic-gradient(from 15deg, var(--qa-accent) 0 3deg, transparent 3deg 18deg);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.challenge-panel.word-card:before{background:repeating-conic-gradient(from 15deg, color-mix(in srgb, var(--qa-accent) 13%, transparent) 0 3deg, transparent 3deg 18deg)}}.challenge-panel.word-card:before{filter:blur(.1px);opacity:.78;transform:rotate(-10deg)}.challenge-panel.word-card:after{z-index:0;aspect-ratio:1;border:1px dashed var(--qa-orb);width:260px;position:absolute;bottom:-100px;right:-80px}@supports (color:color-mix(in lab, red, red)){.challenge-panel.word-card:after{border:1px dashed color-mix(in srgb, var(--qa-orb) 52%, transparent)}}.challenge-panel.word-card:after{box-shadow:inset 0 0 55px var(--qa-orb);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.challenge-panel.word-card:after{box-shadow:inset 0 0 55px color-mix(in srgb, var(--qa-orb) 13%, transparent)}}.challenge-panel.word-card:after{content:"";opacity:.55}.challenge-panel.word-card>*{z-index:2;position:relative}.challenge-panel .book-spine{z-index:3;background:linear-gradient(180deg, transparent, var(--qa-accent) 20% 80%, transparent);width:6px;box-shadow:0 0 18px var(--qa-accent);border:0;border-radius:0 999px 999px 0;top:15%;bottom:15%;left:0}.challenge-panel .challenge-corner{color:var(--qa-accent);text-shadow:0 0 12px var(--qa-accent)}.challenge-panel .tile-chip,.challenge-panel .actor-chip{border:1px solid var(--qa-accent)}@supports (color:color-mix(in lab, red, red)){.challenge-panel .tile-chip,.challenge-panel .actor-chip{border:1px solid color-mix(in srgb, var(--qa-accent) 42%, #ffffff40)}}.challenge-panel .tile-chip,.challenge-panel .actor-chip{color:#fff9dc;background:linear-gradient(145deg, var(--qa-orb), #ffffff0e)}@supports (color:color-mix(in lab, red, red)){.challenge-panel .tile-chip,.challenge-panel .actor-chip{background:linear-gradient(145deg, color-mix(in srgb, var(--qa-orb) 24%, #ffffff14), #ffffff0e)}}.challenge-panel .tile-chip,.challenge-panel .actor-chip{box-shadow:inset 0 1px 0 #ffffff2e, 0 0 14px var(--qa-orb)}@supports (color:color-mix(in lab, red, red)){.challenge-panel .tile-chip,.challenge-panel .actor-chip{box-shadow:inset 0 1px 0 #ffffff2e, 0 0 14px color-mix(in srgb, var(--qa-orb) 22%, transparent)}}.challenge-panel .tile-chip,.challenge-panel .actor-chip{letter-spacing:.03em}.challenge-panel .actor-chip.red{color:#ffd5db}.challenge-panel .actor-chip.yellow{color:#fff0ae}.challenge-panel .actor-chip.green{color:#c5ffe2}.challenge-panel .actor-chip.blue{color:#d7ecff}.challenge-panel .challenge-subject{align-items:center;gap:10px;margin-top:16px;display:flex}.challenge-panel .challenge-subject:before,.challenge-panel .challenge-subject:after{background:linear-gradient(90deg, transparent, var(--qa-accent));flex:1;height:1px}@supports (color:color-mix(in lab, red, red)){.challenge-panel .challenge-subject:before,.challenge-panel .challenge-subject:after{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--qa-accent) 70%, transparent))}}.challenge-panel .challenge-subject:before,.challenge-panel .challenge-subject:after{content:""}.challenge-panel .challenge-subject:after{transform:scaleX(-1)}.challenge-panel .challenge-subject small{color:var(--qa-accent)}@supports (color:color-mix(in lab, red, red)){.challenge-panel .challenge-subject small{color:color-mix(in srgb, var(--qa-accent) 74%, white 26%)}}.challenge-panel .challenge-subject small{text-shadow:0 0 12px var(--qa-accent)}@supports (color:color-mix(in lab, red, red)){.challenge-panel .challenge-subject small{text-shadow:0 0 12px color-mix(in srgb, var(--qa-accent) 48%, transparent)}}.challenge-panel .challenge-word{background:linear-gradient(145deg,#ffffff18,#ffffff09);border:1px solid #ffffff1f;border-radius:22px;margin:12px 0 7px;padding:10px 11px 10px 18px;box-shadow:inset 0 1px #ffffff21,inset 0 -8px 18px #0402192e}.challenge-panel .challenge-word strong{color:#fffbea;text-shadow:0 3px 0 #4e358eb8, 0 0 22px var(--qa-accent);font-size:clamp(48px,6vw,72px);font-weight:900}@supports (color:color-mix(in lab, red, red)){.challenge-panel .challenge-word strong{text-shadow:0 3px 0 #4e358eb8, 0 0 22px color-mix(in srgb, var(--qa-accent) 44%, transparent)}}.challenge-panel .challenge-word small{color:#d5cbed;font-size:12px}.challenge-panel .word-line .listen-word-button{border-color:var(--qa-accent);min-width:176px}@supports (color:color-mix(in lab, red, red)){.challenge-panel .word-line .listen-word-button{border-color:color-mix(in srgb, var(--qa-accent) 72%, white 28%)}}.challenge-panel .word-line .listen-word-button{color:#fff7c7;background:radial-gradient(circle at 20% 12%, #ffffff42, transparent 23%), linear-gradient(145deg, var(--qa-orb), var(--qa-deep))}@supports (color:color-mix(in lab, red, red)){.challenge-panel .word-line .listen-word-button{background:radial-gradient(circle at 20% 12%, #ffffff42, transparent 23%), linear-gradient(145deg, color-mix(in srgb, var(--qa-orb) 76%, #4d3187 24%), color-mix(in srgb, var(--qa-deep) 88%, black 12%))}}.challenge-panel .word-line .listen-word-button{box-shadow:inset 0 1px 0 #ffffff45, inset 0 -5px 9px #06021d42, 0 4px 0 #090626, 0 0 18px var(--qa-orb)}@supports (color:color-mix(in lab, red, red)){.challenge-panel .word-line .listen-word-button{box-shadow:inset 0 1px 0 #ffffff45, inset 0 -5px 9px #06021d42, 0 4px 0 #090626, 0 0 18px color-mix(in srgb, var(--qa-orb) 28%, transparent)}}.challenge-panel .listen-icon{border-color:var(--qa-accent)}@supports (color:color-mix(in lab, red, red)){.challenge-panel .listen-icon{border-color:color-mix(in srgb, var(--qa-accent) 58%, white 20%)}}.challenge-panel .listen-icon{background:var(--qa-accent)}@supports (color:color-mix(in lab, red, red)){.challenge-panel .listen-icon{background:color-mix(in srgb, var(--qa-accent) 15%, #ffffff14)}}.challenge-panel .voice-waves span{background:var(--qa-accent);box-shadow:0 0 6px var(--qa-accent)}.challenge-panel .speech-feedback{color:#bfb4db}.challenge-panel .speech-feedback.speaking{color:var(--qa-accent)}@supports (color:color-mix(in lab, red, red)){.challenge-panel .speech-feedback.speaking{color:color-mix(in srgb, var(--qa-accent) 78%, white)}}.challenge-panel .speech-feedback.error,.challenge-panel .speech-feedback.unsupported{color:#ffabc7}.challenge-panel .challenge-prompt{letter-spacing:.02em;color:#d6cdea!important}.challenge-panel .public-answers{gap:11px}.challenge-panel .public-answers button{color:#f7f3ff;background:radial-gradient(circle at 15% 12%,#ffffff26,#0000 24%),linear-gradient(145deg,#654fbc8a,#271b64c2);border:1px solid #dbd2ff57;min-height:60px;box-shadow:inset 0 1px #ffffff29,inset 0 -4px 8px #05021c2b,0 4px #0a062bbf,0 9px 17px #0201124d}.challenge-panel .public-answers button:hover:not(:disabled){border-color:var(--qa-accent);color:#fff;background:linear-gradient(145deg, var(--qa-orb), #302071e0)}@supports (color:color-mix(in lab, red, red)){.challenge-panel .public-answers button:hover:not(:disabled){background:linear-gradient(145deg, color-mix(in srgb, var(--qa-orb) 46%, #ffffff1f), #302071e0)}}.challenge-panel .public-answers button:hover:not(:disabled){box-shadow:inset 0 1px 0 #fff3, 0 4px 0 var(--qa-orb), 0 0 22px var(--qa-accent)}@supports (color:color-mix(in lab, red, red)){.challenge-panel .public-answers button:hover:not(:disabled){box-shadow:inset 0 1px 0 #fff3, 0 4px 0 color-mix(in srgb, var(--qa-orb) 44%, #130a3c), 0 0 22px color-mix(in srgb, var(--qa-accent) 28%, transparent)}}.challenge-panel .answer-letter{border-color:var(--qa-accent)}@supports (color:color-mix(in lab, red, red)){.challenge-panel .answer-letter{border-color:color-mix(in srgb, var(--qa-accent) 58%, white 20%)}}.challenge-panel .answer-letter{color:#fffbed;background:linear-gradient(145deg, var(--qa-orb), var(--qa-deep))}@supports (color:color-mix(in lab, red, red)){.challenge-panel .answer-letter{background:linear-gradient(145deg, color-mix(in srgb, var(--qa-orb) 72%, #a88cff 28%), color-mix(in srgb, var(--qa-deep) 84%, #38266e 16%))}}.challenge-panel .answer-letter{box-shadow:inset 0 1px 0 #ffffff47, 0 3px 0 #070423b8, 0 0 10px var(--qa-orb)}@supports (color:color-mix(in lab, red, red)){.challenge-panel .answer-letter{box-shadow:inset 0 1px 0 #ffffff47, 0 3px 0 #070423b8, 0 0 10px color-mix(in srgb, var(--qa-orb) 24%, transparent)}}.challenge-panel .answer-grid button.selected:not(.answer-correct){color:#fff3f8;background:linear-gradient(145deg,#b42d69b8,#5b1b52db);border-color:#ff75ad;box-shadow:inset 0 1px #fff3,0 4px #501637,0 0 22px #ff529752}.challenge-panel .answer-grid button.answer-correct{color:#effff9;background:linear-gradient(145deg,#3fbe96c7,#186258e6);border-color:#72f1ca;box-shadow:inset 0 1px #ffffff40,0 4px #165a4b,0 0 24px #53ebbf59}.challenge-panel .answer-grid button.answer-correct .answer-letter{background:linear-gradient(145deg,#8af7d5,#249878);box-shadow:inset 0 1px #ffffff59,0 3px #12624d}.challenge-panel .challenge-result{color:#d7ceea;background:#07041f57;border-color:#d3c7ff38;box-shadow:inset 0 1px #ffffff14}.challenge-panel .challenge-result.visible{color:#c8ffed;background:#1d846c52;border-color:#5defc480}.challenge-panel .challenge-result.visible.wrong{color:#ffd0df;background:#91255452;border-color:#ff70a680}.challenge-panel .monster-stage{border:1px solid var(--qa-accent)}@supports (color:color-mix(in lab, red, red)){.challenge-panel .monster-stage{border:1px solid color-mix(in srgb, var(--qa-accent) 40%, #ffffff29)}}.challenge-panel .monster-stage{color:#fff;background:radial-gradient(circle at 10% 30%, var(--qa-orb), transparent 38%), linear-gradient(145deg, #271353eb, #0d082ef0)}@supports (color:color-mix(in lab, red, red)){.challenge-panel .monster-stage{background:radial-gradient(circle at 10% 30%, color-mix(in srgb, var(--qa-orb) 23%, transparent), transparent 38%), linear-gradient(145deg, #271353eb, #0d082ef0)}}.challenge-panel .monster-stage{box-shadow:inset 0 1px 0 #ffffff29, 0 4px 0 #06031eb3, 0 0 20px var(--qa-orb)}@supports (color:color-mix(in lab, red, red)){.challenge-panel .monster-stage{box-shadow:inset 0 1px 0 #ffffff29, 0 4px 0 #06031eb3, 0 0 20px color-mix(in srgb, var(--qa-orb) 17%, transparent)}}.challenge-panel .monster-figure small,.challenge-panel .monster-battle-copy b{color:#ffe5f2}.challenge-panel .mystery-test-cinematic{color:#dffff6;background:linear-gradient(145deg,#23857a75,#1d1a52bf);border-color:#69ebcf80;box-shadow:inset 0 1px #ffffff30,0 4px #133e49}.challenge-panel .mystery-test-cinematic.is-wrong{color:#ffe1eb;background:linear-gradient(145deg,#952d5b7a,#3c1846c7);border-color:#ff7baa80;box-shadow:inset 0 1px #ffffff29,0 4px #4d1b38}.encounter-cinematic.phase-skill .encounter-vortex{opacity:1;transform:scale(1)}.encounter-cinematic.phase-skill .encounter-actor{opacity:1;animation:encounterActorChip .42s var(--ease-pop) both}.monster-cinematic-subject{aspect-ratio:1;place-items:center;width:clamp(255px,38vw,420px);margin:-22px 0 -50px;display:grid;position:relative}.monster-cinematic-subject .monster-cinematic-art{z-index:3;width:100%;margin:0;position:absolute;inset:0;min-height:0!important}.encounter-cinematic.phase-arrival .monster-cinematic-subject,.encounter-cinematic.phase-skill .monster-cinematic-subject,.encounter-cinematic.phase-warning .monster-cinematic-subject,.encounter-cinematic.phase-handoff .monster-cinematic-subject{opacity:1}.encounter-cinematic.phase-skill .monster-cinematic-art{opacity:1!important;animation:1.06s cubic-bezier(.16,.82,.25,1) both monsterCast!important}.monster-skill-fx{z-index:5;color:#ffd76d;pointer-events:none;position:absolute;inset:-9% -38% -7% -18%;overflow:visible}.monster-skill-fx>span,.monster-skill-fx .fx-particles,.monster-skill-fx .fx-particles i,.fx-skill-badge{position:absolute}.monster-skill-fx .fx-emitter{z-index:3;aspect-ratio:1;opacity:0;background:currentColor;border:2px solid #fffc;border-radius:50%;width:12%;animation:.9s ease-out both fxEmitter;top:43%;left:52%;box-shadow:0 0 18px 7px}.monster-skill-fx .fx-beam{z-index:2;opacity:0;transform-origin:0;width:63%;height:24%;top:38%;left:56%}.monster-skill-fx .fx-surface{z-index:1;opacity:0}.monster-skill-fx .fx-particles{z-index:4;inset:0}.monster-skill-fx .fx-particles i{aspect-ratio:1;opacity:0;width:9px;animation:.86s ease-out both fxParticle;animation-delay:var(--delay,0s);background:currentColor;border-radius:50%;top:45%;left:58%;box-shadow:0 0 9px}.monster-skill-fx .fx-particles i:first-child{--dx:190px;--dy:-96px;--delay:80ms}.monster-skill-fx .fx-particles i:nth-child(2){--dx:235px;--dy:-48px;--delay:.13s}.monster-skill-fx .fx-particles i:nth-child(3){--dx:278px;--dy:-8px;--delay:.18s}.monster-skill-fx .fx-particles i:nth-child(4){--dx:218px;--dy:46px;--delay:.23s}.monster-skill-fx .fx-particles i:nth-child(5){--dx:165px;--dy:88px;--delay:.28s}.monster-skill-fx .fx-particles i:nth-child(6){--dx:118px;--dy:-62px;--delay:.33s}.monster-skill-fx .fx-particles i:nth-child(7){--dx:305px;--dy:64px;--delay:.38s}.monster-skill-fx .fx-particles i:nth-child(8){--dx:90px;--dy:35px;--delay:.43s}.monster-skill-fx .fx-particles i:nth-child(9){--dx:245px;--dy:104px;--delay:.48s}.monster-skill-fx .fx-particles i:nth-child(10){--dx:330px;--dy:-74px;--delay:.53s}.monster-skill-fx .fx-particles i:nth-child(11){--dx:150px;--dy:15px;--delay:.58s}.monster-skill-fx .fx-particles i:nth-child(12){--dx:285px;--dy:25px;--delay:.63s}.fx-skill-badge{z-index:7;color:#fff;background:#100832d1;border:1px solid #ffffff61;border-radius:15px;flex-direction:column;min-width:142px;padding:7px 13px;display:flex;bottom:3%;right:17%;box-shadow:0 8px 24px #03011266,0 0 18px}@supports (color:color-mix(in lab, red, red)){.fx-skill-badge{box-shadow:0 8px 24px #03011266, 0 0 18px color-mix(in srgb, currentColor 36%, transparent)}}.fx-skill-badge{opacity:0;text-align:left;animation:fxBadgePop .92s .26s var(--ease-pop) both}.fx-skill-badge small{color:currentColor;letter-spacing:.16em;font-size:7px;font-weight:1000}.fx-skill-badge strong{margin-top:2px;font-size:15px;font-weight:1000}.monster-skill-fx.fx-fire{color:#ff9a3d}.monster-skill-fx.fx-fire .fx-beam{clip-path:polygon(0 42%,24% 10%,42% 27%,68% 0,100% 45%,72% 100%,43% 72%,20% 90%);filter:drop-shadow(0 0 16px #ff7a2f);background:radial-gradient(circle at 12%,#fff 0 8%,#ffe56f 18%,#ff9d3c 48%,#e83a3a 76%,#0000 78%);animation:.9s ease-out both fireJet}.monster-skill-fx.fx-magma{color:#ff7042}.monster-skill-fx.fx-magma .fx-beam{clip-path:polygon(0 50%,16% 22%,31% 54%,44% 4%,58% 58%,76% 14%,100% 62%,100% 100%,0 100%);filter:drop-shadow(0 0 18px #ff4b2e);background:linear-gradient(90deg,#fff39a,#ff7a35 45%,#b81735);animation:.94s ease-out both magmaBurst;top:50%}.monster-skill-fx.fx-magma .fx-surface{background:#ff5c35;border-radius:50%;width:62%;height:5%;animation:.9s ease-out both magmaCrack;bottom:25%;right:3%;box-shadow:0 0 26px 8px #ff3e2d}.monster-skill-fx.fx-electric{color:#dfb0ff}.monster-skill-fx.fx-electric .fx-beam{clip-path:polygon(0 44%,17% 12%,26% 54%,43% 22%,51% 66%,66% 28%,76% 62%,100% 38%,81% 78%,64% 54%,49% 96%,36% 50%,20% 82%);filter:drop-shadow(0 0 7px #fff)drop-shadow(0 0 16px #a851ff);background:linear-gradient(90deg,#fff,#b767ff 54%,#75dfff);height:31%;animation:.9s steps(5,end) both electricArc}.monster-skill-fx.fx-water{color:#62eaff}.monster-skill-fx.fx-water .fx-beam{background:linear-gradient(#f0ffffeb,#54d8ef 38%,#287fd7 78%);border:3px solid #e2ffffdb;border-left:0;border-radius:8% 80% 70% 12%/45% 62% 55% 45%;height:20%;animation:.93s cubic-bezier(.12,.74,.22,1) both waterJet;box-shadow:0 0 18px #45dff8,inset 0 6px 10px #ffffff8c}.monster-skill-fx.fx-water .fx-particles i{border-radius:70% 30% 68% 32%}.monster-skill-fx.fx-wind{color:#c8fff1}.monster-skill-fx.fx-wind .fx-beam{filter:drop-shadow(0 0 10px #87ecd7);background:repeating-linear-gradient(168deg,#0000 0 18px,#a7f7e8cc 19px 23px,#0000 24px 37px);border-block:5px solid #dafff6d6;border-radius:50%;height:28%;animation:.88s ease-out both windSlash}.monster-skill-fx.fx-wind .fx-particles i{border-radius:999px;width:18px;height:4px}.monster-skill-fx.fx-light{color:#ffe98b}.monster-skill-fx.fx-light .fx-beam{clip-path:polygon(0 36%,100% 0,100% 100%,0 64%);filter:blur(1px)drop-shadow(0 0 18px #ffe067);background:linear-gradient(90deg,#fff,#ffe66e 38%,#ffcf4814);height:20%;animation:.9s ease-out both lightRoar}.monster-skill-fx.fx-nebula{color:#ff9ee5}.monster-skill-fx.fx-nebula .fx-beam{filter:blur(8px)drop-shadow(0 0 20px #d856d8);background:radial-gradient(#ffe8ffd9,#dc57e1ad 34%,#594fdb85 64%,#0000 76%);border-radius:50%;height:35%;animation:.98s ease-out both nebulaBloom}.monster-skill-fx.fx-time{color:#ffe487}.monster-skill-fx.fx-time .fx-beam{display:none}.monster-skill-fx.fx-time .fx-surface{aspect-ratio:1;background:repeating-conic-gradient(from 0deg, #fff1ac 0 2deg, transparent 2deg 16deg), radial-gradient(circle, transparent 0 52%, #6f52d3a6 53% 58%, transparent 59%);border:4px solid #ffe58a;border-radius:50%;width:45%;animation:1s cubic-bezier(.14,.8,.2,1) both timeDial;top:18%;left:45%;box-shadow:0 0 26px #e5be57,inset 0 0 20px #7f50d89e}.monster-skill-fx.fx-frost{color:#d7f8ff}.monster-skill-fx.fx-frost .fx-beam{clip-path:polygon(0 38%,100% 0,86% 50%,100% 100%,0 62%);filter:blur(2px)drop-shadow(0 0 17px #8edfff);background:linear-gradient(90deg,#fff,#91e5ffd1 42%,#6691ff14);animation:.93s ease-out both frostBreath}.monster-skill-fx.fx-frost .fx-particles i,.monster-skill-fx.fx-crystal .fx-particles i{border-radius:16%;transform:rotate(45deg)}.monster-skill-fx.fx-crystal{color:#efb4ff}.monster-skill-fx.fx-crystal .fx-beam{display:none}.monster-skill-fx.fx-crystal .fx-surface{aspect-ratio:1;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(0 0 18px #df9bff);background:linear-gradient(145deg,#fff,#d98dff 45%,#6949c8);width:20%;animation:.9s ease-out both crystalCoreBurst;top:34%;left:54%}.monster-skill-fx.fx-eclipse{color:#ffe58c}.monster-skill-fx.fx-eclipse .fx-beam{display:none}.monster-skill-fx.fx-eclipse .fx-surface{aspect-ratio:1;background:radial-gradient(circle at 42% 40%,#050315 0 48%,#2a1550 58%,#0000 60%);border:7px solid #ffe98e;border-radius:50%;width:48%;animation:1s ease-out both eclipsePulse;top:14%;left:48%;box-shadow:0 0 28px #ffd96a,inset 0 0 18px #975fff8c}.mystery-step-runes{z-index:4;color:#fff0a4;filter:drop-shadow(0 0 8px #66e8cf);justify-content:space-between;align-items:center;width:74%;display:flex;top:46%;left:13%}.mystery-step-runes.back{color:#ffacd0;filter:drop-shadow(0 0 9px #aa6fff);transform:rotate(180deg)}.mystery-step-runes i{opacity:0;font-size:clamp(19px,4vw,34px);font-style:normal}.resolution-cinematic.phase-action .mystery-step-runes i{animation:.92s ease-out both mysteryRuneSweep;animation-delay:calc(var(--rune-delay,0) * 90ms)}.mystery-step-runes i:first-child{--rune-delay:0}.mystery-step-runes i:nth-child(2){--rune-delay:1}.mystery-step-runes i:nth-child(3){--rune-delay:2}.mystery-step-runes i:nth-child(4){--rune-delay:3}.mystery-step-runes i:nth-child(5){--rune-delay:4}.mystery-step-runes i:nth-child(6){--rune-delay:5}.resolution-cinematic.phase-action:is(.mystery-forward-3,.mystery-forward-6) .resolution-plane-token{animation:1.3s cubic-bezier(.16,.78,.24,1) both mysteryPlaneAdvance}.resolution-cinematic.phase-action:is(.mystery-back-2,.mystery-back-4) .resolution-plane-token{animation:1.3s cubic-bezier(.25,.68,.28,1) both mysteryPlaneBack}.plane-piece.in-hangar{width:clamp(31px,6.25%,46px)}.plane-piece.in-hangar .plane-token{width:106%;height:106%;transform:rotate(var(--heading,0deg)) scale(.92);transform-origin:50%;inset:-3%}.plane-piece.in-hangar.hangar-locked .plane-token{opacity:.78;transform:rotate(var(--heading,0deg)) scale(.82)}.plane-piece.in-hangar.movable{animation:1.15s ease-in-out infinite hangarReadyGlow}.plane-piece.in-hangar.movable:hover{transform:translate(-50%,-50%)scale(1.05)}.plane-piece.in-hangar .piece-ground-shadow{width:64%;top:58%}.plane-piece.in-hangar .hangar-lock{top:1%;right:0}@keyframes monsterCast{0%{filter:brightness(.9);transform:translateY(8px)scale(.95)rotate(0)}23%{filter:brightness(1.1);transform:translateY(18px)scale(.9)rotate(-4deg)}48%{filter:brightness(1.75)saturate(1.25);transform:translate(12px,-8px)scale(1.1)rotate(4deg)}76%{filter:brightness(1.18);transform:translate(4px)scale(1.03)rotate(-1deg)}to{filter:brightness();transform:none}}@keyframes fxEmitter{0%{opacity:0;transform:scale(.1)}22%{opacity:1;transform:scale(1.35)}68%{opacity:1;transform:scale(.75)}to{opacity:0;transform:scale(2.1)}}@keyframes fxParticle{0%{opacity:0;transform:translate(0)scale(.2)rotate(0)}20%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.35) rotate(160deg)}}@keyframes fxBadgePop{0%{opacity:0;transform:translateY(18px)scale(.72)}55%{opacity:1;transform:translateY(-3px)scale(1.06)}to{opacity:1;transform:none}}@keyframes fireJet{0%{opacity:0;transform:scaleX(.05)scaleY(.5)}18%{opacity:1}68%{opacity:1;transform:scaleX(1)scaleY(1.08)}to{opacity:0;filter:blur(5px)drop-shadow(0 0 20px #ff7a2f);transform:scaleX(1.15)scaleY(.72)}}@keyframes magmaBurst{0%{opacity:0;transform:scale(.2)translateY(45px)}32%{opacity:1}75%{opacity:1;transform:scale(1)translateY(-8px)}to{opacity:0;transform:scale(1.05)translateY(-30px)}}@keyframes magmaCrack{0%{opacity:0;transform:scaleX(.1)}45%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.2)}}@keyframes electricArc{0%,to{opacity:0;transform:scaleX(.15)skewY(-8deg)}16%,32%,48%,64%,80%{opacity:1;transform:scaleX(1)skewY(4deg)}24%,40%,56%,72%{opacity:.45;transform:scaleX(.94)skewY(-6deg)}}@keyframes waterJet{0%{opacity:0;transform:scaleX(.04)rotate(-8deg)}28%{opacity:1;transform:scaleX(.72)rotate(3deg)}72%{opacity:1;transform:scaleX(1)rotate(-2deg)}to{opacity:0;filter:blur(3px)drop-shadow(0 0 20px #45dff8);transform:scaleX(1.12)translateY(18px)}}@keyframes windSlash{0%{opacity:0;transform:scaleX(.1)rotate(-12deg)}30%{opacity:1}72%{opacity:.95;transform:scaleX(1)rotate(3deg)}to{opacity:0;transform:translate(35px)scaleX(1.18)rotate(-4deg)}}@keyframes lightRoar{0%{opacity:0;transform:scaleX(.02)}22%{opacity:1}65%{opacity:.95;transform:scaleX(1)}to{opacity:0;filter:blur(8px)drop-shadow(0 0 28px #ffe067);transform:scaleX(1.2)}}@keyframes nebulaBloom{0%{opacity:0;transform:scale(.1)}38%{opacity:.9}to{opacity:0;transform:translate(40px)scale(1.25)rotate(8deg)}}@keyframes timeDial{0%{opacity:0;transform:scale(.2)rotate(-180deg)}46%{opacity:1;transform:scale(1.1)rotate(155deg)}72%{opacity:1;filter:brightness(2.2);transform:scale(1)rotate(150deg)}to{opacity:0;transform:scale(1.35)rotate(150deg)}}@keyframes frostBreath{0%{opacity:0;transform:scaleX(.06)}30%{opacity:.9}72%{opacity:.8;transform:scaleX(1)}to{opacity:0;filter:blur(9px)drop-shadow(0 0 22px #8edfff);transform:scaleX(1.12)}}@keyframes crystalCoreBurst{0%{opacity:0;transform:scale(.1)rotate(-40deg)}48%{opacity:1;transform:scale(1.35)rotate(12deg)}to{opacity:0;filter:blur(5px)drop-shadow(0 0 25px #df9bff);transform:scale(2.3)rotate(90deg)}}@keyframes eclipsePulse{0%{opacity:0;transform:scale(.2)}46%{opacity:1;transform:scale(1)}72%{opacity:1;filter:brightness(1.8);transform:scale(.92)}to{opacity:0;filter:blur(5px);transform:scale(1.6)}}@keyframes mysteryRuneSweep{0%{opacity:0;transform:translate(-24px)scale(.6)}45%{opacity:1;transform:translate(0)scale(1.1)}to{opacity:.25;transform:translate(18px)scale(.9)}}@keyframes mysteryPlaneAdvance{0%{opacity:0;transform:translate(-240%,20%)scale(.55)rotate(-20deg)}28%{opacity:1}72%{opacity:1;transform:translate(-50%,-50%)scale(1.12)rotate(8deg)}to{opacity:0;transform:translate(170%,-120%)scale(.72)rotate(24deg)}}@keyframes mysteryPlaneBack{0%{opacity:0;transform:translate(150%,-110%)scale(.72)rotate(205deg)}28%{opacity:1}72%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(188deg)}to{opacity:0;transform:translate(-250%,25%)scale(.55)rotate(160deg)}}@keyframes hangarReadyGlow{0%,to{filter:brightness();transform:translate(-50%,-50%)scale(.98)}50%{filter:brightness(1.16)drop-shadow(0 0 8px #ffe985);transform:translate(-50%,-50%)scale(1.04)}}@media (width<=640px){.challenge-panel.word-card{border-radius:24px;width:97vw;max-height:calc(100svh - 12px);padding:17px 12px 20px 18px}.challenge-panel .challenge-word{gap:8px;padding:8px}.challenge-panel .challenge-word strong{font-size:clamp(36px,11vw,48px)}.challenge-panel .word-line .listen-word-button{width:140px;min-width:140px;min-height:51px;padding:6px 7px}.challenge-panel .public-answers{gap:7px}.challenge-panel .public-answers button{min-height:50px;padding:6px}.monster-cinematic-subject{width:min(76vw,325px)}.monster-skill-fx{inset:-8% -23% -7% -18%}.fx-skill-badge{min-width:120px;padding:6px 10px;bottom:2%;right:4%}.fx-skill-badge strong{font-size:12px}.plane-piece.in-hangar{width:clamp(27px,6.6%,35px)}}@media (orientation:landscape) and (height<=520px) and (width>=650px){.challenge-panel.word-card{width:min(780px,97vw);padding:11px 17px 13px 23px}.challenge-panel .challenge-subject{margin-top:6px}.challenge-panel .challenge-word{margin-block:4px;padding-block:5px}.challenge-panel .challenge-word strong{font-size:34px}.challenge-panel .public-answers button{min-height:45px}.monster-cinematic-subject{width:min(52vh,270px);margin-block:-30px -58px}.monster-skill-fx{inset:-6% -45% -7% -18%}}@media (prefers-reduced-motion:reduce){.monster-skill-fx .fx-beam,.monster-skill-fx .fx-surface,.monster-skill-fx .fx-emitter{opacity:.75!important;animation-duration:.42s!important}.monster-skill-fx .fx-particles i{display:none}.plane-piece.in-hangar.movable{filter:brightness(1.14)drop-shadow(0 0 7px #ffe985);animation:none!important}}.learning-lobby{--lobby-accent:#ffd66f;--lobby-secondary:#72e9d0;isolation:isolate;min-height:100svh;padding:clamp(18px, 2.2vw, 34px) max(18px, env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));color:#fff;background:radial-gradient(circle at 50% -10%,#8167ff57,#0000 39%),radial-gradient(circle at 8% 42%,#ff71b326,#0000 29%),radial-gradient(circle at 92% 54%,#4de5d721,#0000 27%),linear-gradient(145deg,#10072f,#17104b 48%,#071633);position:relative;overflow-x:hidden}.learning-lobby:before,.learning-lobby:after{z-index:-1;content:"";pointer-events:none;position:fixed;inset:0}.learning-lobby:before{opacity:.72;background-image:radial-gradient(circle,#fffffff2 0 1px,#0000 1.5px),radial-gradient(circle,#ffdd79bf 0 1px,#0000 1.6px);background-position:0 0,38px 54px;background-size:84px 84px,126px 126px;-webkit-mask-image:linear-gradient(#000,#0000 94%);mask-image:linear-gradient(#000,#0000 94%)}.learning-lobby:after{background-color:#0000;background-image:linear-gradient(90deg,#ffffff06 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;-webkit-mask-image:radial-gradient(#000 12%,#0000 73%);mask-image:radial-gradient(#000 12%,#0000 73%)}.lobby-aurora{z-index:-1;aspect-ratio:1;opacity:.22;filter:blur(80px);pointer-events:none;border-radius:50%;width:42vw;position:fixed}.lobby-aurora-a{background:#b253ff;top:-22vw;left:-10vw}.lobby-aurora-b{background:#26cfd5;bottom:-26vw;right:-18vw}.lobby-header{z-index:3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#493498ad,#19134ab3);border:1px solid #e2daff4a;border-radius:25px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;width:min(1420px,100%);margin:0 auto clamp(25px,4vh,44px);padding:13px 18px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff47,0 20px 55px #03021859}.lobby-brand-mark{aspect-ratio:1;background:linear-gradient(145deg,#ffd970,#f49b3f);border:2px solid #fff3b3;border-radius:19px;place-items:center;width:58px;margin-right:15px;display:grid;position:relative;box-shadow:inset 0 2px 2px #ffffffa6,0 5px #9f572d,0 0 28px #ffd05c6b}.lobby-brand-mark span{filter:drop-shadow(0 2px 2px #5f300947);font-size:26px}.lobby-brand-mark i{border:1px solid #ffe8905c;border-radius:23px;position:absolute;inset:-8px}.lobby-header small{color:#d5c9ff;letter-spacing:.18em;font-size:9px;font-weight:900}.lobby-header h1{letter-spacing:-.055em;margin:2px 0 1px;font-size:clamp(22px,2.4vw,33px);font-weight:1000}.lobby-header p{color:#c9c2e5;margin:0;font-size:12px}.lobby-online-badge{color:#c9fff2;background:#29a18b24;border:1px solid #66eacf52;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:11px;font-weight:900;display:flex}.lobby-online-badge i{aspect-ratio:1;background:#68f3ce;border-radius:50%;width:7px;animation:1.8s ease-in-out infinite lobbyPulse;box-shadow:0 0 10px #68f3ce}.lobby-section-heading{grid-template-columns:auto 1fr;align-items:end;width:min(1420px,100%);margin:0 auto 16px;display:grid}.lobby-section-heading>div{grid-row:1/3;align-items:center;gap:10px;margin-right:15px;display:flex}.lobby-section-heading>div span{aspect-ratio:1;color:#ffe18c;background:#ffd56914;border:1px solid #ffd76f73;border-radius:50%;place-items:center;width:42px;font-size:12px;font-weight:1000;display:grid}.lobby-section-heading>div small{color:#9f91cf;letter-spacing:.2em;writing-mode:vertical-rl;font-size:8px;font-weight:1000;transform:rotate(180deg)}.lobby-section-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(25px,3.2vw,43px);font-weight:1000}.lobby-section-heading>p{color:#bdb5dc;margin:2px 0 0;font-size:12px}.lobby-section-heading.compact{margin-top:19px}.subject-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,25px);width:min(1420px,100%);margin:0 auto;display:grid}.subject-arena-card{isolation:isolate;color:#fff;cursor:pointer;text-align:left;background:#17104c;border:1px solid #ffffff40;border-radius:30px;flex-direction:column;align-items:flex-start;min-height:clamp(360px,48vh,520px);padding:clamp(22px,2.4vw,34px);transition:transform .34s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:inset 0 1px #ffffff57,inset 0 -70px 90px #04031fb3,0 10px #05031ebf,0 25px 60px #02011457}.subject-arena-card:before{z-index:-1;border-radius:inherit;content:"";background:linear-gradient(#06051d08 16%,#07041e33 50%,#07041ff5);position:absolute;inset:0}.subject-arena-card:after{z-index:8;content:"";pointer-events:none;border:1px solid #ffffff21;border-radius:23px;position:absolute;inset:9px}.subject-arena-card:hover{box-shadow:inset 0 1px 0 #ffffff73, inset 0 -70px 90px #04031fa3, 0 12px 0 #05031ec7, 0 34px 75px #02011480, 0 0 36px var(--arena-accent);border-color:#ffefa7b3}@supports (color:color-mix(in lab, red, red)){.subject-arena-card:hover{box-shadow:inset 0 1px 0 #ffffff73, inset 0 -70px 90px #04031fa3, 0 12px 0 #05031ec7, 0 34px 75px #02011480, 0 0 36px color-mix(in srgb,var(--arena-accent) 32%,transparent)}}.subject-arena-card:hover{transform:translateY(-9px)scale(1.012)}.subject-arena-card:active{transform:translateY(-2px)scale(.995)}.subject-arena-card.subject-english{--arena-accent:#ffd46c;--arena-secondary:#ff83c2}.subject-arena-card.subject-chinese{--arena-accent:#e0b96a;--arena-secondary:#d85c4f;color:#fffdf2}.subject-arena-card.subject-math{--arena-accent:#55efff;--arena-secondary:#a36dff}.arena-art{z-index:-2;background-position:50%;background-size:cover;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .4s;position:absolute;inset:0}.subject-english .arena-art{background-image:url(/magic-sky-background.webp)}.subject-chinese .arena-art{filter:saturate(.75)brightness(.78)sepia(.12);background-image:url(/themes/chinese-ink-arena.webp)}.subject-math .arena-art{background-image:url(/themes/math-neon-arena.webp)}.subject-arena-card:hover .arena-art{filter:saturate(1.14)brightness(.94);transform:scale(1.065)}.arena-shine{z-index:-1;background:linear-gradient(110deg,#0000 40%,#ffffff3b 49%,#0000 58%);transition:transform .9s;position:absolute;inset:-70% -95%;transform:translate(-32%)}.subject-arena-card:hover .arena-shine{transform:translate(35%)}.arena-number{color:#ffffff8c;letter-spacing:.18em;align-self:flex-end;font-size:11px;font-weight:1000}.arena-icon{aspect-ratio:1;border:1px solid var(--arena-accent);place-items:center;width:67px;margin-top:clamp(55px,8vh,92px);display:grid}@supports (color:color-mix(in lab, red, red)){.arena-icon{border:1px solid color-mix(in srgb,var(--arena-accent) 72%,white 12%)}}.arena-icon{color:#fff;background:var(--arena-accent);border-radius:22px}@supports (color:color-mix(in lab, red, red)){.arena-icon{background:color-mix(in srgb,var(--arena-accent) 22%,#11072fa8)}}.arena-icon{box-shadow:inset 0 1px 0 #ffffff59, 0 0 26px var(--arena-accent)}@supports (color:color-mix(in lab, red, red)){.arena-icon{box-shadow:inset 0 1px 0 #ffffff59, 0 0 26px color-mix(in srgb,var(--arena-accent) 43%,transparent)}}.arena-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:27px;font-weight:1000}.arena-copy{flex-direction:column;margin-top:18px;display:flex}.arena-copy small{color:var(--arena-accent);letter-spacing:.22em;text-shadow:0 0 12px var(--arena-accent);font-size:9px;font-weight:1000}@supports (color:color-mix(in lab, red, red)){.arena-copy small{text-shadow:0 0 12px color-mix(in srgb,var(--arena-accent) 62%,transparent)}}.arena-copy strong{letter-spacing:-.05em;text-shadow:0 4px 16px #0402187a;margin-top:4px;font-size:clamp(28px,3vw,42px);font-weight:1000;line-height:1.08}.arena-copy em{color:#ffffffd1;max-width:310px;margin-top:8px;font-size:12px;font-style:normal;font-weight:700}.arena-features{flex-wrap:wrap;gap:7px;margin-top:17px;display:flex}.arena-features i{border:1px solid var(--arena-accent);padding:6px 9px}@supports (color:color-mix(in lab, red, red)){.arena-features i{border:1px solid color-mix(in srgb,var(--arena-accent) 38%,#ffffff1f)}}.arena-features i{color:var(--arena-accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.arena-features i{color:color-mix(in srgb,var(--arena-accent) 65%,white)}}.arena-features i{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b072b66;font-size:9px;font-style:normal;font-weight:900}.arena-enter{letter-spacing:.06em;border-top:1px solid #ffffff2b;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:18px;font-size:12px;font-weight:1000;display:flex}.arena-enter b{aspect-ratio:1;color:#1a1136;background:var(--arena-accent);width:32px;box-shadow:0 0 18px var(--arena-accent);border-radius:50%;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.arena-enter b{box-shadow:0 0 18px color-mix(in srgb,var(--arena-accent) 42%,transparent)}}.arena-enter b{font-size:17px}.quick-join-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#41308785,#110d37a3);border:1px solid #e1d9ff38;border-radius:22px;grid-template-columns:minmax(230px,1fr) minmax(150px,210px) minmax(150px,210px) auto;align-items:end;gap:12px;width:min(1420px,100%);margin:28px auto 0;padding:14px;display:grid;box-shadow:inset 0 1px #ffffff2e,0 16px 38px #03021740}.quick-join-copy{align-items:center;gap:11px;min-height:48px;display:flex}.quick-join-copy>span{aspect-ratio:1;color:#8bffe1;background:#50ebc721;border-radius:14px;place-items:center;width:42px;display:grid;box-shadow:inset 0 0 0 1px #6af4d638}.quick-join-copy div{flex-direction:column;display:flex}.quick-join-copy small{color:#9487c6;letter-spacing:.2em;font-size:8px;font-weight:1000}.quick-join-copy strong{margin-top:3px;font-size:13px}.quick-join-panel label{color:#bdb5d9;flex-direction:column;gap:5px;font-size:9px;font-weight:900;display:flex}.quick-join-panel input{color:#fff;background:#07052380;border:1px solid #ffffff30;border-radius:13px;outline:none;width:100%;min-height:42px;padding:8px 12px;font-size:14px;font-weight:900;box-shadow:inset 0 1px #ffffff14}.quick-join-panel input:focus{border-color:#75e9d0;box-shadow:0 0 0 3px #56e2c524}.quick-join-panel>button{color:#251537;cursor:pointer;background:linear-gradient(145deg,#fff0a7,#f0b34e);border:1px solid #fff1ae;border-radius:14px;min-height:43px;padding:9px 19px;font-size:12px;font-weight:1000;box-shadow:inset 0 1px #fff,0 4px #93602e,0 0 22px #ffd26540}.quick-join-panel>button:disabled{opacity:.45;cursor:not-allowed}.quick-join-panel>p{color:#ffb8d0;grid-column:2/-1;margin:0;font-size:10px;font-weight:900}.lobby-back-button{color:#d7cff3;cursor:pointer;text-align:left;background:0 0;border:0;width:min(1420px,100%);margin:0 auto 14px;font-size:11px;font-weight:900;display:block}.difficulty-hero{background:linear-gradient(120deg,#3d2a8bc7,#120e41cc);border:1px solid #ffffff3d;border-radius:27px;align-items:center;gap:18px;width:min(1420px,100%);min-height:135px;margin:0 auto;padding:22px 26px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff40,0 15px 45px #03021752}.difficulty-hero:after{aspect-ratio:1;content:"";border:1px solid #ffffff1a;border-radius:50%;width:45%;position:absolute;right:-8%;box-shadow:0 0 0 22px #ffffff06,0 0 0 48px #ffffff05}.difficulty-subject-orb{aspect-ratio:1;color:#fff;background:linear-gradient(145deg,#8269ff,#442a9b);border:1px solid #ffffff85;border-radius:25px;flex:0 0 77px;place-items:center;width:77px;font-size:30px;font-weight:1000;display:grid;box-shadow:inset 0 2px #ffffff4d,0 6px #29135b,0 0 30px #7e67ff6b}.difficulty-subject-orb.subject-chinese{background:linear-gradient(145deg,#dfbd75,#963f36);box-shadow:inset 0 2px #ffffff59,0 6px #632824,0 0 30px #d59a4f66}.difficulty-subject-orb.subject-math{background:linear-gradient(145deg,#4ee6ff,#6245e7);box-shadow:inset 0 2px #ffffff59,0 6px #252286,0 0 30px #4be2ff73}.difficulty-hero small{color:#bdb1eb;letter-spacing:.18em;font-size:9px;font-weight:1000}.difficulty-hero h2{letter-spacing:-.05em;margin:2px 0;font-size:clamp(25px,3vw,39px);font-weight:1000}.difficulty-hero p{color:#d3cce9;margin:0;font-size:12px}.difficulty-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,21px);width:min(1420px,100%);margin:0 auto;display:grid}.difficulty-card{--rank:#ffd15d;border:1px solid var(--rank);flex-direction:column;align-items:flex-start;min-height:275px;padding:22px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.difficulty-card{border:1px solid color-mix(in srgb,var(--rank) 37%,#ffffff2e)}}.difficulty-card{color:#fff;background:linear-gradient(155deg,var(--rank),#100c38 58%);border-radius:25px}@supports (color:color-mix(in lab, red, red)){.difficulty-card{background:linear-gradient(155deg,color-mix(in srgb,var(--rank) 14%,#2d1b66),#100c38 58%)}}.difficulty-card{cursor:pointer;text-align:left;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s;box-shadow:inset 0 1px #ffffff45,0 7px #05031cb8,0 20px 45px #0302164d}.difficulty-card:before{aspect-ratio:1;border:1px solid var(--rank);width:170px;position:absolute;top:-55px;right:-42px}@supports (color:color-mix(in lab, red, red)){.difficulty-card:before{border:1px solid color-mix(in srgb,var(--rank) 36%,transparent)}}.difficulty-card:before{box-shadow:0 0 0 22px var(--rank),0 0 0 43px var(--rank);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.difficulty-card:before{box-shadow:0 0 0 22px color-mix(in srgb,var(--rank) 5%,transparent),0 0 0 43px color-mix(in srgb,var(--rank) 3%,transparent)}}.difficulty-card:before{content:""}.difficulty-card:hover{box-shadow:inset 0 1px 0 #ffffff61,0 9px 0 #05031cc7,0 28px 55px #03021670,0 0 32px var(--rank);transform:translateY(-7px)}@supports (color:color-mix(in lab, red, red)){.difficulty-card:hover{box-shadow:inset 0 1px 0 #ffffff61,0 9px 0 #05031cc7,0 28px 55px #03021670,0 0 32px color-mix(in srgb,var(--rank) 24%,transparent)}}.difficulty-card.tier-platinum{--rank:#cfe8ff}.difficulty-card.tier-diamond{--rank:#72eaff}.difficulty-card.tier-king{--rank:#ff83bf}.rank-crown{aspect-ratio:1;border:1px solid var(--rank);place-items:center;width:48px;display:grid}@supports (color:color-mix(in lab, red, red)){.rank-crown{border:1px solid color-mix(in srgb,var(--rank) 72%,white)}}.rank-crown{color:#fff;background:var(--rank);border-radius:16px}@supports (color:color-mix(in lab, red, red)){.rank-crown{background:color-mix(in srgb,var(--rank) 21%,#211056c7)}}.rank-crown{box-shadow:0 0 22px var(--rank)}@supports (color:color-mix(in lab, red, red)){.rank-crown{box-shadow:0 0 22px color-mix(in srgb,var(--rank) 33%,transparent)}}.rank-crown{font-size:22px}.rank-index{color:var(--rank);margin-top:26px}@supports (color:color-mix(in lab, red, red)){.rank-index{color:color-mix(in srgb,var(--rank) 76%,white)}}.rank-index{letter-spacing:.19em;font-size:8px;font-weight:1000}.difficulty-card>strong{letter-spacing:-.05em;margin-top:4px;font-size:31px;font-weight:1000}.difficulty-card>small{color:#ffffff8a;letter-spacing:.18em;font-size:8px;font-weight:1000}.difficulty-card>em{color:#d9d2ec;margin-top:12px;font-size:11px;font-style:normal;font-weight:800}.rank-meter{gap:4px;width:100%;margin-top:auto;padding-top:16px;display:flex}.rank-meter i{background:#ffffff21;border-radius:9px;flex:1;height:3px}.tier-gold .rank-meter i:nth-child(-n+1),.tier-platinum .rank-meter i:nth-child(-n+2),.tier-diamond .rank-meter i:nth-child(-n+3),.tier-king .rank-meter i{background:var(--rank);box-shadow:0 0 9px var(--rank)}.rank-enter{color:#fff;justify-content:space-between;align-items:center;width:100%;margin-top:12px;font-size:11px;font-weight:1000;display:flex}.rank-enter b{color:var(--rank);font-size:18px}.difficulty-note{color:#9f95c4;text-align:center;width:min(1420px,100%);margin:18px auto 0;font-size:10px}.lobby-footer{color:#8177aa;letter-spacing:.08em;text-align:center;width:min(1420px,100%);margin:28px auto 0;font-size:9px;font-weight:800}.lobby-footer span{color:#e8c365}.game-page.subject-chinese{--subject-accent:#d8b566;--subject-strong:#9f3a31;color:#fffaf0;background:linear-gradient(#1c181533,#110d0cbd),url(/themes/chinese-ink-arena.webp) 50%/cover fixed,#2d2923}.game-page.subject-chinese:before{background:radial-gradient(circle at 13% 16%,#f1d2883b,#0000 23%),radial-gradient(circle at 86% 18%,#b743392e,#0000 24%),linear-gradient(90deg,#1412101f,#0000 50%,#1412102e)}.game-page.subject-math{--subject-accent:#53edff;--subject-strong:#805cff;background:linear-gradient(#040a2a14,#030622b3),url(/themes/math-neon-arena.webp) 50%/cover fixed,#050c2d}.game-page.subject-math:before{background:radial-gradient(circle at 14% 16%,#40e1ff33,#0000 24%),radial-gradient(circle at 85% 18%,#9751ff38,#0000 25%),linear-gradient(90deg,#2be5ff0a 1px,#0000 1px) 0 0/48px 48px,linear-gradient(#8955ff0a 1px,#0000 1px) 0 0/48px 48px}.subject-chinese .stars{opacity:.24;filter:sepia()hue-rotate(344deg)}.subject-math .stars{color:#55efff;opacity:.9}.subject-chinese .topbar,.subject-chinese .turn-banner,.subject-chinese .action-dock,.subject-chinese .player-card,.subject-chinese .magic-guide-card{background:linear-gradient(145deg,#42372cc7,#1c1615db);border-color:#e6c7805c;box-shadow:inset 0 1px #fff6d338,0 10px 32px #140d0961}.subject-chinese .brand-star{color:#fff2c5;background:linear-gradient(145deg,#d8b768,#9d3b30);border-radius:50% 50% 45%;box-shadow:inset 0 2px 2px #fff6,0 0 20px #dab15c5c}.subject-chinese .room-pill em,.subject-chinese .primary-modal-button,.subject-chinese .create-room-button{color:#3c241d;background:linear-gradient(145deg,#f6dda2,#c69a4d)}.subject-chinese .top-actions button,.subject-chinese .guide-row,.subject-chinese .current-magic{background:#302520a3;border-color:#e5c78042}.subject-chinese .roll-button{background:linear-gradient(150deg,#ddbb70,#9d4035);border-color:#f0d594;box-shadow:inset 0 2px #fff6,0 5px #55251f,0 0 30px #d4aa5161}.subject-chinese .board-shell{filter:sepia(.11)saturate(.85);border-color:#efd293ad;box-shadow:inset 0 0 0 2px #5e37208c,0 0 0 8px #2c201abd,0 20px 55px #0f0a078c}.subject-chinese .rules-modal,.subject-chinese .room-modal,.subject-chinese .result-modal{color:#3b2b23;background:linear-gradient(145deg,#fff7df,#e6d1a8);border-color:#d3ad64;box-shadow:inset 0 1px #fff,0 8px #795641,0 30px 80px #140c0780}.subject-chinese .rules-modal p,.subject-chinese .rules-modal li,.subject-chinese .room-intro{color:#655048}.subject-chinese .rules-modal b{color:#963c31}.subject-math .topbar,.subject-math .turn-banner,.subject-math .action-dock,.subject-math .player-card,.subject-math .magic-guide-card{background:linear-gradient(145deg,#12205bcc,#080c37e0);border-color:#5be6ff57;box-shadow:inset 0 1px #b1f7ff40,0 0 24px #2fd3ff1f,0 10px 32px #01031866}.subject-math .brand-star{background:linear-gradient(145deg,#4deaff,#7256ff);border-radius:17px 5px;transform:rotate(0);box-shadow:inset 0 2px 1px #fff6,0 0 26px #4be5ff7a}.subject-math .room-pill em,.subject-math .primary-modal-button,.subject-math .create-room-button{color:#07143d;background:linear-gradient(145deg,#8cf7ff,#4ba3ff)}.subject-math .top-actions button,.subject-math .guide-row,.subject-math .current-magic{background:#151d599e;border-color:#55e5ff42}.subject-math .roll-button{background:linear-gradient(145deg,#44e8ff,#6855f7);border-color:#a8f8ff;box-shadow:inset 0 2px #ffffff6b,0 5px #252282,0 0 34px #45e7ff80}.subject-math .board-shell{filter:saturate(1.08);border-color:#5bebffb8;box-shadow:inset 0 0 0 2px #6b4bff80,0 0 0 8px #060b34c7,0 0 42px #3adbff59,0 20px 55px #0103189e}.subject-math .rules-modal,.subject-math .room-modal,.subject-math .result-modal{color:#eaffff;background:linear-gradient(145deg,#13245e,#090c37);border-color:#61eaff;box-shadow:inset 0 1px #ffffff3d,0 7px #29217a,0 0 40px #41e2ff4d,0 30px 80px #010214a6}.subject-math .rules-modal p,.subject-math .rules-modal li,.subject-math .room-intro{color:#c6d7f4}.subject-math .rules-modal b{color:#6feeff}.rules-mode-line{opacity:.78;border:1px solid;border-radius:12px;padding:8px 11px;font-weight:900;margin:8px 0 12px!important;font-size:11px!important}.challenge-backdrop.subject-chinese{background:radial-gradient(circle at 50% 34%,#dbb4662e,#0000 30%),#100c0ab8}.challenge-backdrop.subject-chinese .challenge-panel.word-card{--qa-accent:#d7b263;--qa-orb:#a33f35;--qa-deep:#4b3528;color:#34271f;background:linear-gradient(145deg,#fffae5fa,#e0cca2fa);border-color:#e0bf75;box-shadow:inset 0 1px #fff,inset 0 0 65px #6e49281f,0 8px #705142,0 30px 90px #0c0806ad}.challenge-backdrop.subject-chinese .challenge-panel.word-card:before{background:radial-gradient(circle at 12% 10%,#b2342e21,#0000 21%),repeating-linear-gradient(0deg,#48322406 0 1px,#0000 1px 5px)}.challenge-backdrop.subject-chinese .challenge-panel.word-card:after{border-color:#70492b2e}.challenge-backdrop.subject-chinese .book-spine{background:linear-gradient(#a74338,#702b27);box-shadow:inset -2px 0 #ffffff1f,0 0 14px #53231b40}.challenge-backdrop.subject-chinese .tile-chip,.challenge-backdrop.subject-chinese .actor-chip{color:#553a2c;background:#fff8e19e;border-color:#8a4a3157}.challenge-backdrop.subject-chinese .challenge-subject small{color:#9b4438;text-shadow:none}.challenge-backdrop.subject-chinese .challenge-word{background:#fffced94;border-color:#8a533042;box-shadow:inset 0 0 28px #8c5b2e12}.challenge-backdrop.subject-chinese .challenge-word strong{color:#2c231e;text-shadow:0 2px #fff}.challenge-backdrop.subject-chinese .challenge-prompt{color:#665146!important}.challenge-backdrop.subject-chinese .public-answers button{color:#3c3028;background:linear-gradient(145deg,#fffdf1eb,#e2cfabe6);border-color:#7d4b3047;box-shadow:inset 0 1px #fff,0 4px #9c7c61}.challenge-backdrop.subject-chinese .answer-letter{background:linear-gradient(145deg,#d4b36c,#9e463b);box-shadow:inset 0 1px #ffffff80,0 3px #683128}.challenge-backdrop.subject-chinese .challenge-result{color:#5b463a;background:#fff8de9e}.challenge-backdrop.subject-math{background:radial-gradient(circle at 50% 33%,#47e1ff30,#0000 30%),#02051fc7}.challenge-backdrop.subject-math .challenge-panel.word-card{--qa-accent:#58edff;--qa-orb:#825cff;--qa-deep:#0a1c58;color:#edfdff;background:linear-gradient(145deg,#0e235ef7,#07082ffa);border-color:#55e8ff;box-shadow:inset 0 1px #ffffff47,0 7px #25217d,0 0 54px #3de1ff57,0 30px 90px #010216bf}.challenge-backdrop.subject-math .challenge-panel.word-card:before{background:linear-gradient(90deg,#56ebff0b 1px,#0000 1px) 0 0/30px 30px,linear-gradient(#7d54ff0b 1px,#0000 1px) 0 0/30px 30px,radial-gradient(circle at 84% 10%,#59e6ff2e,#0000 24%)}.challenge-backdrop.subject-math .tile-chip,.challenge-backdrop.subject-math .actor-chip{color:#dffcff;background:#1f3c848a;border-color:#56e8ff52}.challenge-backdrop.subject-math .challenge-word{background:#07123eb8;border-color:#53e7ff45;box-shadow:inset 0 0 30px #45deff14,0 0 20px #4dd8ff14}.challenge-backdrop.subject-math .challenge-word strong{color:#f1ffff;text-shadow:0 0 18px #4fe6ff5c}.challenge-backdrop.subject-math .challenge-prompt{color:#c8daf3!important}.challenge-backdrop.subject-math .public-answers button{color:#ecfeff;background:linear-gradient(145deg,#19367fe6,#11104beb);border-color:#54deff45;box-shadow:inset 0 1px #ffffff2b,0 4px #17175f,0 0 16px #40ddff14}.challenge-backdrop.subject-math .answer-letter{background:linear-gradient(145deg,#56e7ff,#6e53ee);box-shadow:inset 0 1px #ffffff73,0 3px #2d278e}.challenge-panel.question-chinese-word .challenge-word strong,.challenge-panel.question-chinese-poem .challenge-word strong{letter-spacing:.02em;white-space:normal;max-width:100%;font-family:STKaiti,KaiTi,"FangSong",Songti SC,serif;font-size:clamp(25px,4vw,43px);line-height:1.35}.challenge-panel.question-math-choice .challenge-word strong{letter-spacing:-.02em;white-space:normal;max-width:100%;font-size:clamp(27px,4.3vw,49px);line-height:1.25}.challenge-panel:not(.question-english-word) .challenge-word{justify-content:center;min-height:118px}.challenge-panel:not(.question-english-word) .challenge-word>div:first-child{text-align:center;width:100%}.learning-lobby.lobby-step-difficulty.lobby-subject-chinese{color:#362b23;background:linear-gradient(#faf7e7d6,#ddcfadcc),url(/themes/chinese-ink-arena.webp) 50%/cover fixed,#e8dec3}.learning-lobby.lobby-step-difficulty.lobby-subject-chinese:before{opacity:.32;background-image:repeating-linear-gradient(0deg,#4f39260f 0 1px,#0000 1px 5px);background-size:auto;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.learning-lobby.lobby-step-difficulty.lobby-subject-chinese:after{opacity:.16;background:radial-gradient(at 78% 40%,#8f372e40,#0000 26%),radial-gradient(at 12% 72%,#4b3d2a38,#0000 28%);-webkit-mask-image:none;mask-image:none}.lobby-step-difficulty.lobby-subject-chinese .lobby-header{color:#35271f;background:linear-gradient(135deg,#fffbe9e0,#d9c397d1);border-color:#684b2d3d;box-shadow:inset 0 1px #fff,0 7px #5d402d52,0 20px 55px #35241933}.lobby-step-difficulty.lobby-subject-chinese .lobby-header small{color:#8d4439}.lobby-step-difficulty.lobby-subject-chinese .lobby-header p{color:#6e5848}.lobby-step-difficulty.lobby-subject-chinese .lobby-online-badge{color:#315c45;background:#457e5c1a;border-color:#3a6f5247}.lobby-step-difficulty.lobby-subject-chinese .lobby-online-badge i{background:#447b5a;box-shadow:0 0 9px #447b5a80}.lobby-step-difficulty.lobby-subject-chinese .lobby-back-button{color:#66483b}.lobby-step-difficulty.lobby-subject-chinese .difficulty-hero{color:#38291f;background:linear-gradient(120deg,#fff9e1eb,#d9c18fdb);border-color:#704d2f52;box-shadow:inset 0 1px #fff,0 7px #69472f61,0 22px 45px #36241633}.lobby-step-difficulty.lobby-subject-chinese .difficulty-hero small{color:#9d473c}.lobby-step-difficulty.lobby-subject-chinese .difficulty-hero p{color:#725848}.lobby-step-difficulty.lobby-subject-chinese .lobby-section-heading>div span{color:#9b4337;background:#9a403412;border-color:#8b453066}.lobby-step-difficulty.lobby-subject-chinese .lobby-section-heading>div small,.lobby-step-difficulty.lobby-subject-chinese .lobby-section-heading>p{color:#796254}.lobby-step-difficulty.lobby-subject-chinese .difficulty-card{color:#392a21;border-color:var(--rank)}@supports (color:color-mix(in lab, red, red)){.lobby-step-difficulty.lobby-subject-chinese .difficulty-card{border-color:color-mix(in srgb,var(--rank) 46%,#77523059)}}.lobby-step-difficulty.lobby-subject-chinese .difficulty-card{background:linear-gradient(155deg,#fffbe8f0,var(--rank))}@supports (color:color-mix(in lab, red, red)){.lobby-step-difficulty.lobby-subject-chinese .difficulty-card{background:linear-gradient(155deg,#fffbe8f0,color-mix(in srgb,var(--rank) 10%,#dfca9f))}}.lobby-step-difficulty.lobby-subject-chinese .difficulty-card{box-shadow:inset 0 1px #fff,0 7px #8f6a4d,0 20px 45px #3c281a30}.lobby-step-difficulty.lobby-subject-chinese .difficulty-card:hover{box-shadow:inset 0 1px 0 white,0 9px 0 #79543f,0 28px 55px #3c281a42,0 0 30px var(--rank)}@supports (color:color-mix(in lab, red, red)){.lobby-step-difficulty.lobby-subject-chinese .difficulty-card:hover{box-shadow:inset 0 1px 0 white,0 9px 0 #79543f,0 28px 55px #3c281a42,0 0 30px color-mix(in srgb,var(--rank) 28%,transparent)}}.lobby-step-difficulty.lobby-subject-chinese .rank-crown{color:#fff8dc;background:linear-gradient(145deg,var(--rank),#9c4639)}@supports (color:color-mix(in lab, red, red)){.lobby-step-difficulty.lobby-subject-chinese .rank-crown{background:linear-gradient(145deg,color-mix(in srgb,var(--rank) 75%,#d4ab60),#9c4639)}}.lobby-step-difficulty.lobby-subject-chinese .rank-index,.lobby-step-difficulty.lobby-subject-chinese .rank-enter{color:#8e4137}.lobby-step-difficulty.lobby-subject-chinese .difficulty-card>small{color:#8a7564}.lobby-step-difficulty.lobby-subject-chinese .difficulty-card>em{color:#654e40}.lobby-step-difficulty.lobby-subject-chinese .rank-meter i{background:#64483126}.lobby-step-difficulty.lobby-subject-chinese .difficulty-note,.lobby-step-difficulty.lobby-subject-chinese .lobby-footer{color:#6f5b4e}.learning-lobby.lobby-step-difficulty.lobby-subject-math{background:linear-gradient(#030a2db3,#04051fdb),url(/themes/math-neon-arena.webp) 50%/cover fixed,#050b32}.learning-lobby.lobby-step-difficulty.lobby-subject-math:before{opacity:.75;background-image:linear-gradient(90deg,#58e8ff13 1px,#0000 1px),linear-gradient(#8254ff11 1px,#0000 1px),radial-gradient(circle,#fffffff2 0 1px,#0000 1.5px);background-size:54px 54px,54px 54px,96px 96px}.lobby-step-difficulty.lobby-subject-math .lobby-header,.lobby-step-difficulty.lobby-subject-math .difficulty-hero{background:linear-gradient(135deg,#122b6fc7,#090a34d9);border-color:#4de1ff57;box-shadow:inset 0 1px #ffffff38,0 0 32px #39ddff24,0 20px 55px #01031973}.lobby-step-difficulty.lobby-subject-math .lobby-header small,.lobby-step-difficulty.lobby-subject-math .difficulty-hero small,.lobby-step-difficulty.lobby-subject-math .lobby-section-heading>div span{color:#68edff}.lobby-step-difficulty.lobby-subject-math .lobby-section-heading>div span{background:#48daff14;border-color:#5be8ff6b;box-shadow:0 0 18px #48daff26}.lobby-step-difficulty.lobby-subject-math .difficulty-card{background:linear-gradient(155deg,var(--rank),#050728f7 62%)}@supports (color:color-mix(in lab, red, red)){.lobby-step-difficulty.lobby-subject-math .difficulty-card{background:linear-gradient(155deg,color-mix(in srgb,var(--rank) 15%,#122d70f5),#050728f7 62%)}}.lobby-step-difficulty.lobby-subject-math .difficulty-card{box-shadow:inset 0 1px 0 #ffffff42,0 7px 0 #111051,0 20px 45px #01021573,0 0 22px var(--rank)}@supports (color:color-mix(in lab, red, red)){.lobby-step-difficulty.lobby-subject-math .difficulty-card{box-shadow:inset 0 1px 0 #ffffff42,0 7px 0 #111051,0 20px 45px #01021573,0 0 22px color-mix(in srgb,var(--rank) 10%,transparent)}}.lobby-step-difficulty.lobby-subject-math .difficulty-card:hover{box-shadow:inset 0 1px 0 #ffffff61,0 9px 0 #0b0b43,0 28px 55px #0102158c,0 0 38px var(--rank)}@supports (color:color-mix(in lab, red, red)){.lobby-step-difficulty.lobby-subject-math .difficulty-card:hover{box-shadow:inset 0 1px 0 #ffffff61,0 9px 0 #0b0b43,0 28px 55px #0102158c,0 0 38px color-mix(in srgb,var(--rank) 31%,transparent)}}@keyframes lobbyPulse{0%,to{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.12)}}@media (width<=980px){.subject-card-grid{grid-template-columns:1fr}.subject-arena-card{min-height:300px}.arena-icon{margin-top:28px}.quick-join-panel{grid-template-columns:1fr 1fr}.quick-join-copy{grid-column:1/-1}.difficulty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.difficulty-card{min-height:245px}}@media (width<=640px){.learning-lobby{padding:10px 9px calc(18px + env(safe-area-inset-bottom))}.lobby-header{border-radius:20px;grid-template-columns:auto 1fr;margin-bottom:20px;padding:10px 11px}.lobby-brand-mark{border-radius:15px;width:48px;margin-right:10px}.lobby-header p{display:none}.lobby-header h1{font-size:21px}.lobby-header small{letter-spacing:.1em;font-size:7px}.lobby-online-badge{grid-column:1/-1;justify-content:center;margin-top:9px;padding:6px}.lobby-section-heading{margin-bottom:11px}.lobby-section-heading>div{margin-right:9px}.lobby-section-heading>div span{width:35px}.lobby-section-heading>div small{display:none}.lobby-section-heading h2{font-size:26px}.lobby-section-heading>p{font-size:10px}.subject-card-grid{gap:12px}.subject-arena-card{border-radius:23px;min-height:236px;padding:17px 18px;box-shadow:inset 0 1px #ffffff4d,inset 0 -60px 75px #04031fb8,0 6px #05031eb8,0 16px 35px #0201144d}.subject-arena-card:after{border-radius:17px;inset:7px}.arena-number{font-size:8px}.arena-icon{border-radius:15px;width:48px;margin-top:4px;font-size:20px}.arena-copy{margin-top:10px}.arena-copy strong{font-size:27px}.arena-copy em{margin-top:4px;font-size:10px}.arena-features{margin-top:9px}.arena-features i{padding:4px 7px;font-size:8px}.arena-enter{padding-top:9px;font-size:10px}.arena-enter b{width:27px}.quick-join-panel{border-radius:18px;grid-template-columns:1fr 1fr;gap:9px;margin-top:19px;padding:11px}.quick-join-copy strong{font-size:11px}.quick-join-panel>button,.quick-join-panel>p{grid-column:1/-1}.difficulty-hero{border-radius:21px;min-height:108px;padding:16px}.difficulty-subject-orb{border-radius:18px;flex-basis:59px;width:59px;font-size:23px}.difficulty-hero h2{font-size:25px}.difficulty-grid{grid-template-columns:1fr 1fr;gap:10px}.difficulty-card{border-radius:20px;min-height:205px;padding:15px}.rank-crown{border-radius:12px;width:39px}.rank-index{margin-top:17px}.difficulty-card>strong{font-size:25px}.difficulty-card>em{margin-top:8px;font-size:9px}.difficulty-note{padding:0 12px;line-height:1.6}.game-page.subject-chinese,.game-page.subject-math{background-attachment:scroll}.challenge-panel.question-chinese-word .challenge-word strong,.challenge-panel.question-chinese-poem .challenge-word strong{font-size:clamp(23px,7vw,31px)}.challenge-panel.question-math-choice .challenge-word strong{font-size:clamp(24px,7.8vw,34px)}.challenge-panel:not(.question-english-word) .challenge-word{min-height:93px}}@media (orientation:landscape) and (height<=540px){.learning-lobby{padding-block:8px 14px}.lobby-header{min-height:54px;margin-bottom:10px;padding:6px 12px}.lobby-brand-mark{width:42px}.lobby-header p,.lobby-online-badge{display:none}.lobby-section-heading{margin-bottom:7px}.subject-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.subject-arena-card{min-height:330px;padding:16px}.arena-icon{width:48px;margin-top:34px}.arena-copy strong{font-size:25px}.quick-join-panel,.lobby-footer{display:none}.difficulty-hero{min-height:82px;padding:10px 17px}.difficulty-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.difficulty-card{min-height:235px}}.lobby-back-button{border-radius:12px;min-height:44px;padding:8px 12px}.lobby-back-button:hover{background:#ffffff12}.lobby-step-difficulty.lobby-subject-chinese .difficulty-card>small{color:#655548;font-size:10px}.challenge-backdrop.subject-chinese .challenge-panel.word-card.correct{background:linear-gradient(145deg,#f8fbe1fc,#cedca4fa);border-color:#6e9e72;box-shadow:inset 0 1px #fff,0 8px #4d6d50,0 0 44px #6da66b47,0 30px 90px #0c0806ad}.challenge-backdrop.subject-chinese .challenge-panel.word-card.wrong{background:linear-gradient(145deg,#fff4ddfc,#e1ba9efa);border-color:#bd574b;box-shadow:inset 0 1px #fff,0 8px #733a32,0 0 42px #b5483d40,0 30px 90px #0c0806ad}.challenge-backdrop.subject-chinese .public-answers button.answer-correct{color:#244c32;background:linear-gradient(145deg,#eaf5d5,#b8d7a6);border-color:#5c9569;box-shadow:inset 0 1px #fff,0 4px #668a60,0 0 22px #55906140}.challenge-backdrop.subject-chinese .public-answers button.selected:not(.answer-correct){color:#6f2f2b;background:linear-gradient(145deg,#ffe7d4,#dfafa0);border-color:#b95349;box-shadow:inset 0 1px #fff,0 4px #8b4d45,0 0 20px #b1463c38}.challenge-backdrop.subject-math .challenge-panel.word-card.correct{border-color:#71ffd3;box-shadow:inset 0 1px #ffffff4d,0 7px #126b62,0 0 60px #48ffd06e,0 30px 90px #010216bf}.challenge-backdrop.subject-math .challenge-panel.word-card.wrong{border-color:#ff6ca8;box-shadow:inset 0 1px #ffffff4d,0 7px #702649,0 0 56px #ff539a61,0 30px 90px #010216bf}.challenge-backdrop.subject-math .public-answers button.answer-correct{color:#effffb;background:linear-gradient(145deg,#29c4a5e0,#135b68f2);border-color:#6dffd1;box-shadow:inset 0 1px #ffffff4d,0 4px #105c54,0 0 25px #49f4cf57}.challenge-backdrop.subject-math .public-answers button.selected:not(.answer-correct){color:#fff1f7;background:linear-gradient(145deg,#bc2c69db,#4d1955f2);border-color:#ff72aa;box-shadow:inset 0 1px #ffffff38,0 4px #551634,0 0 24px #ff4a9352}.challenge-backdrop.subject-chinese .challenge-panel .monster-stage{color:#fff7df;background:radial-gradient(circle at 12% 32%,#b140323d,#0000 39%),linear-gradient(145deg,#5d412ef0,#30231ef7);border-color:#a6674080;box-shadow:inset 0 1px #fff1cb33,0 4px #3b2923,0 0 20px #9c64382e}.challenge-backdrop.subject-chinese .challenge-panel .monster-figure small,.challenge-backdrop.subject-chinese .challenge-panel .monster-battle-copy b{color:#ffe9bd}.challenge-backdrop.subject-chinese .challenge-panel .mystery-test-cinematic{color:#4b392b;background:linear-gradient(145deg,#f2e1b0eb,#c5ac75eb);border-color:#b083458f;box-shadow:inset 0 1px #fff,0 4px #8b6848}.challenge-backdrop.subject-chinese .challenge-panel .mystery-test-cinematic.is-wrong{color:#71352e;background:linear-gradient(145deg,#fbe0bef2,#d49e88ed);border-color:#ad4a3e99;box-shadow:inset 0 1px #fff,0 4px #874a40}@media (width<=640px){.learning-lobby.lobby-step-difficulty.lobby-subject-chinese,.learning-lobby.lobby-step-difficulty.lobby-subject-math{background-attachment:scroll}}@media (orientation:landscape) and (height<=540px){.subject-arena-card{min-height:230px;padding:12px 14px}.arena-icon{border-radius:13px;width:42px;margin-top:2px;font-size:18px}.arena-copy{margin-top:7px}.arena-copy strong{font-size:23px}.arena-copy em{margin-top:2px;font-size:9px}.arena-features{display:none}.arena-enter{padding-top:6px;font-size:9px}.arena-enter b{width:24px;font-size:13px}.quick-join-panel{border-radius:15px;grid-template-columns:1fr 1fr auto;gap:7px;margin-top:10px;padding:7px 9px;display:grid}.quick-join-copy{display:none}.quick-join-panel label{gap:2px;font-size:7px}.quick-join-panel input{border-radius:10px;min-height:34px;padding:5px 8px;font-size:11px}.quick-join-panel>button{border-radius:10px;min-height:35px;padding:5px 12px;font-size:10px}.quick-join-panel>p{grid-column:1/-1}.lobby-footer{display:none}.lobby-back-button{margin-bottom:4px}.difficulty-hero{min-height:70px}.difficulty-subject-orb{border-radius:14px;flex-basis:48px;width:48px;font-size:19px}.difficulty-hero h2{font-size:21px}.difficulty-hero p{font-size:9px}.difficulty-card{min-height:178px;padding:12px}.rank-crown{width:35px}.rank-index{margin-top:8px}.difficulty-card>strong{font-size:22px}.difficulty-card>em{margin-top:5px}}.game-hall,.bank-studio{--hall-line:#aaa4ff52;--hall-panel:linear-gradient(145deg,#34257eeb,#0f0f46f2);color:#fff;min-height:100svh;font-family:var(--font-sans),"PingFang SC","Microsoft YaHei",sans-serif;background:radial-gradient(circle at 4% 22%,#c647db40,#0000 30%),radial-gradient(circle at 93% 75%,#2cd8ef36,#0000 34%),linear-gradient(135deg,#2d124f 0%,#151052 48%,#063d57 115%)}.game-hall{height:100svh;padding:12px 16px calc(10px + env(safe-area-inset-bottom));grid-template-rows:72px minmax(0,1fr) 58px;gap:12px;display:grid;position:relative;overflow:hidden}.game-hall:before{content:"";opacity:.23;pointer-events:none;background-image:url(/magic-sky-background.webp);background-position:50%;background-size:cover;position:absolute;inset:0}.game-hall:after{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff06 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:54px 54px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.hall-space-grid{z-index:0;opacity:.36;pointer-events:none;background-image:radial-gradient(circle,#ffffffbf 0 1px,#0000 1.4px),radial-gradient(circle,#ffdb77b3 0 1px,#0000 1.4px);background-position:8px 14px,55px 80px;background-size:115px 115px,171px 171px;position:absolute;inset:0}.hall-hud,.hall-pilot-card,.hall-utility>*,.hall-bottom-nav,.flight-mode-sheet,.profile-dialog,.bank-studio-header,.bank-studio-layout,.bank-studio-footer{border:1px solid var(--hall-line);background:var(--hall-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff24,0 18px 48px #03021e4d}.hall-hud{z-index:3;border-radius:22px;grid-template-columns:minmax(215px,1fr) auto minmax(190px,.8fr) auto;align-items:center;gap:14px;min-width:0;padding:7px 10px;display:grid;position:relative}.pilot-entry{color:#fff;text-align:left;background:linear-gradient(135deg,#7456e147,#1c1b5b57);border:1px solid #ffffff21;border-radius:17px;align-items:center;gap:10px;min-width:0;height:56px;padding:5px 11px 5px 5px;transition:all .22s;display:flex}.pilot-entry:hover{border-color:#ffdf808f;transform:translateY(-1px)}.pilot-entry>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.pilot-entry b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.pilot-entry small{color:#c6c4ed;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.pilot-entry>i{color:#ffd46d;font-size:20px;font-style:normal}.hall-avatar{aspect-ratio:1;background-color:#21194e;background-image:url(/magic-avatar-sheet.webp);background-repeat:no-repeat;background-size:200% 200%;border:2px solid #ffffffe6;border-radius:50%;flex:none;width:44px;display:block;box-shadow:0 0 0 3px #ffc75b47,0 8px 18px #03021e59}.hall-avatar.avatar-0{background-position:0 0}.hall-avatar.avatar-1{background-position:100% 0}.hall-avatar.avatar-2{background-position:100% 100%}.hall-avatar.avatar-3{background-position:0 100%}.hall-avatar.large{border-width:3px;width:86px;box-shadow:0 0 0 5px #ffca5847,0 0 35px #6f5eff73}.hall-brand{align-items:center;gap:10px;display:flex}.hall-brand>span{aspect-ratio:1;color:#fff;background:linear-gradient(145deg,#ffe68a,#ed9c3b);border:1px solid #ffe19a;border-radius:14px;place-items:center;width:44px;font-size:21px;display:grid;box-shadow:inset 0 1px #fff,0 4px #9d5723,0 0 24px #ffbe4e47}.hall-brand div{flex-direction:column;display:flex}.hall-brand small{color:#bdb9e3;letter-spacing:1.8px;font-size:7px;font-weight:800}.hall-brand strong{letter-spacing:-.7px;margin-top:1px;font-size:19px}.hall-wallet{justify-content:flex-end;gap:7px;display:flex}.hall-wallet>:is(span,button){min-width:74px;color:inherit;text-align:left;background:#080b3775;border:1px solid #ffffff1f;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:0 7px;padding:5px 9px;display:grid}.hall-wallet>button{cursor:pointer}.hall-wallet>button:hover{background:#3f307ec7;border-color:#ffdc73a3;transform:translateY(-1px)}.hall-wallet i{color:#ffd86c;grid-row:1/3;font-size:17px;font-style:normal}.hall-wallet b{font-size:12px}.hall-wallet small{color:#aaa7d6;font-size:7px}.hall-hud-actions{gap:6px;display:flex}.hall-hud-actions button{color:#f7f3ff;background:#18165299;border:1px solid #ffffff21;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:50px;height:46px;font-size:16px;display:flex}.hall-hud-actions button:first-child{color:#84fff0;background:linear-gradient(145deg,#1a8697b3,#18265eb8);border-color:#55f2dd73;min-width:72px}.hall-hud-actions span{color:inherit;font-size:7px}.hall-stage{z-index:2;grid-template-columns:218px minmax(570px,1fr) 254px;gap:14px;min-height:0;display:grid;position:relative}.hall-pilot-card{text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex}.hall-pilot-card>small{color:#b5b1dc;letter-spacing:1.4px;margin-top:11px;font-size:7px;font-weight:800}.hall-pilot-card h2{margin:4px 0 0;font-size:24px}.hall-pilot-card>p{color:#c9c5e8;margin:3px 0 13px;font-size:10px}.pilot-rank{text-align:left;background:#08093073;border:1px solid #ffffff1c;border-radius:15px;width:100%;padding:10px}.pilot-rank span{color:#ffe083;font-size:10px;font-weight:850}.pilot-rank b{float:right;font-size:9px}.pilot-rank>i{background:#ffffff1a;border-radius:99px;height:5px;margin-top:8px;display:block;overflow:hidden}.pilot-rank em{border-radius:inherit;background:linear-gradient(90deg,#ffc85e,#ff75bf);height:100%;display:block;box-shadow:0 0 12px #ffcb69}.hall-pilot-card dl{grid-template-columns:repeat(3,1fr);gap:6px;width:100%;margin:10px 0;display:grid}.hall-pilot-card dl div{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:12px;padding:8px 3px}.hall-pilot-card dt{color:#aaa7d3;font-size:7px}.hall-pilot-card dd{color:#fff0a3;margin:2px 0 0;font-size:15px;font-weight:900}.hall-pilot-card>button{color:#ffe89b;background:linear-gradient(145deg,#8452c670,#2e26778c);border:1px solid #ffdd776b;border-radius:13px;width:100%;min-height:42px;font-size:10px;font-weight:800}.hall-arena-hub{flex-direction:column;justify-content:center;min-width:0;min-height:0;display:flex}.hall-arena-hub>header{justify-content:space-between;align-items:end;gap:14px;padding:3px 4px 13px;display:flex}.hall-arena-hub header small{color:#66f3ed;letter-spacing:2px;font-size:7px;font-weight:900}.hall-arena-hub h1{letter-spacing:-1px;margin:2px 0 1px;font-size:27px}.hall-arena-hub header p{color:#b9b7da;margin:0;font-size:9px}.continue-flight{color:#ffe8a1;background:#1a1751a8;border:1px solid #ffd56761;border-radius:13px;min-height:38px;padding:7px 12px;font-size:9px;font-weight:800}.hall-arena-grid{grid-template-columns:repeat(3,minmax(160px,232px));justify-content:center;gap:13px;min-height:0;display:grid}.hall-arena-tile{--arena:#ffd36a;aspect-ratio:1;border:1px solid var(--arena);flex-direction:column;justify-content:flex-end;padding:15px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.hall-arena-tile{border:1px solid color-mix(in srgb,var(--arena) 56%,white 8%)}}.hall-arena-tile{color:#fff;text-align:left;background:#151150;border-radius:25px;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s,border-color .24s;box-shadow:inset 0 1px #ffffff57,inset 0 -85px 95px #02031ec7,0 8px #03031fb8,0 24px 42px #02021c52}.hall-arena-tile.subject-chinese{--arena:#e8bb69}.hall-arena-tile.subject-math{--arena:#50ebff}.hall-arena-tile:hover{z-index:2;border-color:var(--arena);box-shadow:inset 0 1px 0 #ffffff8c,inset 0 -85px 95px #02031eb8,0 9px 0 #03031fb8,0 26px 55px #02021c6b,0 0 28px var(--arena)}@supports (color:color-mix(in lab, red, red)){.hall-arena-tile:hover{box-shadow:inset 0 1px 0 #ffffff8c,inset 0 -85px 95px #02031eb8,0 9px 0 #03031fb8,0 26px 55px #02021c6b,0 0 28px color-mix(in srgb,var(--arena) 30%,transparent)}}.hall-arena-tile:hover{transform:translateY(-5px)scale(1.012)}.hall-arena-tile:active{transform:scale(.97)}.hall-arena-art{background-position:50%;background-size:cover;transition:transform .45s;position:absolute;inset:0}.subject-english .hall-arena-art{background-image:url(/magic-sky-background.webp)}.subject-chinese .hall-arena-art{background-image:url(/themes/chinese-ink-arena.webp)}.subject-math .hall-arena-art{background-image:url(/themes/math-neon-arena.webp)}.hall-arena-tile:hover .hall-arena-art{transform:scale(1.06)}.hall-arena-glow{background:linear-gradient(180deg,#0405200f 10%,#07052829 42%,#050425f0 89%),radial-gradient(circle at 78% 15%,var(--arena),transparent 33%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.hall-arena-glow{background:linear-gradient(180deg,#0405200f 10%,#07052829 42%,#050425f0 89%),radial-gradient(circle at 78% 15%,color-mix(in srgb,var(--arena) 26%,transparent),transparent 33%)}}.hall-arena-icon{aspect-ratio:1;border:1px solid var(--arena);color:#fff;width:45px;box-shadow:inset 0 1px 0 #ffffff47,0 0 20px var(--arena);background:#141046b8;border-radius:14px;place-items:center;margin-bottom:8px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.hall-arena-icon{box-shadow:inset 0 1px 0 #ffffff47,0 0 20px color-mix(in srgb,var(--arena) 26%,transparent)}}.hall-arena-icon{font-size:19px;font-weight:900}.hall-arena-copy{flex-direction:column;display:flex;position:relative}.hall-arena-copy small{color:var(--arena);letter-spacing:1.6px;font-size:6px;font-weight:900}.hall-arena-copy strong{letter-spacing:-.8px;margin-top:2px;font-size:21px}.hall-arena-copy em{color:#d4d1e9;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;font-style:normal;overflow:hidden}.hall-arena-tags{gap:5px;margin-top:8px;display:flex;position:relative}.hall-arena-tags i{border:1px solid var(--arena);padding:3px 6px}@supports (color:color-mix(in lab, red, red)){.hall-arena-tags i{border:1px solid color-mix(in srgb,var(--arena) 50%,transparent)}}.hall-arena-tags i{color:var(--arena);background:#08072e8c;border-radius:99px;font-size:6px;font-style:normal;font-weight:800}.hall-arena-enter{border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;margin-top:9px;padding-top:8px;font-size:8px;font-weight:850;display:flex;position:relative}.hall-arena-enter b{color:var(--arena);font-size:15px}.room-mobile-tile{--arena:#7dffe5;display:none}.hall-utility{flex-direction:column;justify-content:center;gap:10px;min-height:0;display:flex}.hall-utility>*{border-radius:20px}.quick-flight-card{padding:16px;position:relative;overflow:hidden}.quick-flight-card:after{aspect-ratio:1;content:"";border:18px solid #ffd16714;border-radius:50%;width:110px;position:absolute;bottom:-42px;right:-22px}.quick-flight-card>span{aspect-ratio:1;color:#fff;background:linear-gradient(145deg,#ffcc62,#e88643);border:1px solid #ffe18a;border-radius:12px;place-items:center;width:38px;display:grid;box-shadow:0 4px #8e4b29}.quick-flight-card small,.hall-room-card small{color:#6ef4e5;letter-spacing:1.6px;margin-top:10px;font-size:7px;font-weight:900;display:block}.quick-flight-card h2{margin:3px 0;font-size:21px}.quick-flight-card p{color:#c8c5e4;margin:0 0 11px;font-size:8px}.quick-flight-card button,.hall-room-card>button{z-index:1;color:#49310e;background:linear-gradient(145deg,#fff09a,#f4b44f);border:1px solid #ffe18b;border-radius:13px;width:100%;min-height:40px;font-size:10px;font-weight:950;position:relative;box-shadow:inset 0 1px #fff,0 4px #9d622a}.hall-room-card{padding:15px}.hall-room-card h3{margin:2px 0 10px;font-size:16px}.hall-room-card label{flex-direction:column;gap:4px;display:flex}.hall-room-card label span{color:#bbb8dc;font-size:8px}.hall-room-card input{color:#fff;letter-spacing:6px;background:#040627a8;border:1px solid #8b88ef70;border-radius:12px;outline:none;width:100%;min-height:43px;padding:8px 12px;font-size:17px;font-weight:900}.hall-room-card input:focus{border-color:#69f3e3;box-shadow:0 0 0 3px #47f1da1f}.hall-room-card>button{color:#063a41;background:linear-gradient(145deg,#94fff1,#40d7df);border-color:#69f3e3;margin-top:9px;box-shadow:inset 0 1px #fff,0 4px #177889}.hall-room-card>p{color:#ffb1c7;margin:8px 0 0;font-size:8px;line-height:1.4}.hall-network-state{color:#a9eddc;align-items:center;gap:8px;min-height:38px;padding:8px 11px;font-size:8px;display:flex}.hall-network-state i{aspect-ratio:1;background:#50f2ce;border-radius:50%;width:7px;box-shadow:0 0 12px #50f2ce}.hall-network-state.syncing i{background:#ffd46c;animation:.8s infinite alternate hallNetworkPulse;box-shadow:0 0 12px #ffd46c}.hall-network-state.offline{color:#ffabc4}.hall-network-state.offline i{background:#ff699a;box-shadow:0 0 12px #ff699a}.hall-bottom-nav{z-index:3;border-radius:19px;grid-template-columns:repeat(5,92px);justify-content:center;gap:4px;padding:5px;display:grid;position:relative}.hall-bottom-nav button{color:#aaa7cf;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:44px;font-size:14px;display:flex}.hall-bottom-nav span{font-size:7px}.hall-bottom-nav button[aria-current=page]{color:#ffe286;background:linear-gradient(145deg,#865cdd80,#382e8b6b);box-shadow:inset 0 1px #ffffff24}.hall-layer{z-index:240;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#040320bd;place-items:center;padding:16px;animation:.22s both hallLayerIn;display:grid;position:fixed;inset:0}.flight-mode-sheet,.profile-dialog{border-radius:28px;width:min(880px,100vw - 30px);max-height:calc(100svh - 30px);animation:.28s cubic-bezier(.16,1,.3,1) both hallSheetIn;position:relative;overflow:auto}.hall-dialog-close{z-index:4;aspect-ratio:1;color:#fff;background:#0707309e;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:42px;font-size:20px;display:grid;position:absolute;top:14px;right:14px}.flight-mode-sheet>header{background:radial-gradient(circle at 18% 0,var(--mode-accent),transparent 45%);border-bottom:1px solid #ffffff1a;align-items:center;gap:14px;padding:20px 70px 18px 22px;display:flex}@supports (color:color-mix(in lab, red, red)){.flight-mode-sheet>header{background:radial-gradient(circle at 18% 0,color-mix(in srgb,var(--mode-accent) 24%,transparent),transparent 45%)}}.flight-mode-sheet.subject-english{--mode-accent:#ffd66c}.flight-mode-sheet.subject-chinese{--mode-accent:#e8bc6d}.flight-mode-sheet.subject-math{--mode-accent:#58efff}.mode-subject-icon{aspect-ratio:1;border:1px solid var(--mode-accent);color:#fff;background:linear-gradient(145deg,var(--mode-accent),#27206c);border-radius:20px;place-items:center;width:64px;display:grid}@supports (color:color-mix(in lab, red, red)){.mode-subject-icon{background:linear-gradient(145deg,color-mix(in srgb,var(--mode-accent) 55%,#6f49db),#27206c)}}.mode-subject-icon{box-shadow:inset 0 1px 0 #ffffff59,0 5px 0 #050529b3,0 0 26px var(--mode-accent)}@supports (color:color-mix(in lab, red, red)){.mode-subject-icon{box-shadow:inset 0 1px 0 #ffffff59,0 5px 0 #050529b3,0 0 26px color-mix(in srgb,var(--mode-accent) 28%,transparent)}}.mode-subject-icon{font-size:25px;font-weight:950}.flight-mode-sheet header small{color:var(--mode-accent);letter-spacing:1.7px;font-size:7px;font-weight:900}.flight-mode-sheet header h2{margin:2px 0;font-size:27px}.flight-mode-sheet header p{color:#c0bddf;margin:0;font-size:9px}.mode-sheet-body{grid-template-columns:1.05fr .95fr;gap:18px;padding:19px 22px;display:grid}.mode-sheet-body h3{align-items:center;gap:8px;margin:0 0 11px;font-size:13px;display:flex}.mode-sheet-body h3 i{aspect-ratio:1;border:1px solid var(--mode-accent);width:26px;color:var(--mode-accent);border-radius:50%;place-items:center;font-size:8px;font-style:normal;display:grid}.compact-difficulty-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.compact-difficulty-grid button{color:#fff;text-align:left;background:#0c0c398c;border:1px solid #ffffff21;border-radius:16px;grid-template-rows:1fr 1fr;grid-template-columns:34px 1fr;align-items:center;gap:0 8px;min-height:68px;padding:10px;display:grid}.compact-difficulty-grid button>span{aspect-ratio:1;color:#ffe08b;background:#ffffff0f;border:1px solid #fff3;border-radius:11px;grid-row:1/3;place-items:center;width:34px;display:grid}.compact-difficulty-grid button b{align-self:end;font-size:12px}.compact-difficulty-grid button small{color:#aaa6cf;align-self:start;font-size:7px}.compact-difficulty-grid button.selected{border-color:var(--mode-accent);background:linear-gradient(145deg,var(--mode-accent),#161352c7)}@supports (color:color-mix(in lab, red, red)){.compact-difficulty-grid button.selected{background:linear-gradient(145deg,color-mix(in srgb,var(--mode-accent) 19%,#312379),#161352c7)}}.compact-difficulty-grid button.selected{box-shadow:inset 0 1px 0 #ffffff2b,0 0 20px var(--mode-accent)}@supports (color:color-mix(in lab, red, red)){.compact-difficulty-grid button.selected{box-shadow:inset 0 1px 0 #ffffff2b,0 0 20px color-mix(in srgb,var(--mode-accent) 17%,transparent)}}.question-source-grid{gap:8px;display:grid}.question-source-grid>button{color:#fff;text-align:left;background:#0c0c398c;border:1px solid #ffffff21;border-radius:16px;align-items:center;gap:10px;min-height:68px;padding:10px 12px;display:flex;position:relative}.question-source-grid>button>span{aspect-ratio:1;width:38px;color:var(--mode-accent);background:#ffffff0f;border:1px solid #fff3;border-radius:12px;place-items:center;font-size:16px;display:grid}.question-source-grid div{flex-direction:column;flex:1;min-width:0;display:flex}.question-source-grid b{font-size:11px}.question-source-grid small{color:#aaa7d0;margin-top:3px;font-size:7px}.question-source-grid em{color:var(--mode-accent);border:1px solid #ffffff26;border-radius:9px;padding:6px 8px;font-size:8px;font-style:normal}.question-source-grid>button.selected{border-color:var(--mode-accent);box-shadow:0 0 20px var(--mode-accent)}@supports (color:color-mix(in lab, red, red)){.question-source-grid>button.selected{box-shadow:0 0 20px color-mix(in srgb,var(--mode-accent) 17%,transparent)}}.local-player-mode-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.local-player-mode-grid button{color:#fff;text-align:left;background:#0c0c398c;border:1px solid #ffffff21;border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-height:72px;padding:10px;display:flex}.local-player-mode-grid button b{font-size:11px}.local-player-mode-grid button small{color:#aaa7d0;font-size:7px;line-height:1.4}.local-player-mode-grid button.selected{border-color:var(--mode-accent);background:linear-gradient(145deg,var(--mode-accent),#161352c7)}@supports (color:color-mix(in lab, red, red)){.local-player-mode-grid button.selected{background:linear-gradient(145deg,color-mix(in srgb,var(--mode-accent) 19%,#312379),#161352c7)}}.local-player-mode-grid button.selected{box-shadow:inset 0 1px 0 #ffffff2b,0 0 20px var(--mode-accent)}@supports (color:color-mix(in lab, red, red)){.local-player-mode-grid button.selected{box-shadow:inset 0 1px 0 #ffffff2b,0 0 20px color-mix(in srgb,var(--mode-accent) 17%,transparent)}}.local-player-mode-note{color:#aaa7d0;margin:8px 0 0;font-size:8px;line-height:1.55}.flight-mode-sheet>footer{background:#04052657;border-top:1px solid #ffffff1a;justify-content:flex-end;align-items:center;gap:9px;padding:14px 22px;display:flex}.flight-mode-sheet footer>div{flex-direction:column;flex:1;min-width:0;display:flex}.flight-mode-sheet footer small{color:#9f9cc4;font-size:7px}.flight-mode-sheet footer strong{color:#fff1b3;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;overflow:hidden}.hall-primary-button,.hall-secondary-button{border-radius:13px;min-height:42px;padding:9px 16px;font-size:10px;font-weight:900}.hall-primary-button{color:#422d0b;background:linear-gradient(145deg,#fff4a8,#f2b74f);border:1px solid #ffe58f;box-shadow:inset 0 1px #fff,0 4px #93602b}.hall-secondary-button{color:#bafff7;background:linear-gradient(145deg,#2b7eaa73,#2325718c);border:1px solid #81edf161}.profile-dialog{width:min(620px,100vw - 24px);padding:22px}.profile-dialog header{padding-right:45px}.profile-dialog header small{color:#66f3e5;letter-spacing:1.8px;font-size:7px;font-weight:900}.profile-dialog h2{margin:3px 0;font-size:25px}.profile-dialog header p{color:#b9b5dc;margin:0;font-size:9px}.profile-avatar-picker{grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0;display:grid}.profile-avatar-picker button{color:#aaa7cf;background:#0909367a;border:1px solid #ffffff1f;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:86px;display:flex}.profile-avatar-picker button.selected{background:linear-gradient(145deg,#8756c58f,#282370a3);border-color:#ffe07d;box-shadow:0 0 22px #ffc95a29}.profile-avatar-picker i{font-size:7px;font-style:normal}.profile-form-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.profile-form-grid label{flex-direction:column;gap:5px;display:flex}.profile-form-grid label span{color:#bcb8dc;font-size:8px}.profile-form-grid input,.profile-form-grid select{color:#fff;background:#0c0c42;border:1px solid #918bea5c;border-radius:12px;outline:none;min-height:44px;padding:8px 11px}.profile-region-field{grid-column:1/-1}.profile-dialog footer{justify-content:flex-end;gap:9px;margin-top:17px;display:flex}.bank-studio{grid-template-rows:auto minmax(0,1fr) auto;gap:10px;height:100svh;padding:12px;display:grid;position:relative;overflow:hidden}.bank-studio-header{border-radius:20px;grid-template-columns:180px 1fr auto;align-items:center;gap:12px;padding:12px 16px;display:grid}.studio-back{color:#d7d4ed;text-align:left;background:#08083085;border:1px solid #ffffff26;border-radius:12px;min-height:42px;padding:8px 12px;font-size:9px}.bank-studio-header small{color:#68efe4;letter-spacing:1.7px;font-size:7px;font-weight:900}.bank-studio-header h2{margin:1px 0;font-size:22px}.bank-studio-header p{color:#aaa7cf;margin:0;font-size:8px}.studio-count{color:#ffe17d;background:#ffd26214;border:1px solid #ffda724d;border-radius:13px;align-items:end;gap:5px;padding:8px 12px;display:flex}.studio-count b{font-size:22px}.studio-count span{padding-bottom:3px;font-size:8px}.bank-studio-layout{border-radius:22px;grid-template-columns:245px minmax(0,1fr);gap:10px;min-height:0;padding:10px;display:grid}.question-list-panel{background:#04052675;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:8px;min-height:0;padding:10px;display:flex}.question-list-panel>label{flex-direction:column;gap:5px;display:flex}.question-list-panel label span{color:#b4b0d3;font-size:8px}.question-list-panel input{color:#fff;background:#0a0a3b;border:1px solid #8884e059;border-radius:11px;min-height:40px;padding:8px 10px}.question-list-scroll{flex-direction:column;flex:1;gap:5px;min-height:0;padding-right:3px;display:flex;overflow:auto}.question-list-scroll button{color:#c7c3df;text-align:left;background:#ffffff09;border:1px solid #ffffff14;border-radius:11px;align-items:center;gap:8px;min-height:42px;padding:6px 8px;display:flex}.question-list-scroll button.active{color:#fff;background:#39b2b424;border-color:#6beadd}.question-list-scroll i{aspect-ratio:1;color:#ffe189;background:#ffd4631a;border-radius:8px;flex:0 0 24px;place-items:center;width:24px;font-size:8px;font-style:normal;display:grid}.question-list-scroll span{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.add-question-button{color:#85f8e9;background:#258f9c1a;border:1px dashed #66eede75;border-radius:12px;min-height:42px;font-size:9px;font-weight:800}.question-editor-card{background:linear-gradient(145deg,#211c629e,#070830b8);border:1px solid #ffffff1a;border-radius:17px;min-height:0;padding:14px;overflow:auto}.editor-topline{align-items:center;gap:9px;margin-bottom:10px;display:flex}.editor-topline>span{color:#ffe188;flex:1;font-size:12px;font-weight:900}.editor-topline label{align-items:center;gap:5px;display:flex}.editor-topline label span{color:#aaa7cf;font-size:8px}.editor-topline select,.editor-topline button{color:#fff;background:#11114e;border:1px solid #ffffff21;border-radius:10px;min-height:34px;padding:6px 9px;font-size:8px}.editor-topline button{color:#ffabc2}.editor-field{flex-direction:column;gap:5px;margin-top:9px;display:flex}.editor-field>span,.option-editor legend{color:#b9b5d8;font-size:8px;font-weight:700}.editor-field input,.editor-field textarea,.option-editor label>input:last-child{color:#fff;width:100%;font:inherit;background:#040628bd;border:1px solid #8b86e257;border-radius:11px;outline:none;padding:9px 11px;font-size:10px}.editor-field textarea{resize:vertical;min-height:58px}.editor-field input:focus,.editor-field textarea:focus,.option-editor input:focus{border-color:#65ebdf;box-shadow:0 0 0 3px #53ebda1a}.option-editor{border:0;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;padding:0;display:grid}.option-editor legend{grid-column:1/-1;margin-bottom:5px}.option-editor label{background:#ffffff09;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:18px 28px 1fr;align-items:center;gap:5px;padding:6px;display:grid}.option-editor label.correct{background:#34b2831f;border-color:#5eebbd80}.option-editor label>input[type=radio]{accent-color:#5cf0bd}.option-editor label b{aspect-ratio:1;color:#ffe38b;background:#ffd4621a;border-radius:9px;place-items:center;width:28px;font-size:9px;display:grid}.option-editor label>input:last-child{min-height:36px;padding:6px 8px}.bank-studio-footer{border-radius:18px;justify-content:flex-end;align-items:center;gap:9px;padding:10px 14px;display:flex}.bank-studio-footer>div{flex:1;min-width:0}.bank-studio-footer p{color:#b5b2d3;margin:0;font-size:8px}.bank-studio-footer>div p:first-child:not(:last-child),.bank-studio-footer p:only-child{color:#ffd0dc}@keyframes hallLayerIn{0%{opacity:0}to{opacity:1}}@keyframes hallSheetIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}@keyframes hallNetworkPulse{to{opacity:.4;transform:scale(.8)}}@media (width<=1100px){.hall-stage{grid-template-columns:180px minmax(500px,1fr) 210px;gap:9px}.hall-arena-grid{gap:9px}.hall-pilot-card{padding:11px}.hall-pilot-card dl{gap:3px}.hall-wallet{display:none}.hall-hud{grid-template-columns:minmax(200px,1fr) auto auto}}@media (width<=700px) and (orientation:portrait){.game-hall{grid-template-rows:58px minmax(0,1fr) calc(58px + env(safe-area-inset-bottom));gap:8px;height:100svh;padding:7px 7px 0;overflow:hidden}.hall-hud{border-radius:17px;grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:5px}.hall-brand,.hall-wallet{display:none}.pilot-entry{background:0 0;border:0;height:47px}.pilot-entry small{font-size:7px}.hall-avatar{width:38px}.hall-hud-actions button{width:42px;min-width:42px;height:42px}.hall-hud-actions button:first-child,.hall-hud-actions span{display:none}.hall-stage{min-height:0;padding:2px 1px 8px;display:block;overflow:auto}.hall-pilot-card,.hall-utility{display:none}.hall-arena-hub{display:block}.hall-arena-hub>header{align-items:center;padding:4px 3px 10px}.hall-arena-hub h1{font-size:22px}.hall-arena-hub header p{font-size:8px}.continue-flight{text-overflow:ellipsis;white-space:nowrap;max-width:145px;min-height:36px;padding:6px 8px;font-size:7px;overflow:hidden}.hall-arena-grid{grid-template-columns:1fr 1fr;gap:9px}.hall-arena-tile{border-radius:21px;width:100%;min-width:0;padding:11px}.room-mobile-tile{background:linear-gradient(145deg,#263177,#0b4a5d);display:flex}.room-mobile-tile:before{content:"";background:radial-gradient(circle at 75% 20%,#69ffe747,#0000 36%),linear-gradient(140deg,#0000,#6c4ad338);position:absolute;inset:0}.hall-arena-icon{border-radius:12px;width:39px;margin-bottom:5px;font-size:16px}.hall-arena-copy strong{font-size:18px}.hall-arena-copy em{font-size:7px}.hall-arena-tags{display:none}.hall-arena-enter{margin-top:6px;padding-top:6px}.hall-bottom-nav{padding:4px 5px calc(4px + env(safe-area-inset-bottom));border-width:1px 1px 0;border-radius:18px 18px 0 0;grid-template-columns:repeat(5,1fr);gap:0}.hall-bottom-nav button{min-height:47px}.hall-layer{align-items:end;padding:0}.flight-mode-sheet{border-radius:25px 25px 0 0;width:100%;max-height:84svh}.flight-mode-sheet>header{padding:15px 55px 13px 14px}.mode-subject-icon{border-radius:16px;width:50px;font-size:20px}.flight-mode-sheet header h2{font-size:21px}.mode-sheet-body{padding:13px 14px;display:block}.mode-sheet-body section+section{margin-top:15px}.compact-difficulty-grid{gap:6px}.compact-difficulty-grid button{min-height:58px;padding:7px}.question-source-grid>button{min-height:60px;padding:8px}.local-player-mode-grid{grid-template-columns:1fr 1fr;gap:6px}.local-player-mode-grid button{min-height:54px;padding:8px}.flight-mode-sheet>footer{padding:10px 14px calc(12px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;display:grid}.flight-mode-sheet footer>div{grid-column:1/-1}.profile-dialog{width:100%;max-height:88svh;padding:18px 14px calc(18px + env(safe-area-inset-bottom));border-radius:25px 25px 0 0}.profile-avatar-picker{gap:5px}.profile-avatar-picker button{min-height:77px}.profile-form-grid{grid-template-columns:1fr}.profile-region-field{grid-column:auto}.bank-studio{grid-template-rows:auto auto auto;height:auto;min-height:100svh;padding:7px;overflow:auto}.bank-studio-header{grid-template-columns:1fr auto;padding:9px}.studio-back{grid-column:1/-1}.bank-studio-header p{display:none}.bank-studio-layout{padding:7px;display:block}.question-list-panel{max-height:215px}.question-list-scroll{min-height:105px}.question-editor-card{margin-top:8px;overflow:visible}.option-editor{grid-template-columns:1fr}.bank-studio-footer{padding-bottom:calc(10px + env(safe-area-inset-bottom));flex-wrap:wrap;position:sticky;bottom:0}.bank-studio-footer>div{flex-basis:100%}.bank-studio-footer button{flex:1}}@media (orientation:landscape) and (height<=520px){.game-hall{grid-template-rows:48px minmax(0,1fr);gap:6px;padding:5px 7px}.hall-bottom-nav{display:none}.hall-hud{border-radius:14px;grid-template-columns:170px auto 1fr auto;padding:3px 6px}.pilot-entry{height:40px}.hall-avatar{width:34px}.hall-brand>span{border-radius:10px;width:34px}.hall-brand strong{font-size:14px}.hall-brand small,.pilot-entry small{display:none}.hall-wallet{display:flex}.hall-wallet>span{min-width:62px;padding:3px 6px}.hall-hud-actions button{min-width:38px;height:38px}.hall-hud-actions button:first-child{min-width:55px}.hall-stage{grid-template-columns:92px minmax(475px,1fr) 160px;gap:6px}.hall-pilot-card{border-radius:15px;padding:6px}.hall-avatar.large{width:50px}.hall-pilot-card>small,.hall-pilot-card>p,.pilot-rank,.hall-pilot-card dl{display:none}.hall-pilot-card h2{margin:5px 0;font-size:13px}.hall-pilot-card>button{min-height:34px;font-size:7px}.hall-arena-hub>header{padding:0 2px 5px}.hall-arena-hub h1{font-size:17px}.hall-arena-hub header p,.hall-arena-hub header small{display:none}.continue-flight{min-height:30px;padding:4px 7px;font-size:7px}.hall-arena-grid{grid-template-columns:repeat(3,minmax(0,168px));gap:6px}.hall-arena-tile{border-radius:16px;padding:8px;box-shadow:inset 0 -60px 70px #02031ec7,0 4px #03031fb8,0 10px 20px #02021c40}.hall-arena-icon{border-radius:10px;width:34px;margin-bottom:3px;font-size:14px}.hall-arena-copy strong{font-size:14px}.hall-arena-copy em,.hall-arena-tags{display:none}.hall-arena-enter{margin-top:4px;padding-top:4px;font-size:6px}.hall-utility{gap:5px}.quick-flight-card{padding:8px}.quick-flight-card>span{border-radius:8px;width:27px}.quick-flight-card small,.hall-room-card small{display:none}.quick-flight-card h2{margin:3px 0;font-size:14px}.quick-flight-card p{margin:0 0 5px;font-size:6px}.quick-flight-card button,.hall-room-card>button{min-height:30px;font-size:7px}.hall-room-card{padding:8px}.hall-room-card h3{margin:0 0 5px;font-size:11px}.hall-room-card label span{display:none}.hall-room-card input{min-height:33px;padding:5px 8px;font-size:13px}.hall-room-card>button{margin-top:5px}.hall-network-state{min-height:29px;padding:5px 7px;font-size:6px}.flight-mode-sheet{width:min(700px,100vw - 16px);max-height:calc(100svh - 12px)}.flight-mode-sheet>header{padding:10px 52px 8px 13px}.mode-subject-icon{border-radius:13px;width:42px;font-size:17px}.flight-mode-sheet header h2{font-size:18px}.flight-mode-sheet header p{display:none}.mode-sheet-body{gap:11px;padding:9px 13px}.compact-difficulty-grid button{min-height:48px;padding:5px}.question-source-grid>button{min-height:48px;padding:5px 8px}.flight-mode-sheet>footer{padding:8px 13px}.hall-primary-button,.hall-secondary-button{min-height:35px;padding:6px 11px}.bank-studio{gap:5px;padding:5px}.bank-studio-header{grid-template-columns:145px 1fr auto;padding:6px 9px}.studio-back{min-height:32px}.bank-studio-header h2{font-size:15px}.bank-studio-header p{display:none}.studio-count{padding:4px 8px}.studio-count b{font-size:15px}.bank-studio-layout{grid-template-columns:185px minmax(0,1fr);gap:5px;padding:5px}.question-list-panel{padding:6px}.question-list-panel input{min-height:30px}.question-list-scroll button{min-height:32px}.add-question-button{min-height:31px}.question-editor-card{padding:7px}.editor-field{margin-top:5px}.editor-field textarea{min-height:40px}.option-editor{margin-top:6px}.bank-studio-footer{padding:5px 8px}.bank-studio-footer button{min-height:33px}}@media (prefers-reduced-motion:reduce){.hall-arena-tile,.flight-mode-sheet,.hall-layer{transition:none!important;animation:none!important}}.question-source-grid .question-source-item{background:#0c0c398c;border:1px solid #ffffff21;border-radius:16px;align-items:stretch;gap:6px;min-height:68px;padding:5px;display:flex;position:relative}.question-source-grid .question-source-item.selected{border-color:var(--mode-accent);box-shadow:0 0 20px var(--mode-accent)}@supports (color:color-mix(in lab, red, red)){.question-source-grid .question-source-item.selected{box-shadow:0 0 20px color-mix(in srgb,var(--mode-accent) 17%,transparent)}}.question-source-item>button:first-child{color:#fff;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:5px 7px;display:flex}.question-source-item>button:first-child>span:first-child{aspect-ratio:1;width:38px;color:var(--mode-accent);background:#ffffff0f;border:1px solid #fff3;border-radius:12px;flex:0 0 38px;place-items:center;font-size:16px;display:grid}.question-source-item>button:first-child>span:last-child{flex-direction:column;min-width:0;display:flex}.question-source-item b{font-size:11px}.question-source-item small{color:#aaa7d0;margin-top:3px;font-size:8px}.source-manage-button{border:1px solid var(--mode-accent);align-self:center;min-width:52px;min-height:44px;padding:7px 9px}@supports (color:color-mix(in lab, red, red)){.source-manage-button{border:1px solid color-mix(in srgb,var(--mode-accent) 50%,#ffffff26)}}.source-manage-button{color:var(--mode-accent);background:var(--mode-accent);border-radius:11px}@supports (color:color-mix(in lab, red, red)){.source-manage-button{background:color-mix(in srgb,var(--mode-accent) 10%,#09092fb8)}}.source-manage-button{font-size:9px;font-weight:900}.room-join-dialog,.settings-dialog{color:#fff;background:radial-gradient(circle at 15% 0,#5be1db2e,#0000 36%),linear-gradient(145deg,#2e2584fa,#070a36fc);border:1px solid #8ae7ef4d;border-radius:28px;width:min(430px,100vw - 24px);max-height:calc(100svh - 24px);padding:28px;animation:.28s cubic-bezier(.16,1,.3,1) both hallSheetIn;position:relative;overflow:auto;box-shadow:inset 0 1px #ffffff2e,0 24px 70px #01021e9e,0 0 42px #51e1e61a}.room-join-dialog>small,.settings-dialog>small{color:#72f5e8;letter-spacing:1.8px;font-size:8px;font-weight:900}.room-join-dialog h2,.settings-dialog h2{margin:5px 0 8px;font-size:25px}.room-join-dialog>p,.settings-dialog>p{color:#bbb8dc;margin:0 0 18px;font-size:10px;line-height:1.7}.dialog-orb{aspect-ratio:1;color:#fff2ae;background:linear-gradient(145deg,#754ad7,#253384);border:1px solid #ffe07d99;border-radius:17px;place-items:center;width:52px;margin-bottom:14px;font-size:22px;display:grid;box-shadow:0 4px #11104b,0 0 24px #73ece833}.room-join-dialog form{gap:8px;display:grid}.room-join-dialog label{color:#c3bfdc;font-size:9px}.room-join-dialog input{color:#fff3b1;letter-spacing:10px;text-align:center;background:#05072dbf;border:1px solid #6befe46b;border-radius:15px;outline:none;width:100%;min-height:58px;padding:9px 14px;font-size:26px;font-weight:950}.room-join-dialog input:focus{border-color:#80fff2;box-shadow:0 0 0 4px #54f2e01f,0 0 25px #4ee5e029}.room-join-dialog .hall-primary-button{min-height:48px;margin-top:5px}.room-join-dialog .dialog-error{color:#ffb4c6;margin:12px 0 0;font-weight:800}.settings-list{gap:9px;margin:17px 0;display:grid}.settings-list>button{color:#fff;text-align:left;background:#08093591;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:12px;min-height:62px;padding:10px 12px;display:flex}.settings-list>button[aria-pressed=true]{background:linear-gradient(145deg,#2d8b9a57,#25257094);border-color:#69f4de80}.settings-list>button>span{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.settings-list b{font-size:12px}.settings-list small{color:#aaa7cf;font-size:8px}.settings-list i{color:#10283c;text-align:center;background:#83f7e5;border-radius:999px;min-width:54px;padding:7px 9px;font-size:9px;font-style:normal;font-weight:900}.settings-list>button[aria-pressed=false] i{color:#aaa7c9;background:#29285d}.bank-studio-footer .has-errors p{color:#ffd0dc}.bank-studio-footer .is-valid p{color:#b5b2d3}.hall-primary-button:disabled,.hall-secondary-button:disabled,.hall-room-card>button:disabled,.editor-topline button:disabled,.settings-list>button:disabled,.hall-bottom-nav button:disabled{cursor:not-allowed;filter:saturate(.4);opacity:.48;box-shadow:none}.bank-studio.subject-chinese{--studio-accent:#b76b3b;color:#2f251f;background:linear-gradient(#f4ecd6eb,#decfaff0),url(/themes/chinese-ink-arena.webp) 50%/cover fixed}.bank-studio.subject-chinese .bank-studio-header,.bank-studio.subject-chinese .bank-studio-layout,.bank-studio.subject-chinese .bank-studio-footer{background:#f8efd7db;border:1px solid #52392738;box-shadow:0 12px 35px #37271a26}.bank-studio.subject-chinese h2{color:#2d241e}.bank-studio.subject-math{background:radial-gradient(circle at 72% 15%,#00e3ff33,#0000 30%),linear-gradient(145deg,#050829,#071944 62%,#031529)}@media (width<=700px){.profile-form-grid input,.profile-form-grid select,.question-list-panel input,.editor-field input,.editor-field textarea,.option-editor label>input:last-child,.editor-topline select,.room-join-dialog input{font-size:16px}.room-join-dialog,.settings-dialog{width:100%;max-height:86svh;padding:22px 16px calc(20px + env(safe-area-inset-bottom));border-radius:25px 25px 0 0}.room-join-dialog input{font-size:25px}.profile-dialog footer{z-index:3;bottom:calc(-18px - env(safe-area-inset-bottom));padding:12px 0 calc(18px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#080831fa 25%);position:sticky}.profile-dialog .hall-dialog-close{margin-left:auto;position:sticky;top:0}}@media (orientation:landscape) and (height<=520px){.hall-hud-actions button,.hall-pilot-card>button,.continue-flight,.quick-flight-card button,.hall-room-card>button,.hall-primary-button,.hall-secondary-button,.studio-back,.add-question-button,.bank-studio-footer button,.editor-topline select,.editor-topline button{min-height:44px}.hall-arena-enter,.quick-flight-card p,.hall-network-state,.hall-pilot-card>button,.continue-flight,.quick-flight-card button,.hall-room-card>button,.bank-studio-header p,.question-list-scroll span,.question-list-panel label span,.editor-topline label span,.editor-field>span,.option-editor legend,.bank-studio-footer p{font-size:11px}.question-source-item{min-height:58px}.question-source-item small,.settings-list small{font-size:10px}.room-join-dialog,.settings-dialog{width:min(520px,100vw - 20px);max-height:calc(100svh - 12px);padding:15px 22px}.room-join-dialog .dialog-orb,.settings-dialog .dialog-orb{float:left;width:42px;margin:0 12px 8px 0}.room-join-dialog h2,.settings-dialog h2{font-size:20px}}.game-hall-v20{padding:10px 14px calc(10px + env(safe-area-inset-bottom));grid-template-rows:68px minmax(0,1fr) 60px;gap:10px}.hall-hud-v20{grid-template-columns:minmax(230px,1fr) auto minmax(210px,.8fr) auto}.hall-hud-v20 .hall-brand{color:#fff;text-align:left;background:0 0;border:0}.hall-hud-actions button{position:relative}.hall-hud-actions button>b,.hall-bottom-nav-v20 button>b{color:#39240a;background:#ffd662;border:2px solid #21155b;border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:9px;display:grid;position:absolute;top:-5px;right:-5px;box-shadow:0 0 14px #ffd25a73}.hall-v20-viewport{z-index:2;min-height:0;position:relative;overflow:hidden}.hall-v20-card,.hall-page-main,.hall-summary-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#332680e6,#0b0e41f0);border:1px solid #aaa4ff47;border-radius:22px;box-shadow:inset 0 1px #ffffff1f,0 16px 40px #03021e40}.hall-v20-shell{grid-template-columns:236px minmax(0,1fr) 288px;gap:12px;width:100%;height:100%;min-height:0;display:grid}.hall-home-page .hall-pilot-card{justify-content:flex-start;padding:18px 15px 14px}.hall-home-page .hall-pilot-card .hall-avatar{margin-top:8px}.hall-home-page .hall-pilot-card .pilot-rank>small{color:#aaa7cf;margin-top:7px;font-size:9px;line-height:1.4;display:block}.hall-home-page .hall-pilot-card dt{font-size:9px}.hall-home-page .hall-pilot-card dd{font-size:18px}.hall-v20-center{grid-template-rows:auto minmax(245px,1.12fr) minmax(185px,.88fr);gap:11px;min-width:0;min-height:0;display:grid}.hall-v20-section-heading{justify-content:space-between;align-items:end;gap:16px;min-height:52px;padding:0 3px;display:flex}.hall-v20-section-heading small,.hall-page-title small,.hall-summary-panel header small,.mission-list-panel header small,.profile-stat-board header small,.profile-equipment-card header small{color:#68f3e6;letter-spacing:1.7px;font-size:9px;font-weight:900}.hall-v20-section-heading h1,.hall-page-title h1{letter-spacing:-1px;margin:2px 0 0;font-size:27px;line-height:1.05}.hall-v20-section-heading p,.hall-page-title p{color:#bab7dc;margin:3px 0 0;font-size:10px}.hall-v20-section-heading .continue-flight{align-self:center;min-height:44px;padding:8px 14px;font-size:10px}.hall-arena-grid-v20{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;gap:11px;height:100%}.hall-arena-grid-v20 .hall-arena-tile{aspect-ratio:auto;border-radius:22px;width:100%;min-width:0;height:100%;min-height:245px;padding:14px}.hall-arena-grid-v20 .hall-arena-copy small{font-size:8px}.hall-arena-grid-v20 .hall-arena-copy strong{font-size:23px}.hall-arena-grid-v20 .hall-arena-copy em{font-size:9px}.hall-arena-grid-v20 .hall-arena-tags i{font-size:8px}.hall-arena-grid-v20 .hall-arena-enter{font-size:9px}.hall-home-lower-grid{grid-template-columns:1.02fr 1.18fr;gap:11px;min-height:0;display:grid}.hall-summary-panel{min-width:0;min-height:0;padding:13px 14px;overflow:hidden}.hall-summary-panel>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.hall-summary-panel h3{margin:2px 0 0;font-size:15px}.hall-summary-panel header button{color:#8af7eb;background:#2d94a51c;border:1px solid #68f2e540;border-radius:10px;min-height:36px;padding:7px 10px;font-size:9px;font-weight:800}.hall-mission-summary>div{gap:6px;display:grid}.hall-mission-summary>div>div{background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;min-height:43px;padding:6px 8px;display:grid}.hall-mission-summary>div>div>span{aspect-ratio:1;color:#ffe485;background:#ffd15b1a;border-radius:9px;place-items:center;width:30px;font-size:12px;font-weight:900;display:grid}.hall-mission-summary p{flex-direction:column;min-width:0;margin:0;display:flex}.hall-mission-summary p b{font-size:10px}.hall-mission-summary p small{color:#a9a6cc;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.hall-mission-summary>div>div>i{color:#ffe07a;font-size:9px;font-style:normal;font-weight:900}.equipped-cosmetic-strip{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.equipped-cosmetic-strip button{color:#fff;background:#ffffff09;border:1px solid #ffffff14;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:112px;padding:6px 4px;display:flex}.equipped-cosmetic-strip button>span:not(.hall-avatar):not(.cosmetic-frame-preview):not(.cosmetic-dice-preview):not(.cosmetic-piece-preview):not(.cosmetic-board-preview){color:#9794be;font-size:7px}.equipped-cosmetic-strip button>b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;overflow:hidden}.hall-v20-side{grid-template-rows:auto auto auto 38px;align-content:center;gap:9px;min-height:0;display:grid}.hall-v20-side>*{border-radius:19px}.hall-v20-side .quick-flight-card,.hall-v20-side .hall-room-card{padding:13px}.hall-v20-side .quick-flight-card>span{width:33px}.hall-v20-side .quick-flight-card small,.hall-v20-side .hall-room-card small{margin-top:7px;font-size:8px}.hall-v20-side .quick-flight-card h2{font-size:19px}.hall-v20-side .hall-room-card h3{margin-bottom:7px;font-size:15px}.hall-mini-activity{grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.hall-mini-activity>span{aspect-ratio:1;background:#ffd45e1c;border-radius:11px;place-items:center;width:36px;font-size:18px;display:grid}.hall-mini-activity>div{flex-direction:column;min-width:0;display:flex}.hall-mini-activity small{color:#66efe2;letter-spacing:1.2px;font-size:7px}.hall-mini-activity b{font-size:10px}.hall-mini-activity em{color:#aaa7ce;font-size:7px;font-style:normal}.hall-mini-activity button{color:#3b280b;background:#ffd96d;border:1px solid #ffda6a66;border-radius:10px;min-width:56px;min-height:36px;font-size:9px;font-weight:900}.hall-mini-activity button:disabled{color:#aaa7c7;opacity:.72;background:#302b68}.hall-page-main{height:100%;min-height:0;padding:16px;overflow:auto}.hall-page-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px;display:flex}.hall-page-title>span{color:#ffe281;text-align:center;background:#ffcd5412;border:1px solid #ffd8653d;border-radius:13px;min-width:120px;padding:8px 12px}.hall-page-title>span b{font-size:19px;display:block}.hall-page-title>span{font-size:9px}.hall-page-title>button{color:#ffe89e;background:#6e49b74d;border:1px solid #ffda7166;border-radius:12px;min-height:42px;padding:8px 14px;font-size:10px;font-weight:850}.check-in-panel{padding:12px}.check-in-panel>header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.check-in-panel>header>div{align-items:center;gap:9px;display:flex}.check-in-panel>header>div>span{aspect-ratio:1;background:linear-gradient(145deg,#7752d5,#2a337e);border-radius:12px;place-items:center;width:38px;display:grid}.check-in-panel p{flex-direction:column;margin:0;display:flex}.check-in-panel p small{color:#6ceee2;letter-spacing:1.4px;font-size:8px}.check-in-panel p b{font-size:14px}.check-in-panel header button{color:#3a280d;background:linear-gradient(145deg,#fff0a0,#f1b34c);border:1px solid #ffe086;border-radius:12px;min-height:40px;padding:8px 13px;font-size:10px;font-weight:900}.check-in-panel header button:disabled{color:#a5a2c5;background:#29265f;border-color:#ffffff1f}.check-in-days{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.check-in-days>div{color:#aaa7cb;background:#ffffff09;border:1px solid #ffffff17;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:72px;display:flex;position:relative}.check-in-days small{font-size:8px}.check-in-days span{font-size:17px}.check-in-days b{font-size:8px}.check-in-days .reached{color:#8ff5df;background:#2ea18c1f;border-color:#5eebc95c}.check-in-days .current{color:#ffe38b;border-color:#ffd966;box-shadow:0 0 20px #ffd25026}.mission-columns{grid-template-columns:.86fr 1.14fr;gap:11px;min-height:0;margin-top:11px;display:grid}.mission-list-panel{min-width:0;padding:12px;overflow:hidden}.mission-list-panel>header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mission-list-panel h2{margin:2px 0 0;font-size:17px}.mission-list-panel>header>span{color:#ffe180;background:#ffd75d14;border-radius:99px;padding:5px 9px;font-size:9px}.mission-card-list{gap:6px;display:grid}.mission-row{background:#05072c61;border:1px solid #ffffff14;border-radius:13px;grid-template-columns:40px minmax(0,1fr) auto 62px;align-items:center;gap:9px;min-height:65px;padding:8px;display:grid}.mission-row.ready{background:linear-gradient(100deg,#ffcb4317,#2c267159);border-color:#ffd65f61}.mission-row.claimed{opacity:.68}.mission-icon{aspect-ratio:1;color:#fff0a1;background:linear-gradient(145deg,#8b5ddebf,#2a327fbf);border-radius:11px;place-items:center;width:40px;font-size:11px;font-weight:900;display:grid}.mission-row>div{flex-direction:column;min-width:0;display:flex}.mission-row>div>b{font-size:10px}.mission-row>div>small{color:#aaa7cc;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.mission-row>div>i,.cosmetic-unlock-detail>i,.profile-next-title>i{background:#ffffff14;border-radius:99px;height:5px;margin-top:6px;display:block;overflow:hidden}.mission-row>div>i em,.cosmetic-unlock-detail>i em,.profile-next-title>i em{border-radius:inherit;background:linear-gradient(90deg,#58e4d6,#ffe06e);height:100%;display:block}.mission-row>strong{color:#ffe187;white-space:nowrap;font-size:8px}.mission-row>button{color:#3a290d;background:#ffd96f;border:1px solid #ffde7661;border-radius:10px;min-width:62px;min-height:38px;font-size:9px;font-weight:900}.mission-row>button:disabled{color:#9996bb;background:#28265d;border-color:#ffffff17}.cosmetic-category-tabs{background:#0808307a;border:1px solid #9891f047;border-radius:16px;grid-template-columns:repeat(5,1fr);margin-bottom:11px;display:grid;overflow:hidden}.cosmetic-category-tabs button{color:#aaa7ca;background:0 0;border:0;border-right:1px solid #ffffff12;justify-content:center;align-items:center;gap:8px;min-height:54px;font-size:10px;font-weight:800;display:flex;position:relative}.cosmetic-category-tabs button:last-child{border:0}.cosmetic-category-tabs button[aria-current=page]{color:#fff1a2;background:linear-gradient(145deg,#704ece9e,#2830828c);box-shadow:inset 0 1px #ffffff2e}.cosmetic-category-tabs i{font-size:18px;font-style:normal}.cosmetic-category-tabs b{aspect-ratio:1;background:#ffd45d;border-radius:50%;width:8px;position:absolute;top:7px;right:calc(50% - 37px);box-shadow:0 0 12px #ffd45d}.cosmetic-studio-layout{grid-template-columns:320px minmax(0,1fr);gap:11px;min-height:0;display:grid}.cosmetic-focus-card{flex-direction:column;min-height:0;padding:15px;display:flex}.cosmetic-focus-stage{background:radial-gradient(circle,#7e65e74d,#080831c7 66%);border:1px solid #ffffff1a;border-radius:18px;place-items:center;min-height:225px;margin-bottom:12px;display:grid;position:relative;overflow:hidden}.cosmetic-orbit{aspect-ratio:1;border:1px solid #78efe840;border-radius:50%;width:75%;animation:8s linear infinite cosmeticOrbit;position:absolute;box-shadow:0 0 40px #52dae11f}.cosmetic-orbit:after{aspect-ratio:1;content:"";background:#ffe27a;border-radius:50%;width:8px;position:absolute;top:11%;right:10%;box-shadow:0 0 14px #ffe27a}.cosmetic-focus-card>small{color:#7bf0e4;letter-spacing:1.2px;font-size:9px;font-weight:900}.cosmetic-focus-card h2{margin:3px 0;font-size:23px}.cosmetic-focus-card>p{color:#b9b5d8;min-height:35px;margin:0;font-size:10px;line-height:1.55}.cosmetic-unlock-detail{background:#05062a6b;border:1px solid #ffffff14;border-radius:13px;margin-top:auto;padding:10px}.cosmetic-unlock-detail>span{color:#ffe18a;font-size:9px;font-weight:850}.cosmetic-unlock-detail>b{color:#aaa7ca;margin-top:3px;font-size:8px;line-height:1.45;display:block}.cosmetic-action{color:#3b290c;background:linear-gradient(145deg,#fff0a0,#f3b34e);border:1px solid #ffdd6973;border-radius:12px;min-height:44px;margin-top:10px;font-size:10px;font-weight:900}.cosmetic-action:disabled{color:#aaa7c8;background:#2c2965;border-color:#ffffff1a}.cosmetic-action.status-equipped{color:#77ecdb}.cosmetic-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:9px;display:grid}.cosmetic-catalog-card{color:#fff;text-align:left;background:linear-gradient(145deg,#2d2671c2,#0a0b37d9);border:1px solid #ffffff1a;border-radius:16px;grid-template-rows:145px auto auto;grid-template-columns:1fr auto;gap:2px 8px;min-width:0;min-height:220px;padding:9px;transition:all .18s;display:grid;position:relative}.cosmetic-catalog-card:hover,.cosmetic-catalog-card.selected{border-color:#74f0e785;transform:translateY(-2px)}.cosmetic-catalog-card.selected{box-shadow:0 0 0 2px #6aebe21f,0 12px 24px #01021947}.cosmetic-card-visual{background:radial-gradient(circle,#705cd742,#05072b85 70%);border-radius:12px;grid-column:1/-1;place-items:center;display:grid;position:relative;overflow:hidden}.cosmetic-catalog-card>small{color:#8eeadd;font-size:7px}.cosmetic-catalog-card>strong{text-overflow:ellipsis;white-space:nowrap;grid-column:1;font-size:11px;overflow:hidden}.cosmetic-catalog-card>em{color:#b8b4d5;background:#ffffff0f;border-radius:99px;grid-area:2/2/4;align-self:center;padding:4px 7px;font-size:7px;font-style:normal}.cosmetic-catalog-card.status-claimable{border-color:#ffd65773}.cosmetic-catalog-card.status-claimable>em{color:#3b290b;background:#ffd762}.cosmetic-catalog-card.status-equipped>em{color:#063c3b;background:#75ead8}.cosmetic-progress-mini{background:#ffffff12;border-radius:99px;height:3px;position:absolute;bottom:7px;left:9px;right:9px;overflow:hidden}.cosmetic-progress-mini i{background:linear-gradient(90deg,#61e9db,#ffd75f);height:100%;display:block}.cosmetic-lock{aspect-ratio:1;color:#aaa7c6;background:#07072bbd;border:1px solid #ffffff21;border-radius:50%;place-items:center;width:35px;font-style:normal;display:grid;position:absolute}.profile-dashboard-grid{grid-template-columns:280px minmax(0,1fr) 300px;gap:11px;min-height:0;display:grid}.profile-identity-card{text-align:center;flex-direction:column;align-items:center;min-height:0;padding:18px;display:flex}.profile-hero-avatar{position:relative}.profile-hero-avatar .hall-avatar{width:105px}.profile-hero-avatar>i{color:#3c290b;background:#ffd967;border:2px solid #20165d;border-radius:99px;padding:5px 7px;font-size:9px;font-style:normal;font-weight:900;position:absolute;bottom:2px;right:-8px}.profile-identity-card>small{color:#aaa7ce;letter-spacing:1.2px;margin-top:12px;font-size:8px}.profile-identity-card h2{margin:4px 0 0;font-size:25px}.profile-identity-card>p{color:#bbb8dc;margin:3px 0 10px;font-size:10px}.profile-title-ribbon{color:#ffe17d;background:#ffcb4014;border:1px solid #ffd85b59;border-radius:12px;width:100%;padding:8px;font-size:11px;font-weight:900}.profile-next-title{text-align:left;width:100%;margin-top:12px}.profile-next-title span{color:#aaa7ca;font-size:8px}.profile-next-title b{float:right;color:#ffe07a;font-size:9px}.profile-identity-card>button{color:#8ff6ec;background:#278e9d29;border:1px solid #68efe557;border-radius:12px;width:100%;min-height:42px;margin-top:auto;font-size:9px;font-weight:850}.profile-data-stack,.profile-side-stack{align-content:start;gap:11px;min-height:0;display:grid}.profile-stat-board{padding:14px}.profile-stat-board h2{margin:2px 0 9px;font-size:18px}.profile-stat-board>div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.profile-stat-board>div>span{background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:95px;display:flex}.profile-stat-board span small{color:#aaa7cc;font-size:8px}.profile-stat-board span b{color:#fff0a0;margin-top:4px;font-size:24px}.profile-equipment-card{padding:13px}.profile-equipment-card h3{margin:2px 0 8px;font-size:16px}.profile-equipment-card>button{color:#fff;text-align:left;background:0 0;border:0;border-top:1px solid #ffffff12;grid-template-columns:46px 1fr auto;align-items:center;gap:9px;width:100%;min-height:60px;padding:6px;display:grid}.profile-equipment-card button>span:nth-child(2){flex-direction:column;display:flex}.profile-equipment-card button small{color:#9794bd;font-size:7px}.profile-equipment-card button b{font-size:9px}.profile-equipment-card button>i{color:#ffe077;font-style:normal}.profile-season-note{gap:9px;padding:12px;display:flex}.profile-season-note>span{color:#6eecdf}.profile-season-note p{flex-direction:column;margin:0;display:flex}.profile-season-note b{font-size:10px}.profile-season-note small{color:#aaa7ca;margin-top:4px;font-size:8px;line-height:1.55}.hall-bottom-nav-v20{position:relative}.hall-bottom-nav-v20 button{min-width:88px;position:relative}.hall-live-notice{z-index:260;color:#dffff9;opacity:0;pointer-events:none;background:#0c0f42f0;border:1px solid #66edde61;border-radius:13px;max-width:min(420px,100vw - 24px);margin:0;padding:10px 14px;font-size:10px;transition:all .2s;position:fixed;bottom:82px;right:18px;transform:translateY(8px);box-shadow:0 14px 35px #02031e6b}.hall-live-notice.show{opacity:1;transform:none}.cosmetic-avatar-preview{width:82px}.cosmetic-catalog-card .cosmetic-avatar-preview{width:72px}.equipped-cosmetic-strip .cosmetic-avatar-preview,.profile-equipment-card .cosmetic-avatar-preview{width:38px}.cosmetic-frame-preview{aspect-ratio:1;color:#fff1a1;width:92px;box-shadow:0 0 20px var(--frame-glow,#b8a9ff);background:radial-gradient(circle,#5b45bc,#171356 65%);border:5px solid #aeb0ff;border-radius:50%;place-items:center;display:grid}.cosmetic-frame-preview i{font-size:28px;font-style:normal}.equipped-cosmetic-strip .cosmetic-frame-preview,.profile-equipment-card .cosmetic-frame-preview{border-width:3px;width:40px}.cosmetic-catalog-card .cosmetic-frame-preview{width:76px}.frame-theme-word-spark{--frame-glow:#ff82c8;border-color:#ff99cf!important}.frame-theme-monster{--frame-glow:#ff8c55;border-color:#ffad63!important}.frame-theme-crystal{--frame-glow:#57eaff;border-color:#65edf2!important}.frame-theme-streak{--frame-glow:#ffe05e;border-color:#ffe28a!important}.frame-theme-scholar{--frame-glow:#d98cff;border-color:#e2a4ff!important}.pilot-entry.frame-theme-word-spark .hall-avatar,.hall-pilot-card.frame-theme-word-spark .hall-avatar,.profile-identity-card.frame-theme-word-spark .hall-avatar{box-shadow:0 0 0 4px #ff99cf,0 0 26px #ff82c8}.pilot-entry.frame-theme-monster .hall-avatar,.hall-pilot-card.frame-theme-monster .hall-avatar,.profile-identity-card.frame-theme-monster .hall-avatar{box-shadow:0 0 0 4px #ffad63,0 0 26px #ff7a42}.pilot-entry.frame-theme-crystal .hall-avatar,.hall-pilot-card.frame-theme-crystal .hall-avatar,.profile-identity-card.frame-theme-crystal .hall-avatar{box-shadow:0 0 0 4px #65edf2,0 0 26px #52dcec}.pilot-entry.frame-theme-streak .hall-avatar,.hall-pilot-card.frame-theme-streak .hall-avatar,.profile-identity-card.frame-theme-streak .hall-avatar{box-shadow:0 0 0 4px #ffe28a,0 0 26px #ffd24f}.pilot-entry.frame-theme-scholar .hall-avatar,.hall-pilot-card.frame-theme-scholar .hall-avatar,.profile-identity-card.frame-theme-scholar .hall-avatar{box-shadow:0 0 0 4px #e2a4ff,0 0 28px #d47cff}.cosmetic-dice-preview{aspect-ratio:1;width:86px;color:var(--preview-pip,#291a5d);background:var(--preview-face,#f8f6ff);box-shadow:inset 0 3px 8px #ffffffb3,0 8px 0 var(--preview-face,#fff),0 0 26px var(--preview-glow,#a998ff);border:1px solid #ffffff8c;border-radius:22px;grid-template-columns:repeat(2,1fr);place-items:center;padding:13px;display:grid}@supports (color:color-mix(in lab, red, red)){.cosmetic-dice-preview{box-shadow:inset 0 3px 8px #ffffffb3,0 8px 0 color-mix(in srgb,var(--preview-face,#fff) 55%,#32216f),0 0 26px var(--preview-glow,#a998ff)}}.cosmetic-dice-preview{transform:rotate(-8deg)}.cosmetic-dice-preview i{font-size:15px;font-style:normal}.cosmetic-dice-preview i:last-child{grid-column:1/-1}.equipped-cosmetic-strip .cosmetic-dice-preview,.profile-equipment-card .cosmetic-dice-preview{border-radius:10px;width:39px;padding:7px;box-shadow:0 3px #29205c}.cosmetic-catalog-card .cosmetic-dice-preview{border-radius:18px;width:72px;padding:10px}.cosmetic-piece-preview{aspect-ratio:1;filter:drop-shadow(0 10px 7px #02021973);place-items:center;width:106px;display:grid;position:relative}.cosmetic-piece-preview>i{filter:blur(3px);background:radial-gradient(#67ecf661,#0000 70%);border-radius:50%;width:82%;height:28%;position:absolute}.cosmetic-piece-preview>b{color:#fff0a1;text-shadow:0 3px #653c8c,0 0 18px #70e7ef;font-size:60px;line-height:1;position:relative;transform:rotate(-20deg)}.piece-theme-cloud-ray .cosmetic-piece-preview>b,.cosmetic-piece-preview.piece-theme-cloud-ray>b{color:#8bf4ff;border-radius:50%}.piece-theme-crystal-wing .cosmetic-piece-preview>b,.cosmetic-piece-preview.piece-theme-crystal-wing>b{color:#e3a4ff}.piece-theme-dragon-rider .cosmetic-piece-preview>b,.cosmetic-piece-preview.piece-theme-dragon-rider>b{color:#ff9363}.piece-theme-knowledge-rocket .cosmetic-piece-preview>b,.cosmetic-piece-preview.piece-theme-knowledge-rocket>b{color:#ffe163}.piece-theme-galaxy-royal .cosmetic-piece-preview>b,.cosmetic-piece-preview.piece-theme-galaxy-royal>b{color:#fff;text-shadow:0 3px #9b6a22,0 0 22px #ffe27d}.equipped-cosmetic-strip .cosmetic-piece-preview,.profile-equipment-card .cosmetic-piece-preview{width:43px}.equipped-cosmetic-strip .cosmetic-piece-preview>b,.profile-equipment-card .cosmetic-piece-preview>b{font-size:28px}.cosmetic-catalog-card .cosmetic-piece-preview{width:85px}.cosmetic-catalog-card .cosmetic-piece-preview>b{font-size:48px}.cosmetic-board-preview{aspect-ratio:1;border:5px solid var(--board-glow);grid-template-columns:1fr 1fr;gap:5px;width:110px;padding:10px;display:grid}@supports (color:color-mix(in lab, red, red)){.cosmetic-board-preview{border:5px solid color-mix(in srgb,var(--board-glow) 70%,#fff)}}.cosmetic-board-preview{background:var(--board-surface);box-shadow:0 8px 0 #0a0734,0 0 28px var(--board-glow);border-radius:24px;transform:perspective(240px)rotateX(12deg)}.cosmetic-board-preview i{border:2px solid var(--board-accent)}@supports (color:color-mix(in lab, red, red)){.cosmetic-board-preview i{border:2px solid color-mix(in srgb,var(--board-accent) 60%,#fff)}}.cosmetic-board-preview i{background:var(--board-accent);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.cosmetic-board-preview i{background:color-mix(in srgb,var(--board-accent) 20%,transparent)}}.equipped-cosmetic-strip .cosmetic-board-preview,.profile-equipment-card .cosmetic-board-preview{border-width:2px;border-radius:10px;gap:2px;width:42px;padding:4px;box-shadow:0 3px #0a0734}.cosmetic-catalog-card .cosmetic-board-preview{border-width:4px;border-radius:18px;width:82px}.game-page[class*=board-theme-] .board-shell{border-color:var(--board-glow,#a99bff)}@supports (color:color-mix(in lab, red, red)){.game-page[class*=board-theme-] .board-shell{border-color:color-mix(in srgb,var(--board-glow,#a99bff) 72%,white)}}.game-page[class*=board-theme-] .board-shell{background:radial-gradient(circle at 50% 50%,var(--board-accent,#f2c75c),transparent 40%),var(--board-surface,#2a1d67)}@supports (color:color-mix(in lab, red, red)){.game-page[class*=board-theme-] .board-shell{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--board-accent,#f2c75c) 18%,transparent),transparent 40%),var(--board-surface,#2a1d67)}}.game-page[class*=board-theme-] .board-shell{box-shadow:inset 0 0 0 2px var(--board-glow,#a99bff),0 0 0 8px #0a0734c7,0 0 38px var(--board-glow,#a99bff),0 20px 55px #02021c8f}@supports (color:color-mix(in lab, red, red)){.game-page[class*=board-theme-] .board-shell{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--board-glow,#a99bff) 30%,transparent),0 0 0 8px #0a0734c7,0 0 38px color-mix(in srgb,var(--board-glow,#a99bff) 36%,transparent),0 20px 55px #02021c8f}}.game-page[class*=dice-theme-] .cinematic-dice-side{background:var(--dice-theme-face,#f8f6ff);box-shadow:inset 0 4px 12px #ffffffb8,inset 0 -7px 16px #20145338,0 0 28px var(--dice-theme-glow,#a998ff)}.game-page[class*=dice-theme-] .cinematic-dice-side i{background:var(--dice-theme-pip,#2e215f);box-shadow:inset 0 1px 2px #ffffff40,0 0 5px var(--dice-theme-pip,#2e215f)}@supports (color:color-mix(in lab, red, red)){.game-page[class*=dice-theme-] .cinematic-dice-side i{box-shadow:inset 0 1px 2px #ffffff40,0 0 5px color-mix(in srgb,var(--dice-theme-pip,#2e215f) 45%,transparent)}}.game-page.dice-theme-moonstone{--dice-theme-face:#f8f6ff;--dice-theme-pip:#2e215f;--dice-theme-glow:#a998ff}.game-page.dice-theme-candy{--dice-theme-face:#ff92d2;--dice-theme-pip:#fff8d5;--dice-theme-glow:#67dfff}.game-page.dice-theme-nebula{--dice-theme-face:#382184;--dice-theme-pip:#80f2ff;--dice-theme-glow:#a06bff}.game-page.dice-theme-aurora{--dice-theme-face:#38d6ba;--dice-theme-pip:#182657;--dice-theme-glow:#79ffde}.game-page.dice-theme-flame{--dice-theme-face:#ff6b45;--dice-theme-pip:#fff2aa;--dice-theme-glow:#ffb23e}.game-page.dice-theme-celestial{--dice-theme-face:#f3c75f;--dice-theme-pip:#5a287a;--dice-theme-glow:#fff2a8}.game-page.piece-theme-cloud-ray .plane-token{filter:hue-rotate(22deg)saturate(.9)brightness(1.18)drop-shadow(0 0 7px #7eeeff)}.game-page.piece-theme-crystal-wing .plane-token{filter:hue-rotate(55deg)saturate(1.35)brightness(1.18)drop-shadow(0 0 8px #d27bff)}.game-page.piece-theme-dragon-rider .plane-token{filter:hue-rotate(-25deg)saturate(1.45)contrast(1.06)drop-shadow(0 0 8px #ff804d)}.game-page.piece-theme-knowledge-rocket .plane-token{filter:saturate(1.2)brightness(1.22)drop-shadow(0 0 9px #ffe068)}.game-page.piece-theme-galaxy-royal .plane-token{filter:contrast(1.08)brightness(1.28)drop-shadow(0 0 10px #fff0a1)}@keyframes cosmeticOrbit{to{transform:rotate(360deg)}}@media (width<=1200px){.hall-hud-v20{grid-template-columns:minmax(210px,1fr) auto auto}.hall-hud-v20 .hall-wallet{display:none}.hall-v20-shell{grid-template-columns:minmax(0,1fr) 260px}.hall-home-page>.hall-pilot-card{display:none}.hall-v20-center{grid-column:1}.hall-v20-side{grid-column:2}.profile-dashboard-grid{grid-template-columns:240px minmax(0,1fr)}.profile-side-stack{grid-column:1/-1;grid-template-columns:1fr 1fr}.profile-equipment-card{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.profile-equipment-card header{grid-column:1/-1}.profile-equipment-card>button{grid-template-columns:38px 1fr}.profile-equipment-card>button>i{display:none}.cosmetic-studio-layout{grid-template-columns:285px minmax(0,1fr)}}@media (width<=900px){.game-hall-v20{height:100svh;padding:8px 9px calc(8px + env(safe-area-inset-bottom));grid-template-rows:62px minmax(0,1fr) 60px}.hall-hud-v20{grid-template-columns:minmax(0,1fr) auto}.hall-hud-v20 .hall-brand,.hall-hud-v20 .hall-wallet,.hall-hud-v20 .hall-hud-actions button:first-child{display:none}.hall-v20-viewport{overflow:auto}.hall-v20-shell{height:auto;display:block}.hall-v20-center{display:block}.hall-v20-section-heading{margin-bottom:10px}.hall-arena-grid-v20{grid-template-columns:1fr 1fr;height:auto}.hall-arena-grid-v20 .hall-arena-tile{min-height:250px}.hall-arena-grid-v20 .hall-arena-tile:last-child{grid-column:1/-1;min-height:220px}.hall-home-lower-grid{margin-top:11px}.hall-v20-side{grid-template-columns:1fr 1fr;margin-top:11px;display:grid}.hall-v20-side .hall-network-state{grid-column:1/-1}.hall-mini-activity{min-height:105px}.hall-page-main{height:auto;overflow:visible}.mission-columns,.cosmetic-studio-layout{grid-template-columns:1fr}.cosmetic-focus-card{grid-template-columns:230px 1fr;gap:0 15px;display:grid}.cosmetic-focus-stage{grid-row:1/7;min-height:280px;margin:0}.cosmetic-focus-card .cosmetic-unlock-detail,.cosmetic-catalog-grid{margin-top:10px}.profile-dashboard-grid{grid-template-columns:1fr}.profile-identity-card{min-height:390px}.profile-side-stack{grid-column:auto;grid-template-columns:1fr}.profile-equipment-card{grid-template-columns:repeat(5,1fr)}}@media (width<=700px){.game-hall-v20{grid-template-rows:58px minmax(0,1fr) calc(60px + env(safe-area-inset-bottom));gap:7px;padding:7px 7px 0}.hall-hud-v20{border-radius:17px;padding:4px 5px}.hall-hud-v20 .pilot-entry{height:48px}.hall-hud-v20 .hall-hud-actions button{width:42px;min-width:42px;height:42px}.hall-hud-v20 .hall-hud-actions span{display:none}.hall-v20-viewport{padding-bottom:8px}.hall-v20-section-heading{align-items:center;padding:4px 2px}.hall-v20-section-heading h1,.hall-page-title h1{font-size:22px}.hall-v20-section-heading p,.hall-page-title p{font-size:9px}.hall-v20-section-heading .continue-flight{text-overflow:ellipsis;white-space:nowrap;max-width:145px;min-height:42px;font-size:8px;overflow:hidden}.hall-arena-grid-v20{gap:9px}.hall-arena-grid-v20 .hall-arena-tile{border-radius:19px;min-height:215px;padding:11px}.hall-arena-grid-v20 .hall-arena-tile:last-child{min-height:205px}.hall-arena-grid-v20 .hall-arena-copy strong{font-size:18px}.hall-arena-grid-v20 .hall-arena-copy em{font-size:8px}.hall-arena-grid-v20 .hall-arena-tags{display:none}.hall-home-lower-grid{grid-template-columns:1fr}.hall-summary-panel{padding:12px}.equipped-cosmetic-strip{grid-template-columns:repeat(5,minmax(78px,1fr));overflow-x:auto}.equipped-cosmetic-strip button{min-height:105px}.hall-v20-side{grid-template-columns:1fr}.hall-v20-side .hall-network-state{grid-column:auto}.hall-v20-side .quick-flight-card,.hall-v20-side .hall-room-card{padding:15px}.hall-bottom-nav-v20{border-radius:17px 17px 0 0;grid-template-columns:repeat(5,1fr)}.hall-bottom-nav-v20 button{min-width:0;min-height:50px}.hall-bottom-nav-v20 span{font-size:9px}.hall-live-notice{text-align:center;font-size:10px;bottom:76px;left:10px;right:10px}.hall-page-main{border-radius:18px;padding:11px}.hall-page-title{align-items:flex-start}.hall-page-title>span{min-width:86px;padding:6px}.hall-page-title>span b{font-size:16px}.hall-page-title>button{min-height:44px}.check-in-days{grid-template-columns:repeat(7,76px);padding-bottom:3px;overflow-x:auto}.check-in-days>div{min-height:78px}.mission-row{grid-template-columns:38px minmax(0,1fr) 60px}.mission-row>strong{display:none}.mission-row>button{min-width:60px}.cosmetic-category-tabs{display:flex;overflow-x:auto}.cosmetic-category-tabs button{border-right:1px solid #ffffff12;flex:1;min-width:82px}.cosmetic-category-tabs button span{font-size:9px}.cosmetic-studio-layout{display:block}.cosmetic-focus-card{min-height:430px;display:flex}.cosmetic-focus-stage{min-height:190px;margin-bottom:10px}.cosmetic-catalog-grid{grid-template-columns:1fr 1fr;gap:8px}.cosmetic-catalog-card{grid-template-rows:120px auto auto;min-height:185px}.cosmetic-card-visual{min-height:120px}.cosmetic-catalog-card>strong{font-size:10px}.profile-identity-card{min-height:380px}.profile-stat-board>div{grid-template-columns:1fr 1fr}.profile-stat-board>div>span{min-height:82px}.profile-equipment-card{display:block}.profile-equipment-card>button{grid-template-columns:46px 1fr auto}.profile-equipment-card>button>i{display:block}}@media (orientation:landscape) and (height<=520px){.game-hall-v20{grid-template-rows:50px minmax(0,1fr);gap:6px;padding:5px 7px}.game-hall-v20 .hall-bottom-nav-v20{display:none}.hall-hud-v20{grid-template-columns:190px auto 1fr auto}.hall-hud-v20 .hall-brand,.hall-hud-v20 .hall-wallet{display:flex}.hall-v20-shell{grid-template-columns:minmax(0,1fr) 220px}.hall-v20-center{grid-template-rows:auto minmax(0,1fr)}.hall-home-lower-grid{display:none}.hall-v20-section-heading{min-height:38px}.hall-arena-grid-v20 .hall-arena-tile{min-height:0}.hall-v20-side{grid-template-rows:1fr 1fr}.hall-v20-side .hall-mini-activity,.hall-v20-side .hall-network-state{display:none}}@media (prefers-reduced-motion:reduce){.cosmetic-orbit{animation:none}}.v21-cosmetics .cosmetic-avatar-preview[class*=v21-design-avatar-]{isolation:isolate;border:3px solid var(--cos-primary);width:94px;height:108px;box-shadow:0 0 0 4px var(--cos-secondary),0 0 24px var(--cos-primary);background-color:#21194e;background-image:url(/magic-avatar-sheet.webp);background-repeat:no-repeat;background-size:200% 200%;border-radius:42% 42% 30% 30%;overflow:visible}@supports (color:color-mix(in lab, red, red)){.v21-cosmetics .cosmetic-avatar-preview[class*=v21-design-avatar-]{box-shadow:0 0 0 4px color-mix(in srgb,var(--cos-secondary) 68%,transparent),0 0 24px color-mix(in srgb,var(--cos-primary) 55%,transparent)}}.v21-cosmetics .cosmetic-avatar-preview[class*=v21-design-avatar-]{transform:none}.v21-cosmetics .cosmetic-avatar-preview[class*=v21-design-avatar-]:before,.v21-cosmetics .cosmetic-avatar-preview[class*=v21-design-avatar-]:after,.v21-cosmetics .cosmetic-avatar-preview[class*=v21-design-avatar-]>i,.v21-cosmetics .cosmetic-avatar-preview[class*=v21-design-avatar-]>b{pointer-events:none;content:"";display:block;position:absolute}.v21-cosmetics .cosmetic-avatar-preview[class*=v21-design-avatar-]:before{z-index:4}.v21-cosmetics .cosmetic-avatar-preview[class*=v21-design-avatar-]:after{z-index:-1}.v21-cosmetics .cosmetic-avatar-preview[class*=v21-design-avatar-]>i{z-index:3;border:2px solid var(--cos-accent);height:30px;bottom:-2px;left:7px;right:7px}@supports (color:color-mix(in lab, red, red)){.v21-cosmetics .cosmetic-avatar-preview[class*=v21-design-avatar-]>i{border:2px solid color-mix(in srgb,var(--cos-accent) 70%,white)}}.v21-cosmetics .cosmetic-avatar-preview[class*=v21-design-avatar-]>i{background:linear-gradient(155deg,var(--cos-accent),var(--cos-primary) 42%,var(--cos-secondary));border-radius:48% 48% 24% 24%;box-shadow:inset 0 5px 8px #fff3}.v21-cosmetics .cosmetic-avatar-preview[class*=v21-design-avatar-]>b{z-index:5;border:2px solid var(--cos-accent);background:var(--cos-secondary);width:16px;height:16px;box-shadow:0 0 9px var(--cos-primary);border-radius:50%}.v21-cosmetics .v21-design-avatar-1:before{background:linear-gradient(var(--cos-accent),var(--cos-primary));width:62px;height:22px;box-shadow:0 7px 0 -3px var(--cos-secondary);border-radius:65% 65% 20% 20%;top:-8px;left:16px}.v21-cosmetics .v21-design-avatar-1>i{clip-path:polygon(0 30%,37% 10%,50% 48%,63% 10%,100% 30%,92% 100%,8% 100%)}.v21-cosmetics .v21-design-avatar-1>b{bottom:9px;right:7px}.v21-cosmetics .v21-design-avatar-2:before{background:0 0;border:5px solid #52351f;border-radius:99px;width:70px;height:13px;top:7px;left:12px}.v21-cosmetics .v21-design-avatar-2>i{background:linear-gradient(90deg,#6d482e,var(--cos-primary),#6d482e);border-radius:14px 14px 5px 5px;height:35px}.v21-cosmetics .v21-design-avatar-2>b{box-shadow:34px 0 0 -2px #cef,34px 0 0 0 var(--cos-accent);background:#cef;top:10px;left:19px}.v21-cosmetics .v21-design-avatar-3:before{clip-path:polygon(0 100%,12% 15%,40% 15%,50% 0,60% 15%,88% 15%,100% 100%);background:linear-gradient(#f7fbff,#bceeff);border-radius:50% 50% 10% 10%;width:44px;height:24px;top:-7px;left:25px}.v21-cosmetics .v21-design-avatar-3>i{background:linear-gradient(90deg,#e9fbff,var(--cos-primary),#e9fbff);clip-path:polygon(0 22%,35% 22%,50% 48%,65% 22%,100% 22%,94% 100%,6% 100%)}.v21-cosmetics .v21-design-avatar-3>b{background:#d8fbff;border-radius:7px;width:22px;height:28px;bottom:15px;right:-8px}.v21-cosmetics .v21-design-avatar-4:before{width:64px;height:18px;box-shadow:0 6px 0 -2px var(--cos-primary);background:#eef5ff;border-radius:50% 50% 8px 8px;top:-7px;left:15px}.v21-cosmetics .v21-design-avatar-4>i{background:linear-gradient(135deg,#f6f1e5 0 35%,var(--cos-primary) 36% 64%,#f6f1e5 65%);clip-path:polygon(0 18%,38% 8%,50% 68%,62% 8%,100% 18%,92% 100%,8% 100%);height:34px}.v21-cosmetics .v21-design-avatar-4>b{border-radius:3px;bottom:12px;right:4px;transform:rotate(45deg)}.v21-cosmetics .v21-design-avatar-5:before{background:linear-gradient(145deg,#c9f59a,var(--cos-primary));border-radius:80% 20% 70%;width:72px;height:22px;top:-5px;left:8px;transform:rotate(-8deg)}.v21-cosmetics .v21-design-avatar-5>i{background:linear-gradient(110deg,#284e38,var(--cos-primary),#284e38);clip-path:polygon(0 15%,28% 5%,42% 34%,58% 34%,72% 5%,100% 15%,92% 100%,8% 100%)}.v21-cosmetics .v21-design-avatar-5>b{background:#86d36d;border-radius:90% 10%;width:13px;height:25px;top:39px;right:-8px;transform:rotate(22deg)}.v21-cosmetics .v21-design-avatar-6:before{background:linear-gradient(90deg,#eed29a,var(--cos-primary));border-radius:20% 60%;width:60px;height:18px;top:-4px;left:17px}.v21-cosmetics .v21-design-avatar-6>i{background:linear-gradient(90deg,#c77b48,var(--cos-accent),#c77b48);clip-path:polygon(0 35%,28% 0,100% 26%,87% 100%,20% 79%);border-radius:50%;height:25px;left:0;right:0}.v21-cosmetics .v21-design-avatar-6>b{background:conic-gradient(#fff6bb,var(--cos-secondary),#fff6bb);width:23px;height:23px;bottom:17px;left:-6px}.v21-cosmetics .v21-design-avatar-7:before{background:linear-gradient(#d8f5ff,var(--cos-primary));width:53px;height:24px;box-shadow:-28px 7px 0 -9px var(--cos-secondary);border-radius:60% 40% 18% 18%;top:-7px;right:7px}.v21-cosmetics .v21-design-avatar-7>i{background:repeating-linear-gradient(90deg,var(--cos-secondary) 0 8px,var(--cos-primary) 8px 18px);clip-path:polygon(0 15%,32% 3%,50% 35%,68% 3%,100% 15%,91% 100%,9% 100%)}.v21-cosmetics .v21-design-avatar-7>b{background:linear-gradient(#d8fbff,var(--cos-primary));border-radius:8px;width:15px;height:37px;bottom:11px;right:-10px}.v21-cosmetics .v21-design-avatar-8:before{width:70px;height:23px;box-shadow:inset 0 -7px 0 var(--cos-primary);background:linear-gradient(#f8fdff,#a9c8dc);border-radius:70% 70% 15% 15%;top:-8px;left:12px}.v21-cosmetics .v21-design-avatar-8>i{background:var(--cos-secondary);border:6px dotted #f4fbff;border-radius:50%;height:32px;left:2px;right:2px}.v21-cosmetics .v21-design-avatar-8>b{background:linear-gradient(135deg,#effcff,var(--cos-primary));clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);bottom:12px;right:4px}.v21-cosmetics .v21-design-avatar-9:before{background:linear-gradient(145deg,#dcfaff3d,#0000 62%);border:5px solid #dff9ff;border-bottom-color:#0000;border-radius:50% 50% 42% 42%;inset:-9px 4px 23px}.v21-cosmetics .v21-design-avatar-9:after{border:3px solid var(--cos-accent);background:var(--cos-secondary);border-radius:10px;width:27px;height:55px;bottom:4px;right:-15px}.v21-cosmetics .v21-design-avatar-9>i{background:linear-gradient(90deg,#eefcff,var(--cos-primary),#eefcff);clip-path:polygon(0 22%,32% 0,50% 26%,68% 0,100% 22%,90% 100%,10% 100%);height:38px}.v21-cosmetics .v21-design-avatar-9>b{animation:2s ease-in-out infinite v22-beacon;top:38px;right:5px}.v21-cosmetics .v21-design-avatar-10:before{background:linear-gradient(90deg,var(--cos-primary),var(--cos-accent));border-radius:60% 40%;width:61px;height:20px;top:-9px;left:17px}.v21-cosmetics .v21-design-avatar-10:after{border:3px solid var(--cos-accent);border-left-color:#0000;border-radius:50%;animation:5s linear infinite v22-orbit;inset:-13px}.v21-cosmetics .v21-design-avatar-10>i{clip-path:polygon(0 12%,54% 0,100% 24%,78% 100%,16% 82%);background:linear-gradient(115deg,var(--cos-secondary),var(--cos-primary),var(--cos-accent));height:44px;left:-6px;right:12px}.v21-cosmetics .v21-design-avatar-10>b{background:#e8fdff;top:43px;right:-15px}.v21-cosmetics .v21-design-avatar-11:before{clip-path:polygon(0 100%,15% 0,42% 38%,50% 0,58% 38%,85% 0,100% 100%);background:var(--cos-accent);width:46px;height:24px;top:-8px;left:25px}.v21-cosmetics .v21-design-avatar-11:after{background:linear-gradient(90deg,var(--cos-primary),transparent 35% 65%,var(--cos-primary));clip-path:polygon(0 18%,35% 0,43% 76%,57% 76%,65% 0,100% 18%,82% 100%,58% 82%,42% 82%,18% 100%);height:58px;animation:2.8s ease-in-out infinite v22-mecha-wing;bottom:4px;left:-27px;right:-27px}.v21-cosmetics .v21-design-avatar-11>i{background:repeating-linear-gradient(90deg,var(--cos-secondary) 0 9px,var(--cos-primary) 9px 18px);border-radius:4px;height:39px}.v21-cosmetics .v21-design-avatar-11>b{background:#8ff8ff;border-radius:3px;bottom:28px;right:-8px}.v21-cosmetics .v21-design-avatar-12:before{background:linear-gradient(135deg,#effcff,var(--cos-primary));clip-path:polygon(50% 0,100% 72%,67% 100%,50% 70%,33% 100%,0 72%);width:42px;height:30px;top:-12px;left:26px}.v21-cosmetics .v21-design-avatar-12:after{background:conic-gradient(from 20deg,transparent,var(--cos-primary),transparent 24%,transparent 52%,var(--cos-accent),transparent 73%);clip-path:polygon(50% 0,63% 30%,100% 20%,75% 50%,100% 82%,62% 70%,50% 100%,38% 70%,0 82%,25% 50%,0 20%,37% 30%);opacity:.65;animation:3.2s ease-in-out infinite v22-crystal;inset:-16px}.v21-cosmetics .v21-design-avatar-12>i{clip-path:polygon(0 34%,24% 0,50% 42%,76% 0,100% 34%,86% 100%,14% 100%)}.v21-cosmetics .v21-design-avatar-12>b{border-radius:2px;bottom:9px;left:6px;transform:rotate(45deg)}.v21-cosmetics .v21-design-avatar-13:before{background:linear-gradient(#b6fff4,var(--cos-primary));width:65px;height:24px;box-shadow:inset 0 -8px 0 var(--cos-secondary);border-radius:55% 55% 18% 18%;top:-8px;left:15px}.v21-cosmetics .v21-design-avatar-13:after{border:4px solid var(--cos-primary);inset:4px -12px 0}@supports (color:color-mix(in lab, red, red)){.v21-cosmetics .v21-design-avatar-13:after{border:4px solid color-mix(in srgb,var(--cos-primary) 70%,transparent)}}.v21-cosmetics .v21-design-avatar-13:after{box-shadow:0 0 18px var(--cos-primary);border-radius:48% 48% 33% 33%;animation:2.4s ease-in-out infinite v22-shield}.v21-cosmetics .v21-design-avatar-13>i{background:linear-gradient(135deg,#dcfff7,var(--cos-primary) 35%,var(--cos-secondary));clip-path:polygon(0 20%,30% 0,50% 32%,70% 0,100% 20%,88% 100%,12% 100%);height:37px}.v21-cosmetics .v21-design-avatar-13>b{background:#efffff;animation:1.5s ease-in-out infinite v22-beacon;top:29px;right:-9px}.v21-cosmetics .v21-design-avatar-14:before{border:5px solid var(--cos-primary);background:linear-gradient(145deg,#ebffff59,#0000 60%);border-bottom-width:2px;border-radius:60% 60% 35% 35%;inset:-9px 8px 45px;transform:skew(-6deg)}.v21-cosmetics .v21-design-avatar-14:after{background:linear-gradient(90deg,var(--cos-primary),transparent);clip-path:polygon(0 0,100% 50%,0 100%);width:45px;height:17px;animation:1.2s ease-in-out infinite v22-comet;bottom:12px;right:-31px}.v21-cosmetics .v21-design-avatar-14>i{background:linear-gradient(90deg,var(--cos-accent),var(--cos-primary),var(--cos-secondary));border-radius:45% 18% 18% 45%;height:35px;transform:skew(-8deg)}.v21-cosmetics .v21-design-avatar-14>b{background:#e7ffff;border-radius:2px;bottom:22px;left:-7px}.v21-cosmetics .v21-design-avatar-15:before{background:var(--cos-primary);clip-path:polygon(0 100%,12% 20%,31% 65%,50% 0,69% 65%,88% 20%,100% 100%);width:60px;height:27px;top:-11px;left:17px}.v21-cosmetics .v21-design-avatar-15:after{border:2px dashed var(--cos-accent);border-radius:50%;animation:6s linear infinite reverse v22-orbit;inset:-13px}.v21-cosmetics .v21-design-avatar-15>i{background:linear-gradient(90deg,var(--cos-secondary),var(--cos-primary),var(--cos-secondary));clip-path:polygon(0 24%,28% 0,50% 33%,72% 0,100% 24%,90% 100%,10% 100%)}.v21-cosmetics .v21-design-avatar-15>b{box-shadow:0 35px 0 -3px var(--cos-accent),0 0 10px var(--cos-primary);top:24px;right:-16px}.v21-cosmetics .v21-design-avatar-16:before{background:linear-gradient(#fff7c5,var(--cos-primary));clip-path:polygon(0 100%,8% 18%,34% 54%,50% 0,66% 54%,92% 18%,100% 100%);width:59px;height:34px;filter:drop-shadow(0 0 7px var(--cos-primary));top:-14px;left:18px}.v21-cosmetics .v21-design-avatar-16:after{background:linear-gradient(90deg,var(--cos-primary),transparent 40% 60%,var(--cos-primary));clip-path:polygon(0 30%,38% 0,44% 68%,56% 68%,62% 0,100% 30%,82% 100%,57% 76%,43% 76%,18% 100%);height:86px;filter:drop-shadow(0 0 9px var(--cos-primary));animation:3s ease-in-out infinite v22-legend-wing;bottom:-4px;left:-34px;right:-34px}.v21-cosmetics .v21-design-avatar-16>i{background:linear-gradient(120deg,#fff4b2,var(--cos-primary) 32%,var(--cos-secondary) 68%,#fff4b2);clip-path:polygon(0 18%,27% 0,40% 32%,50% 12%,60% 32%,73% 0,100% 18%,88% 100%,12% 100%);border-radius:5px;height:43px}.v21-cosmetics .v21-design-avatar-16>b{background:#fff7c5;animation:1.8s ease-in-out infinite v22-beacon;bottom:9px;right:4px}.v21-cosmetics .v21-design-avatar-17:before{background:linear-gradient(#fff8bf,var(--cos-primary));clip-path:polygon(0 100%,5% 20%,30% 65%,50% 0,70% 65%,95% 20%,100% 100%);width:52px;height:32px;box-shadow:0 0 11px var(--cos-primary);top:-16px;left:22px}.v21-cosmetics .v21-design-avatar-17:after{border:3px solid var(--cos-primary);background:linear-gradient(90deg,var(--cos-secondary),var(--cos-primary),var(--cos-secondary));clip-path:polygon(0 0,34% 10%,50% 42%,66% 10%,100% 0,86% 100%,50% 75%,14% 100%);border-radius:15px 15px 48% 48%;height:63px;bottom:-28px;left:2px;right:2px}.v21-cosmetics .v21-design-avatar-17>i{background:linear-gradient(90deg,#fff4d1,var(--cos-primary),#fff4d1);clip-path:polygon(0 16%,37% 0,50% 54%,63% 0,100% 16%,86% 100%,14% 100%);height:42px}.v21-cosmetics .v21-design-avatar-17>b{background:#ffeeb0;border-radius:2px;bottom:8px;left:39px;transform:rotate(45deg)}.v21-cosmetics .v21-design-avatar-18:before{background:linear-gradient(#fff0a0,var(--cos-primary),#ff733e);clip-path:polygon(50% 0,62% 35%,100% 20%,78% 58%,100% 100%,50% 76%,0 100%,22% 58%,0 20%,38% 35%);filter:drop-shadow(0 0 8px #ffad4b);width:52px;height:33px;top:-16px;left:22px}.v21-cosmetics .v21-design-avatar-18:after{background:linear-gradient(90deg,#ff7b3d,var(--cos-primary),transparent 42% 58%,var(--cos-primary),#ff7b3d);clip-path:polygon(0 18%,39% 0,45% 72%,55% 72%,61% 0,100% 18%,75% 100%,56% 78%,44% 78%,25% 100%);height:92px;animation:2.5s ease-in-out infinite v22-phoenix;bottom:-2px;left:-39px;right:-39px}.v21-cosmetics .v21-design-avatar-18>i{background:linear-gradient(100deg,#ff8b43,var(--cos-primary),#fff2a5);clip-path:polygon(0 28%,27% 0,50% 48%,73% 0,100% 28%,85% 100%,15% 100%);height:42px}.v21-cosmetics .v21-design-avatar-18>b{background:#fff3a7;animation:1.1s ease-in-out infinite v22-beacon;bottom:8px;right:2px}.v21-cosmetics .v21-design-avatar-19:before{border:5px double var(--cos-primary);background:var(--cos-secondary);width:45px;height:30px;box-shadow:0 0 10px var(--cos-primary);border-radius:50%;top:-14px;left:25px}.v21-cosmetics .v21-design-avatar-19:after{border:7px dotted var(--cos-primary);box-shadow:inset 0 0 0 3px var(--cos-accent),0 0 15px var(--cos-primary);border-radius:50%;animation:5s steps(12,end) infinite v22-orbit;inset:-20px}.v21-cosmetics .v21-design-avatar-19>i{background:repeating-linear-gradient(90deg,var(--cos-secondary) 0 8px,var(--cos-primary) 8px 16px);clip-path:polygon(0 20%,30% 0,50% 38%,70% 0,100% 20%,88% 100%,12% 100%);height:42px}.v21-cosmetics .v21-design-avatar-19>b{background:conic-gradient(var(--cos-accent),var(--cos-primary),var(--cos-accent));bottom:10px;right:-9px}.v21-cosmetics .v21-design-avatar-20:before{clip-path:polygon(0 100%,8% 20%,32% 62%,50% 0,68% 62%,92% 20%,100% 100%);filter:drop-shadow(0 0 10px #fff3a2);background:conic-gradient(from 45deg,#fff7a4,#ff94df,#79f4ff,#fff7a4);width:62px;height:37px;top:-18px;left:17px}.v21-cosmetics .v21-design-avatar-20:after{clip-path:polygon(0 24%,36% 0,44% 67%,50% 42%,56% 67%,64% 0,100% 24%,80% 100%,56% 75%,50% 94%,44% 75%,20% 100%);opacity:.82;filter:drop-shadow(0 0 11px #9df8ff);background:conic-gradient(from 70deg,#fff17a,#ff7dd9,#65efff,#a379ff,#fff17a);height:101px;animation:4s ease-in-out infinite v22-prism-arrival;bottom:-9px;left:-44px;right:-44px}.v21-cosmetics .v21-design-avatar-20>i{background:linear-gradient(100deg,#fff6aa,#e287ff,var(--cos-primary),#78efff,#fff6aa);clip-path:polygon(0 22%,26% 0,40% 32%,50% 4%,60% 32%,74% 0,100% 22%,87% 100%,13% 100%);height:44px}.v21-cosmetics .v21-design-avatar-20>b{background:#fff8bd;animation:1.4s ease-in-out infinite v22-beacon;bottom:8px;right:0;box-shadow:-76px 0 0 -3px #89f7ff,0 0 12px #fff}.v21-cosmetics .combo-pilot .cosmetic-avatar-preview[class*=v21-design-avatar-]{width:82px;height:94px}@keyframes v22-beacon{0%,to{opacity:.45;transform:scale(.78)}50%{opacity:1;transform:scale(1.18)}}@keyframes v22-orbit{to{transform:rotate(360deg)}}@keyframes v22-mecha-wing{0%,to{transform:scaleX(.86)}50%{transform:scaleX(1)}}@keyframes v22-crystal{0%,to{opacity:.45;transform:rotate(-5deg)scale(.92)}50%{opacity:.85;transform:rotate(5deg)scale(1.06)}}@keyframes v22-shield{0%,to{opacity:.35;transform:scale(.93)}50%{opacity:.72;transform:scale(1.03)}}@keyframes v22-comet{0%,to{opacity:.2;transform:translate(-6px)}50%{opacity:.9;transform:translate(7px)}}@keyframes v22-legend-wing{0%,to{opacity:.5;transform:scaleX(.72)}18%,76%{opacity:1;transform:scaleX(1)}}@keyframes v22-phoenix{0%,to{opacity:.55;transform:translateY(7px)scaleX(.76)}45%{opacity:1;transform:translateY(-3px)scaleX(1)}}@keyframes v22-prism-arrival{0%,to{opacity:.25;transform:translateY(9px)scale(.82)}20%,78%{opacity:.88;transform:translateY(0)scale(1)}}@media (width<=720px){.v21-cosmetics .cosmetic-catalog-card .cosmetic-avatar-preview[class*=v21-design-avatar-]{width:82px;height:94px}}@media (prefers-reduced-motion:reduce){.v21-cosmetics .cosmetic-avatar-preview[class*=v21-design-avatar-]:before,.v21-cosmetics .cosmetic-avatar-preview[class*=v21-design-avatar-]:after,.v21-cosmetics .cosmetic-avatar-preview[class*=v21-design-avatar-]>b{animation:none!important}}.cosmetic-avatar-preview.v23-pilot-art,.v21-cosmetics .cosmetic-avatar-preview.v23-pilot-art{isolation:isolate;width:138px;height:142px;box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible;transform:none;background-image:none!important}.cosmetic-avatar-preview.v23-pilot-art>img,.v21-cosmetics .cosmetic-avatar-preview.v23-pilot-art>img{z-index:3;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 9px 7px #0304219e);width:100%;height:100%;display:block;position:relative}.cosmetic-avatar-preview.v23-pilot-art>i,.cosmetic-avatar-preview.v23-pilot-art>b,.v21-cosmetics .cosmetic-avatar-preview.v23-pilot-art>i,.v21-cosmetics .cosmetic-avatar-preview.v23-pilot-art>b{display:none}.cosmetic-avatar-preview.v23-pilot-art:after,.v21-cosmetics .cosmetic-avatar-preview.v23-pilot-art:after{z-index:1;background:radial-gradient(ellipse,var(--cos-primary),transparent 70%);opacity:.52;filter:blur(3px);border-radius:50%;height:13px;bottom:2px;left:12%;right:12%}.cosmetic-avatar-preview.v23-pilot-art:before,.v21-cosmetics .cosmetic-avatar-preview.v23-pilot-art:before{z-index:0;background:radial-gradient(circle,var(--cos-primary),transparent 68%);border:0;border-radius:48%;inset:12% 8% 5%}@supports (color:color-mix(in lab, red, red)){.cosmetic-avatar-preview.v23-pilot-art:before,.v21-cosmetics .cosmetic-avatar-preview.v23-pilot-art:before{background:radial-gradient(circle,color-mix(in srgb,var(--cos-primary) 26%,transparent),transparent 68%)}}.cosmetic-avatar-preview.v23-pilot-art:before,.v21-cosmetics .cosmetic-avatar-preview.v23-pilot-art:before{box-shadow:none}.v21-cosmetics .rarity-epic .cosmetic-avatar-preview.v23-pilot-art:before{border:2px solid var(--cos-primary);inset:5% 2%}@supports (color:color-mix(in lab, red, red)){.v21-cosmetics .rarity-epic .cosmetic-avatar-preview.v23-pilot-art:before{border:2px solid color-mix(in srgb,var(--cos-primary) 58%,transparent)}}.v21-cosmetics .rarity-epic .cosmetic-avatar-preview.v23-pilot-art:before{background:conic-gradient(from 45deg,transparent,var(--cos-primary),transparent 24%,transparent 68%,var(--cos-accent),transparent 88%);clip-path:polygon(50% 0,61% 18%,84% 8%,80% 34%,100% 50%,79% 63%,88% 90%,61% 81%,50% 100%,39% 81%,12% 90%,21% 63%,0 50%,20% 34%,16% 8%,39% 18%);opacity:.4;animation:5.5s ease-in-out infinite v23-epic-device}.v21-cosmetics .rarity-epic .cosmetic-avatar-preview.v23-pilot-art>img{animation:3.8s ease-in-out infinite v23-epic-hover}.v21-cosmetics .rarity-legendary .cosmetic-avatar-preview.v23-pilot-art:before{background:conic-gradient(from 0deg,transparent 0 7%,var(--cos-primary) 8% 10%,transparent 11% 22%,var(--cos-accent) 23% 26%,transparent 27% 40%,#fff0a6 41% 43%,transparent 44% 57%,var(--cos-primary) 58% 61%,transparent 62% 75%,var(--cos-accent) 76% 79%,transparent 80% 100%);clip-path:polygon(50% 0,58% 34%,79% 6%,68% 39%,100% 25%,72% 48%,100% 67%,65% 57%,76% 100%,55% 64%,50% 100%,45% 64%,24% 100%,35% 57%,0 67%,28% 48%,0 25%,32% 39%,21% 6%,42% 34%);opacity:.58;filter:drop-shadow(0 0 10px var(--cos-primary));border:0;animation:6s linear infinite v23-legend-aura;inset:-7% -14%}.v21-cosmetics .rarity-legendary .cosmetic-avatar-preview.v23-pilot-art>img{animation:4.8s cubic-bezier(.2,.8,.2,1) infinite v23-legend-entry}.v21-cosmetics .cosmetic-focus-stage .cosmetic-avatar-preview.v23-pilot-art{width:178px;height:184px}.v21-cosmetics .cosmetic-focus-stage .cosmetic-avatar-preview.v23-pilot-art>img{filter:drop-shadow(0 13px 10px #0304219e)}.v21-cosmetics .combo-pilot{width:154px;height:172px;box-shadow:none;border:0;border-radius:0;bottom:4%;left:2%}.v21-cosmetics .combo-pilot .cosmetic-avatar-preview.v23-pilot-art{width:150px;height:168px}.cosmetic-purchase-dialog>.cosmetic-avatar-preview.v23-pilot-art{width:180px;height:195px}.v23-hall-pilot-full{place-items:center;width:138px;height:164px;display:grid}.v23-hall-pilot-full .cosmetic-avatar-preview.v23-pilot-art{width:138px;height:164px}.v23-hall-pilot-icon{background:radial-gradient(circle,#6754bb,#1b174f 70%);border:2px solid #ffffffdb;border-radius:50%;flex:none;place-items:center;width:44px;height:46px;display:grid;overflow:hidden;box-shadow:0 0 0 3px #ffc75b47}.v23-hall-pilot-icon .cosmetic-avatar-preview.v23-pilot-art{width:61px;height:67px;transform:translateY(9px)}.v23-hall-pilot-icon .cosmetic-avatar-preview.v23-pilot-art:before,.v23-hall-pilot-icon .cosmetic-avatar-preview.v23-pilot-art:after{display:none}.v23-profile-pilot{place-items:center;display:grid;width:150px!important;height:172px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;overflow:visible!important}.v23-profile-pilot .cosmetic-avatar-preview.v23-pilot-art{width:150px;height:172px}.v23-profile-pilot>i{z-index:4;bottom:7px!important;right:5px!important}@keyframes v23-epic-hover{0%,to{transform:translateY(2px)}50%{transform:translateY(-4px)}}@keyframes v23-epic-device{0%,to{opacity:.25;transform:rotate(-3deg)scale(.94)}50%{opacity:.58;transform:rotate(3deg)scale(1.02)}}@keyframes v23-legend-aura{to{transform:rotate(360deg)}}@keyframes v23-legend-entry{0%,to{transform:translateY(4px)scale(.96)}18%,72%{transform:translateY(-3px)scale(1.02)}}@media (width<=720px){.v21-cosmetics .cosmetic-catalog-card .cosmetic-avatar-preview.v23-pilot-art{width:116px;height:120px}.v21-cosmetics .cosmetic-focus-stage .cosmetic-avatar-preview.v23-pilot-art{width:142px;height:158px}.v21-cosmetics .combo-pilot{width:112px;height:132px;bottom:2%;left:-3%}.v21-cosmetics .combo-pilot .cosmetic-avatar-preview.v23-pilot-art{width:110px;height:130px}}@media (prefers-reduced-motion:reduce){.v21-cosmetics .rarity-epic .cosmetic-avatar-preview.v23-pilot-art:before,.v21-cosmetics .rarity-epic .cosmetic-avatar-preview.v23-pilot-art>img,.v21-cosmetics .rarity-legendary .cosmetic-avatar-preview.v23-pilot-art:before,.v21-cosmetics .rarity-legendary .cosmetic-avatar-preview.v23-pilot-art>img{animation:none!important}}.cosmetic-exchange-station{background:radial-gradient(circle at 10% 0,#ffd6682e,#0000 32%),linear-gradient(135deg,#352b87e6,#10114bf5);border:1px solid #ffd97066;border-radius:22px;margin:0 0 16px;padding:16px;box-shadow:inset 0 1px #ffffff2e,0 12px 32px #03021c40}.cosmetic-exchange-station>header{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.cosmetic-exchange-station header small{color:#ffe79b;letter-spacing:.15em;font-size:8px;font-weight:900}.cosmetic-exchange-station h2{color:#fff7cf;margin:4px 0;font-size:22px}.cosmetic-exchange-station header p{color:#cfcaed;max-width:560px;margin:0;font-size:10px;line-height:1.7}.cosmetic-exchange-station header>span{white-space:nowrap;background:#07082a61;border:1px solid #ffffff24;border-radius:14px;grid-template-columns:auto auto;gap:3px 8px;padding:8px 11px;display:grid}.cosmetic-exchange-station header>span b{color:#fff0a7;font-size:13px}.cosmetic-exchange-station header>span small{color:#aaa5d5;letter-spacing:0;font-size:7px}.cosmetic-exchange-offers{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px;display:grid}.cosmetic-exchange-offers article{background:linear-gradient(145deg,#0d1049bd,#2e237094);border:1px solid #ffffff21;border-radius:16px;flex-direction:column;align-items:flex-start;min-height:154px;padding:12px;display:flex}.cosmetic-exchange-offers article>small{color:#a7f7ed;font-size:8px;font-weight:900}.cosmetic-exchange-offers article>b{color:#fff0a5;margin-top:8px;font-size:16px}.cosmetic-exchange-offers article>span{color:#aaa6d1;margin:3px 0;font-size:8px}.cosmetic-exchange-offers article>strong{color:#82ffe2;font-size:15px}.cosmetic-exchange-offers article>p{color:#bdb8da;min-height:24px;margin:7px 0 8px;font-size:8px;line-height:1.45}.cosmetic-exchange-offers article button{color:#123447;background:linear-gradient(145deg,#a4ffed,#53cbbb);border:1px solid #7ef8e180;border-radius:10px;width:100%;min-height:31px;margin-top:auto;font-size:9px;font-weight:900}.cosmetic-exchange-offers article button:disabled{color:#a5a1c1;background:#29265c;border-color:#ffffff1a}.cosmetic-exchange-note{color:#a9a4cf;margin:10px 2px 0;font-size:8px}.local-player-style-section>p{color:#b7b2da;margin:0 0 8px;font-size:8px;line-height:1.5}.local-player-style-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.local-player-style-grid>button{color:#f8f5ff;text-align:left;background:linear-gradient(145deg,#22276fd6,#0d0c3edb);border:1px solid #ffffff29;border-radius:13px;min-width:0;min-height:112px;padding:8px}.local-player-style-grid>button:hover{background:linear-gradient(145deg,#2c5f85e0,#1d1a56e6);border-color:#73f5e0ad}.local-style-seat{color:#9dfff0;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:900;display:block;overflow:hidden}.local-style-art{justify-content:space-between;align-items:center;height:49px;margin:3px 0;display:flex}.local-style-art .cosmetic-avatar-preview.v23-pilot-art{width:48px;height:54px}.local-style-art .cosmetic-piece-preview.v24-cosmetic-art{width:59px;height:43px}.local-player-style-grid b{color:#fff0ab;font-size:9px;display:block}.local-player-style-grid small{color:#aaa7d3;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:7px;display:block;overflow:hidden}.player-style-dialog{color:#fff;background:radial-gradient(circle at 12% 0,#66efde29,#0000 28%),linear-gradient(145deg,#332b84fa,#070934fc);border:1px solid #79f4e261;border-radius:27px;width:min(940px,100vw - 24px);max-height:calc(100svh - 24px);padding:25px;animation:.28s cubic-bezier(.16,1,.3,1) both hallSheetIn;position:relative;overflow:auto;box-shadow:inset 0 1px #fff3,0 24px 70px #01021ea6}.player-style-dialog>header small{color:#8ff9ea;letter-spacing:.16em;font-size:8px;font-weight:900}.player-style-dialog>header h2{margin:5px 0;font-size:24px}.player-style-dialog>header p{color:#bab6dd;margin:0;font-size:10px;line-height:1.6}.seat-style-category-tabs{flex-wrap:wrap;gap:6px;margin:17px 0 10px;display:flex}.seat-style-category-tabs button{color:#d8d4ee;background:#080934a3;border:1px solid #ffffff26;border-radius:10px;min-height:34px;padding:5px 9px;font-size:8px}.seat-style-category-tabs button[aria-pressed=true]{color:#e8fffb;background:#2a85918c;border-color:#66fae299}.seat-style-category-tabs i{color:#ffdc74;margin-right:4px;font-style:normal}.seat-style-current{background:#0808308f;border-radius:12px;align-items:baseline;gap:8px;margin-bottom:9px;padding:9px 11px;display:flex}.seat-style-current span{color:#aaa5ce;font-size:8px}.seat-style-current b{color:#fff1ad;font-size:11px}.seat-style-current small{color:#9b97c6;margin-left:auto;font-size:7px}.seat-style-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.seat-style-grid>button{color:#f8f6ff;background:#0a0a39ad;border:1px solid #ffffff1f;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:142px;padding:8px;display:flex;position:relative}.seat-style-grid>button:hover,.seat-style-grid>button.selected{background:linear-gradient(145deg,#3182918a,#35257eb3);border-color:#82f8e8}.seat-style-grid .cosmetic-avatar-preview.v23-pilot-art{width:70px;height:78px}.seat-style-grid .cosmetic-piece-preview.v24-cosmetic-art,.seat-style-grid .cosmetic-effect-preview.v24-cosmetic-art{width:92px;height:68px}.seat-style-grid .cosmetic-dice-preview.v24-cosmetic-art,.seat-style-grid .cosmetic-frame-preview.v24-cosmetic-art{width:72px;height:72px}.seat-style-grid>button>span{color:#f3efff;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;overflow:hidden}.seat-style-grid>button>b{color:#15304a;background:#8cffea;border-radius:999px;padding:3px 5px;font-size:6px;position:absolute;top:6px;right:6px}.player-style-avatar-shell:after{z-index:4;background:var(--player-frame-art) center/contain no-repeat;content:"";pointer-events:none;filter:drop-shadow(0 0 5px #ffe78d59);position:absolute;inset:-20%}.player-style-avatar{background:radial-gradient(circle,#6550b9,#19134a 70%);border-radius:50%;place-items:center;display:grid;overflow:hidden}.player-style-avatar img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 4px #02021a85);width:116%;height:116%}.plane-piece.player-custom-piece .plane-token{background-image:var(--player-piece-art);background-position:50%;background-size:contain;width:148%;height:148%;inset:-24%}.plane-piece.player-custom-piece:after{z-index:0;border:3px solid var(--player-marker,#fff);background:var(--player-marker,#fff);border-radius:50%;display:block;position:absolute;inset:-1%}@supports (color:color-mix(in lab, red, red)){.plane-piece.player-custom-piece:after{background:color-mix(in srgb,var(--player-marker,#fff) 28%,transparent)}}.plane-piece.player-custom-piece:after{box-shadow:0 0 9px var(--player-marker,#fff);content:"";pointer-events:none}.plane-piece.player-custom-piece.red{--player-marker:#ff6b75}.plane-piece.player-custom-piece.yellow{--player-marker:#ffd45a}.plane-piece.player-custom-piece.green{--player-marker:#59d997}.plane-piece.player-custom-piece.blue{--player-marker:#5aa9ff}.plane-piece.player-custom-piece.moving:after{z-index:-1;background:var(--player-effect-art) center/contain no-repeat;box-shadow:none;border:0;border-radius:0;animation:.62s ease-out infinite v24-game-effect;inset:-95%}.dice-face.player-dice-style{width:76px;box-shadow:none;background:0 0;border:0;padding:0;position:relative;transform:none}.dice-face.player-dice-style .dice-cosmetic-shell{z-index:0;background:var(--player-dice-art) center/contain no-repeat;filter:drop-shadow(0 5px 5px #04021c73);position:absolute;inset:-13%}.dice-cinematic-backdrop.player-dice-style .cinematic-dice-scene:before{z-index:-1;background:var(--player-dice-art) center/contain no-repeat;content:"";opacity:.28;filter:blur(1px)drop-shadow(0 0 18px #ffe17080);animation:2.4s ease-in-out infinite v24-cinematic-dice-aura;position:absolute;inset:-42%}@media (width<=760px){.cosmetic-exchange-station{padding:13px}.cosmetic-exchange-station>header{display:block}.cosmetic-exchange-station header>span{margin-top:10px;display:inline-grid}.cosmetic-exchange-offers{grid-template-columns:1fr 1fr}.cosmetic-exchange-offers article{min-height:138px}.local-player-style-grid{grid-template-columns:1fr 1fr}.player-style-dialog{width:100%;max-height:90svh;padding:18px 13px calc(18px + env(safe-area-inset-bottom));border-radius:25px 25px 0 0}.player-style-layer{align-items:end;padding:0}.seat-style-current{grid-template-columns:auto 1fr;display:grid}.seat-style-current small{grid-column:1/-1;margin-left:0}.seat-style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.seat-style-grid>button{min-height:126px}}@media (width<=420px){.cosmetic-exchange-offers{gap:6px}.cosmetic-exchange-offers article{padding:9px}.cosmetic-exchange-offers article>b,.cosmetic-exchange-offers article>strong{font-size:12px}.seat-style-grid{grid-template-columns:1fr 1fr}}.v24-cosmetic-art,.v21-cosmetics .v24-cosmetic-art{box-shadow:none;isolation:isolate;background:0 0;border:0;border-radius:0;display:block;position:relative;transform:none}.v24-cosmetic-art:before,.v24-cosmetic-art:after{display:none!important}.v24-cosmetic-art>img{z-index:2;object-fit:contain;filter:drop-shadow(0 8px 6px #03031f8f);width:100%;height:100%;display:block;position:relative;animation-delay:var(--motion-phase,0s)!important;animation-duration:var(--motion-speed,4s)!important}.v24-cosmetic-art>.v24-art-aura{z-index:0;border:1px solid var(--cos-primary);display:block;position:absolute;inset:13%}@supports (color:color-mix(in lab, red, red)){.v24-cosmetic-art>.v24-art-aura{border:1px solid color-mix(in srgb,var(--cos-primary) 66%,transparent)}}.v24-cosmetic-art>.v24-art-aura{background:radial-gradient(circle,var(--cos-primary),transparent 67%);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.v24-cosmetic-art>.v24-art-aura{background:radial-gradient(circle,color-mix(in srgb,var(--cos-primary) 25%,transparent),transparent 67%)}}.v24-cosmetic-art>.v24-art-aura{opacity:.28;pointer-events:none}.v24-cosmetic-art>.v24-art-spark{display:none}.cosmetic-piece-preview.v24-cosmetic-art{width:136px;height:108px}.cosmetic-dice-preview.v24-cosmetic-art{width:112px;height:112px}.cosmetic-frame-preview.v24-cosmetic-art{width:118px;height:118px}.cosmetic-board-preview.v24-cosmetic-art{width:104px;height:118px}.cosmetic-effect-preview.v24-cosmetic-art{width:132px;height:104px}.v21-cosmetics .cosmetic-focus-stage .cosmetic-piece-preview.v24-cosmetic-art{width:205px;height:168px}.v21-cosmetics .cosmetic-focus-stage .cosmetic-dice-preview.v24-cosmetic-art,.v21-cosmetics .cosmetic-focus-stage .cosmetic-frame-preview.v24-cosmetic-art{width:176px;height:176px}.v21-cosmetics .cosmetic-focus-stage .cosmetic-board-preview.v24-cosmetic-art{width:154px;height:180px}.v21-cosmetics .cosmetic-focus-stage .cosmetic-effect-preview.v24-cosmetic-art{width:196px;height:158px}.cosmetic-board-preview.v24-cosmetic-art>img{border-radius:16px;box-shadow:0 9px 24px #05032273}.rarity-epic .cosmetic-piece-preview.v24-cosmetic-art>img,.cosmetic-piece-preview.v21-piece-epic>img{animation:v24-epic-flight var(--motion-speed) ease-in-out infinite}.rarity-epic .cosmetic-dice-preview.v24-cosmetic-art>img,.cosmetic-dice-preview.v21-dice-epic>img{animation:v24-epic-roll var(--motion-speed) cubic-bezier(.45,.05,.55,.95) infinite}.rarity-epic .cosmetic-frame-preview.v24-cosmetic-art>img,.cosmetic-frame-preview.v21-frame-epic>img{animation:v24-epic-frame var(--motion-speed) ease-in-out infinite}.rarity-epic .cosmetic-board-preview.v24-cosmetic-art>img,.cosmetic-board-preview.v21-board-epic>img{animation:v24-epic-world var(--motion-speed) ease-in-out infinite}.rarity-epic .cosmetic-effect-preview.v24-cosmetic-art>img,.cosmetic-effect-preview.v21-effect-epic>img{animation:v24-epic-effect var(--motion-speed) ease-in-out infinite}.rarity-legendary .v24-cosmetic-art>.v24-art-aura{opacity:.62;border-width:2px;animation:7s linear infinite v24-aura-orbit;inset:-3%}.rarity-legendary .cosmetic-piece-preview.v24-cosmetic-art>img,.cosmetic-piece-preview.v21-piece-legendary>img{animation:v24-legend-flight var(--motion-speed) cubic-bezier(.2,.8,.2,1) infinite}.rarity-legendary .cosmetic-dice-preview.v24-cosmetic-art>img,.cosmetic-dice-preview.v21-dice-legendary>img{animation:v24-legend-dice var(--motion-speed) cubic-bezier(.2,.8,.2,1) infinite}.rarity-legendary .cosmetic-frame-preview.v24-cosmetic-art>img,.cosmetic-frame-preview.v21-frame-legendary>img{animation:v24-legend-coronation var(--motion-speed) cubic-bezier(.2,.8,.2,1) infinite}.rarity-legendary .cosmetic-board-preview.v24-cosmetic-art>img,.cosmetic-board-preview.v21-board-legendary>img{animation:v24-legend-world var(--motion-speed) ease-in-out infinite}.rarity-legendary .cosmetic-effect-preview.v24-cosmetic-art>img,.cosmetic-effect-preview.v21-effect-legendary>img{animation:v24-legend-ceremony var(--motion-speed) cubic-bezier(.2,.8,.2,1) infinite}.combo-board-art{z-index:0;opacity:.8;place-items:center;display:grid;position:absolute;inset:2%}.combo-board-art .cosmetic-board-preview.v24-cosmetic-art{width:176px;height:214px}.combo-board-grid{z-index:1}.combo-avatar-frame{z-index:4;pointer-events:none;place-items:center;display:grid;position:absolute;inset:8px -9px 0}.combo-avatar-frame .cosmetic-frame-preview.v24-cosmetic-art{width:164px;height:164px}.combo-pilot>.cosmetic-avatar-preview{z-index:3}.combo-aircraft .cosmetic-piece-preview.v24-cosmetic-art{width:142px;height:112px}.combo-die .cosmetic-dice-preview.v24-cosmetic-art{width:86px;height:86px}.combo-effect .cosmetic-effect-preview.v24-cosmetic-art{width:132px;height:96px}.game-page[class*=v21-board-] .board-shell:before{background-image:linear-gradient(#140f3e1f,#140f3e38),var(--board-art);background-position:50%;background-size:cover}.game-page[class*=v21-board-] .board-grid{-webkit-backdrop-filter:saturate(.92);backdrop-filter:saturate(.92);background:#14123b29}.game-page[class*=v21-board-] .island{opacity:.68}.game-page[class*=v21-piece-] .plane-token{background-image:var(--piece-art);background-position:50%;background-size:contain;width:148%;height:148%;inset:-24%}.game-page[class*=v21-piece-] .plane-piece:after{z-index:0;border:3px solid var(--player-marker,#fff);background:var(--player-marker,#fff);border-radius:50%;display:block;position:absolute;inset:-1%}@supports (color:color-mix(in lab, red, red)){.game-page[class*=v21-piece-] .plane-piece:after{background:color-mix(in srgb,var(--player-marker,#fff) 28%,transparent)}}.game-page[class*=v21-piece-] .plane-piece:after{box-shadow:0 0 9px var(--player-marker,#fff);content:"";pointer-events:none}.game-page[class*=v21-piece-] .plane-piece.red{--player-marker:#ff6b75}.game-page[class*=v21-piece-] .plane-piece.yellow{--player-marker:#ffd45a}.game-page[class*=v21-piece-] .plane-piece.green{--player-marker:#59d997}.game-page[class*=v21-piece-] .plane-piece.blue{--player-marker:#5aa9ff}.game-page[class*=v21-effect-] .plane-piece.moving:after{z-index:-1;background:var(--effect-art) center/contain no-repeat;box-shadow:none;border:0;border-radius:0;animation:.62s ease-out infinite v24-game-effect;inset:-95%}.game-page[class*=v21-dice-] .dice-face{width:76px;box-shadow:none;background:0 0;border:0;padding:0;position:relative;transform:none}.game-page[class*=v21-dice-] .dice-cosmetic-shell{z-index:0;background:var(--dice-art) center/contain no-repeat;filter:drop-shadow(0 5px 5px #04021c73);position:absolute;inset:-13%}.dice-live-face{z-index:2;background:#f5f2f6f0;border:1px solid #ffffffd9;border-radius:20%;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:1px;padding:2px;display:grid;position:absolute;inset:24%;box-shadow:0 2px 5px #0b052c59}.dice-live-face i{opacity:0;background:#211b3e;border-radius:50%;place-self:center;width:5px;height:5px;transition:opacity .16s,transform .16s;transform:scale(.4)}.dice-live-face i.visible{opacity:1;transform:scale(1)}.game-page[class*=v21-dice-] .cinematic-dice-scene:before{z-index:-1;background:var(--dice-art) center/contain no-repeat;content:"";opacity:.28;filter:blur(1px)drop-shadow(0 0 18px #ffe17080);animation:2.4s ease-in-out infinite v24-cinematic-dice-aura;position:absolute;inset:-42%}.game-page[class*=v21-frame-] .avatar-shell{position:relative;overflow:visible}.game-page[class*=v21-frame-] .avatar-shell:after{z-index:4;background:var(--frame-art) center/contain no-repeat;content:"";pointer-events:none;filter:drop-shadow(0 0 5px #ffe78d59);position:absolute;inset:-20%}@keyframes v24-epic-flight{0%,to{transform:translate(-2px,2px)rotate(-2deg)}50%{transform:translate(4px,-5px)rotate(3deg)}}@keyframes v24-epic-roll{0%,to{transform:translateY(3px)rotate(-5deg)}50%{transform:translateY(-5px)rotate(7deg)}}@keyframes v24-epic-frame{0%,to{transform:scale(.97)rotate(-1deg)}50%{transform:scale(1.03)rotate(1.5deg)}}@keyframes v24-epic-world{0%,to{transform:scale(.98)translateY(2px)}50%{transform:scale(1.025)translateY(-2px)}}@keyframes v24-epic-effect{0%,to{opacity:.45;transform:translate(-8px,5px)scale(.88)}45%{opacity:1;transform:translate(5px,-4px)scale(1.05)}}@keyframes v24-legend-flight{0%,to{opacity:.45;transform:translateY(8px)scale(.84)}18%,72%{opacity:1;transform:translateY(-3px)scale(1.04)}}@keyframes v24-legend-dice{0%,to{opacity:.48;transform:scale(.82)rotate(-12deg)}24%,70%{opacity:1;transform:scale(1.04)rotate(6deg)}}@keyframes v24-legend-coronation{0%,to{opacity:.42;transform:translateY(8px)scale(.85)}22%,75%{opacity:1;transform:translateY(-2px)scale(1.03)}}@keyframes v24-legend-world{0%,to{filter:brightness(.78)saturate(.9);transform:scale(.95)}25%,75%{filter:brightness(1.12)saturate(1.12);transform:scale(1.025)}}@keyframes v24-legend-ceremony{0%,to{opacity:.25;transform:translateY(12px)scale(.72)}20%,72%{opacity:1;transform:translateY(-3px)scale(1.06)}85%{filter:brightness(1.45)}}@keyframes v24-aura-orbit{to{transform:rotate(360deg)}}@keyframes v24-game-effect{0%{opacity:0;transform:translate(-35%,25%)scale(.35)}45%{opacity:1}to{opacity:0;transform:translate(38%,-24%)scale(1.1)}}@keyframes v24-cinematic-dice-aura{0%,to{opacity:.18;transform:rotate(-4deg)scale(.9)}50%{opacity:.38;transform:rotate(5deg)scale(1.04)}}@media (width<=720px){.v21-cosmetics .cosmetic-catalog-card .cosmetic-piece-preview.v24-cosmetic-art{width:112px;height:90px}.v21-cosmetics .cosmetic-catalog-card .cosmetic-dice-preview.v24-cosmetic-art,.v21-cosmetics .cosmetic-catalog-card .cosmetic-frame-preview.v24-cosmetic-art{width:94px;height:94px}.v21-cosmetics .cosmetic-catalog-card .cosmetic-board-preview.v24-cosmetic-art{width:82px;height:98px}.v21-cosmetics .cosmetic-catalog-card .cosmetic-effect-preview.v24-cosmetic-art{width:108px;height:86px}.combo-board-art .cosmetic-board-preview.v24-cosmetic-art{width:148px;height:178px}.combo-avatar-frame .cosmetic-frame-preview.v24-cosmetic-art{width:120px;height:120px}}@media (prefers-reduced-motion:reduce){.v24-cosmetic-art>img,.v24-cosmetic-art>.v24-art-aura,.game-page[class*=v21-effect-] .plane-piece.moving:after,.game-page[class*=v21-dice-] .cinematic-dice-scene:before{animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
