/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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;--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}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}: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}*{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:"英语挑战即将开始…";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}}