:root{font-family:ui-rounded,Trebuchet MS,Arial Rounded MT Bold,sans-serif;color:#271744;background:#4f2f9f;font-synthesis:none;--purple: #6f3cc3;--deep-purple: #3c247f;--pink: #ff6fae;--yellow: #ffd95a;--cream: #fff9ea;--green: #38c995;--shadow: 0 18px 45px rgb(48 23 91 / 22%)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button{font:inherit}button:focus-visible{outline:4px solid #ffdf63;outline-offset:3px}.game-shell{height:100vh;min-height:100vh;display:grid;grid-template-columns:minmax(330px,42%) 1fr;background:radial-gradient(circle at 18% 18%,rgb(255 255 255 / 23%) 0 2px,transparent 3px),radial-gradient(circle at 75% 12%,rgb(255 222 104 / 40%) 0 4px,transparent 5px),linear-gradient(135deg,#8d58dc,#5c38ad 42%,#382276)}.character-panel{position:relative;height:100vh;min-height:100vh;overflow:hidden}.character-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 62%,rgb(255 238 170 / 26%),transparent 36%);pointer-events:none}.brand{position:absolute;z-index:2;top:24px;left:28px;display:flex;align-items:center;gap:10px;color:#fff;font-size:20px;font-weight:700;line-height:.95;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;text-shadow:0 3px 12px rgb(34 12 82 / 40%)}.brand.holding .brand-bolt{box-shadow:0 0 0 7px #ffffff61;transform:scale(1.06)}.brand-bolt{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--yellow);color:#6b3a00;box-shadow:0 8px 22px #2a115f59}.scene{position:absolute;inset:68px 0 54px}.scene canvas{width:100%;height:100%;display:block}.character-caption{position:absolute;z-index:2;left:50%;bottom:26px;transform:translate(-50%);width:max-content;max-width:85%;padding:10px 18px;border-radius:999px;color:#fff;background:#2a135b8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 22px #2a115f3d}.play-panel{position:relative;height:calc(100vh - 32px);margin:16px 16px 16px 0;min-height:calc(100vh - 32px);border-radius:36px;background:var(--cream);box-shadow:var(--shadow);overflow:auto}.play-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(140deg,rgb(255 255 255 / 80%),transparent 45%)}.screen{position:relative;min-height:calc(100vh - 32px);display:grid;align-items:center;padding:clamp(30px,5vw,72px)}.icon-button{position:absolute;z-index:5;top:22px;right:24px;width:52px;height:52px;border:0;border-radius:17px;background:#fff;box-shadow:0 8px 20px #50348221;cursor:pointer;font-size:23px}h1,h2,p{margin-top:0}h1{margin-bottom:16px;font-size:clamp(36px,4.6vw,64px);line-height:.98;letter-spacing:-.035em}.lead{max-width:650px;color:#6d5b7f;font-size:clamp(20px,2vw,27px);line-height:1.45}.eyebrow{margin-bottom:12px;color:#a34286;font-size:15px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.character-screen{width:min(820px,100%);margin:auto;padding-block:18px}.character-screen h1{font-size:clamp(34px,4vw,56px)}.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.character-card{min-height:150px;display:grid;place-items:center;gap:5px;padding:18px 12px;border:3px solid transparent;border-radius:24px;color:#39235d;background:#fff;box-shadow:0 10px 24px #4625731a;cursor:pointer}.character-card.selected{border-color:var(--character-accent);box-shadow:0 12px 28px color-mix(in srgb,var(--character-accent) 28%,transparent)}.character-card small{color:#766486}.character-swatch{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;color:#fff;background:var(--character-accent);font-size:30px}.part-picker{margin:24px 0;padding:20px;border-radius:24px;background:#f1e9ff}.part-picker h2{margin-bottom:14px}.part-row{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:12px;margin-top:10px}.part-row>strong{text-transform:capitalize}.part-row>div{display:flex;flex-wrap:wrap;gap:8px}.part-button{min-height:42px;padding:8px 13px;border:2px solid #d7c6ef;border-radius:13px;color:#4d3473;background:#fff;cursor:pointer}.part-button.selected{border-color:var(--purple);color:#fff;background:var(--purple)}.picker-hint{color:#766486;text-align:center}.home-card{max-width:720px}.home-stats{display:flex;gap:12px;margin:30px 0}.home-stats div{min-width:116px;padding:14px 18px;border-radius:20px;background:#fff;box-shadow:0 9px 25px #4c27761a}.home-stats strong,.home-stats span{display:block}.home-stats strong{color:var(--purple);font-size:28px}.home-stats span{color:#806e90;font-size:14px}.medal-map{margin:22px 0;padding:18px;border-radius:24px;background:#efe7fa}.map-heading{display:flex;justify-content:space-between;gap:14px;margin-bottom:12px}.map-heading span{color:#745d88;text-align:right}.medal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.medal-card{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border:2px solid #ded4e8;border-radius:16px;background:#fff}.medal-card>span{flex:0 0 auto;font-size:30px;color:#aba2b3}.medal-card div,.medal-card strong,.medal-card small{min-width:0;display:block}.medal-card strong{font-size:14px}.medal-card small{margin-top:2px;overflow:hidden;color:#806f8e;font-size:11px;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.medal-bronze>span{color:#bd7547}.medal-silver>span{color:#9ca9bd}.medal-gold{border-color:#f1bd3a;background:#fff8d7}.medal-gold>span{color:#f2b823}.boss-button{display:grid;grid-template-columns:48px 1fr;width:min(100%,460px);margin-top:12px;padding:13px 18px;border:2px solid #d8cfe3;border-radius:20px;color:#83738e;background:#eee9f2;text-align:left}.boss-button>span{grid-row:1 / 3;align-self:center;font-size:30px}.boss-button strong,.boss-button small{display:block}.boss-button.unlocked{border-color:#e4aa28;color:#563282;background:linear-gradient(135deg,#fff1a8,#ffe073);box-shadow:0 10px 24px #c4871838;cursor:pointer}.home-links{display:flex;flex-wrap:wrap;margin-top:5px}.primary-button,.secondary-button,.text-button,.back-button{min-height:56px;border-radius:18px;cursor:pointer;font-weight:700}button:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:4px solid #ffbe32;outline-offset:3px}.primary-button{padding:0 25px;border:0;color:#fff;background:linear-gradient(135deg,#804cd3,#5d32ad);box-shadow:0 12px 22px #5d32ad47}.primary-button:hover{transform:translateY(-2px)}.primary-button.mega{display:flex;justify-content:space-between;align-items:center;width:min(100%,460px);min-height:76px;padding:0 28px;font-size:22px}.secondary-button{padding:0 24px;border:2px solid #d8c9ee;background:#fff;color:var(--deep-purple)}.text-button,.back-button{padding:0 15px;border:0;background:transparent;color:#7859a5}.home-card>.text-button{display:block;margin-top:8px}.round-screen{align-self:stretch;display:flex;flex-direction:column}.round-header{display:grid;grid-template-columns:90px 1fr;gap:20px;align-items:center;margin-bottom:28px}.meter-wrap{max-width:620px}.meter-label{display:flex;justify-content:space-between;margin-bottom:8px;color:#6e5b81;font-size:14px}.meter-label strong{color:var(--purple)}.meter{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.boss-meter{grid-template-columns:repeat(15,1fr);gap:4px}.meter-segment{height:18px;border-radius:9px;background:#e6ddef;box-shadow:inset 0 2px 3px #4223631a}.meter-segment.filled{background:linear-gradient(90deg,#ffb648,#ffdf58);box-shadow:0 0 15px #ffc143a6;animation:fill .28s ease-out}.meter-burst{animation:meter-burst .7s ease-out}.meter-sparks{position:absolute;right:2%;top:50%;width:20px;height:20px;pointer-events:none}.meter-sparks i{position:absolute;width:7px;height:7px;border-radius:2px;background:#ffd53d;box-shadow:0 0 8px #ffb020;animation:spark-flight .55s ease-out both;transform:rotate(calc(var(--spark) * 38deg))}.combo-badge{width:fit-content;margin-bottom:12px;padding:8px 13px;border-radius:999px;color:#6e4000;background:#ffe77d;box-shadow:0 7px 18px #dd971c38;font-weight:800;animation:combo-pop .35s ease-out}.question-card{margin:auto 0}.question-card h1{max-width:850px;font-size:clamp(31px,4vw,54px);line-height:1.08}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:820px}.answers.two-up .answer-button{min-height:110px;font-size:27px}.answer-button{min-height:76px;padding:14px 20px;border:2px solid #e1d5ec;border-radius:20px;color:#35214f;background:#fff;box-shadow:0 9px 20px #45226817;cursor:pointer;font-size:clamp(18px,2vw,23px);text-align:left;transition:.15s ease}.answer-button:hover:not(:disabled){border-color:#a57bd8;transform:translateY(-2px);box-shadow:0 13px 25px #45226826}.answer-button:disabled{opacity:.48;cursor:default}.feedback{max-width:820px;margin-top:18px;padding:18px 20px;border-radius:20px;animation:pop .22s ease-out}.feedback.correct{background:#dff9ed;color:#126d50}.feedback.wrong{background:#fff0dc;color:#814a13}.feedback strong{font-size:21px}.feedback p{margin:6px 0 14px;line-height:1.4}.feedback.hidden{display:none}.interaction-hint{margin:12px 0 8px;color:#756383}.sort-items,.choice-chips,.group-buttons{display:flex;flex-wrap:wrap;gap:10px}.sort-item{display:grid;grid-template-columns:42px minmax(90px,1fr);align-items:center;min-width:150px;min-height:78px;padding:10px 14px;border:2px solid #e1d5ec;border-radius:18px;background:#fff;color:#38244e;cursor:pointer;text-align:left}.sort-item.selected,.match-button.selected{border-color:#8b53d5;box-shadow:0 0 0 4px #8b53d529}.sort-item>span{grid-row:span 2;font-size:28px}.sort-item small{color:#846f96}.group-button,.choice-chips button,.match-button{min-height:58px;padding:10px 18px;border:2px solid #d9cbe8;border-radius:16px;background:#fff;color:#38244e;cursor:pointer}.group-button:disabled,.sort-item:disabled,.choice-chips button:disabled,.match-button:disabled,.submit-arrangement:disabled,.compact:disabled{cursor:default;opacity:.5}.submit-arrangement{margin-top:16px}.ordered-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:74px;margin-bottom:14px;padding:12px;border:2px dashed #d5c6e4;border-radius:18px;color:#826f92}.ordered-line span{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:#efe5fa;color:#3d2855}.ordered-line b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#7543bd;color:#fff}.arrangement-actions{display:flex;gap:10px;margin-top:16px}.compact{min-height:50px}.match-board{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(180px,1.2fr) minmax(180px,1fr);gap:12px;align-items:start}.match-column,.match-links{display:grid;gap:8px}.match-links{min-height:70px;padding:12px;border-radius:16px;background:#f0e8f7;color:#6d5980}.match-links span{padding:7px 9px;border-radius:10px;background:#fff;color:#3b2752}.reward-screen,.reward-finish{text-align:center}.reward-screen h1,.reward-finish h1{font-size:clamp(36px,4.2vw,58px)}.reward-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:14px;margin-top:28px}.reward-card{position:relative;min-height:245px;padding:24px 12px 18px;overflow:hidden;border:3px solid color-mix(in srgb,var(--item-colour) 55%,white);border-radius:24px;color:#3b2854;background:linear-gradient(160deg,#fff,color-mix(in srgb,var(--item-colour) 16%,white));box-shadow:0 12px 24px #3e235b1f;cursor:pointer;animation:card-reveal .45s calc(var(--reveal-index, 0) * 90ms) both ease-out;transition:.18s ease}.reward-card.rarity-rare{border-color:#8d65db;background:linear-gradient(150deg,#fff,#eee4ff 65%,#ddc8ff);box-shadow:0 13px 28px #6d43b33b}.reward-card.rarity-epic{border-color:#f5b938;background:linear-gradient(145deg,#fffce9,#e6fff8 45%,#eadcff);box-shadow:0 15px 32px #ecad2d4d}.rarity-label{width:fit-content;margin:0 auto 12px;padding:5px 9px;border-radius:999px;color:#6d5980;background:#eee8f4;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.rarity-rare .rarity-label{color:#fff;background:#8250cb}.rarity-epic .rarity-label{color:#634100;background:#ffd45c}.reward-card:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:0 20px 35px color-mix(in srgb,var(--item-colour) 28%,transparent)}.reward-card span,.reward-card strong,.reward-card small{position:relative;display:block}.reward-card .item-icon{display:grid;place-items:center;width:96px;height:96px;margin:0 auto 20px;border-radius:32px;color:#4d2c69;background:var(--item-colour);font-size:40px;box-shadow:0 10px 22px color-mix(in srgb,var(--item-colour) 45%,transparent)}.reward-card strong{font-size:18px}.reward-card small{margin-top:6px;color:#8c789c;text-transform:capitalize}.rarity-beam{position:absolute!important;z-index:0;left:50%;bottom:-35%;width:82%;height:150%;transform:translate(-50%) perspective(180px) rotateX(18deg);transform-origin:bottom;clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);opacity:.22;background:var(--item-colour);animation:beam-pulse 1.4s ease-in-out infinite alternate}.rarity-rare .rarity-beam{opacity:.34;background:#9d70f1}.rarity-epic .rarity-beam{opacity:.48;background:#ffd65b}.card-shine{position:absolute!important;inset:-50% auto auto -40%;width:60%;height:180%;transform:rotate(25deg);background:#ffffff8c}.big-item{display:grid;place-items:center;width:170px;height:170px;margin:0 auto 24px;border-radius:54px;background:var(--item-colour);box-shadow:0 20px 45px color-mix(in srgb,var(--item-colour) 42%,transparent);font-size:70px;animation:reward-pop .55s ease-out}.finish-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}.wardrobe-screen{align-self:stretch}.wardrobe-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.wardrobe-header h1{margin:0;font-size:42px}.wardrobe-header .eyebrow{margin-bottom:3px}.current-look{margin-bottom:18px;padding:16px;border-radius:20px;background:#f1e9ff}.current-look>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.current-look span{padding:7px 10px;border:2px solid color-mix(in srgb,var(--item-colour) 55%,white);border-radius:999px;background:#fff;font-size:13px}.slot-filters{display:flex;gap:7px;margin-bottom:20px;overflow-x:auto;padding:3px 3px 8px}.slot-filter{min-width:76px;padding:9px 11px;border:2px solid #ded0eb;border-radius:15px;color:#5c4273;background:#fff;cursor:pointer;text-transform:capitalize}.slot-filter.selected{border-color:var(--purple);color:#fff;background:var(--purple)}.slot-filter small{display:block;margin-top:2px;opacity:.75}.wardrobe-grid{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:14px}.wardrobe-item{min-height:190px;padding:20px 12px;border:2px solid #e4d9ee;border-radius:23px;background:#fff;color:#38244e;cursor:pointer}.wardrobe-item.equipped{border-color:var(--item-colour);box-shadow:0 0 0 4px color-mix(in srgb,var(--item-colour) 22%,transparent)}.wardrobe-item span{display:grid;place-items:center;width:78px;height:78px;margin:0 auto 14px;border-radius:26px;background:var(--item-colour);font-size:32px}.wardrobe-item strong,.wardrobe-item small{display:block}.wardrobe-item em{display:block;margin-top:6px;color:#9678ad;font-size:11px;font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.wardrobe-item.rarity-rare em{color:#7841bc}.wardrobe-item.rarity-epic em{color:#b36b00}.wardrobe-item small{margin-top:5px;color:#846f96}.empty-filter{padding:50px 20px;text-align:center}.empty-wardrobe{max-width:520px;margin:8vh auto 0;text-align:center}.empty-wardrobe>div{font-size:70px}.empty-wardrobe h2{font-size:32px}.empty-wardrobe p{color:#796886;font-size:19px}.boss-result{width:min(620px,100%);margin:auto;text-align:center}.boss-trophy{margin-bottom:12px;font-size:86px;filter:drop-shadow(0 12px 16px rgb(196 133 21 / 25%))}.boss-result p{color:#705d7d;font-size:18px;line-height:1.5}.champion-rewards{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:24px 0}.champion-rewards span{padding:12px 16px;border-radius:16px;color:#704400;background:#fff0a6;font-weight:700}.boss-result .primary-button,.boss-result .text-button{margin:8px auto}.boss-result .text-button{display:block}.parent-screen{width:min(820px,100%);margin:auto;padding-block:16px}.parent-header{display:flex;align-items:flex-start;gap:18px}.parent-header h1{font-size:clamp(34px,4vw,52px)}.parent-section{margin-top:18px;padding:20px;border-radius:24px;background:#fff;box-shadow:0 8px 22px #4d2d7014}.parent-section h2{margin-bottom:14px}.missed-list{margin:0;padding-left:24px}.missed-list li{display:grid;grid-template-columns:1fr auto;gap:14px;padding:10px 0 10px 5px;border-bottom:1px solid #eee7f4}.missed-list span,.missed-list strong{display:block}.missed-list strong{margin-bottom:3px;color:#8052ac;font-size:12px}.missed-list b{color:#a34266;white-space:nowrap}.quiet-message{color:#796887}.backup-tools p{color:#71627c;line-height:1.45}.backup-tools textarea{display:block;width:100%;min-height:110px;margin:12px 0;padding:12px;border:2px solid #ddd0e9;border-radius:14px;color:#40304e;background:#fbf8fd;font:12px/1.4 ui-monospace,monospace;resize:vertical}.restore-message{min-height:22px;margin:12px 0 0;color:#5f3f89!important;font-weight:700}.enter{animation:enter .3s ease-out}@keyframes enter{0%{opacity:0;transform:translateY(10px)}}@keyframes pop{0%{opacity:0;transform:scale(.97)}}@keyframes fill{0%{transform:scaleX(.2);transform-origin:left}}@keyframes card-reveal{0%{opacity:0;transform:translateY(20px) rotateY(18deg) scale(.94)}}@keyframes spark-flight{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(calc((var(--spark) - 3) * 13px),calc(-24px - var(--spark) * 3px)) scale(.2)}}@keyframes meter-burst{45%{filter:drop-shadow(0 0 18px #ffcd3c);transform:scale(1.03)}}@keyframes combo-pop{0%{opacity:0;transform:scale(.75)}}@keyframes beam-pulse{to{opacity:.7;transform:translate(-50%) perspective(180px) rotateX(18deg) scaleX(1.12)}}@keyframes reward-pop{0%{transform:scale(.4) rotate(-20deg)}70%{transform:scale(1.08) rotate(3deg)}}.debug-panel{position:fixed;z-index:20;right:12px;bottom:12px;width:min(420px,calc(100vw - 24px));max-height:78vh;overflow:auto;border:2px solid #ffcf50;border-radius:18px;color:#2f2042;background:#fffce5f5;box-shadow:0 12px 35px #2d17474d;font:13px/1.3 system-ui,sans-serif}.debug-panel summary{padding:12px 15px;cursor:pointer;font-weight:800}.debug-panel details[open]{padding:0 12px 12px}.debug-panel p{margin:4px 0 8px}.debug-row{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}.debug-panel button,.debug-panel select{min-height:34px;padding:5px 8px;border:1px solid #b89b4a;border-radius:8px;background:#fff;cursor:pointer}.debug-panel label{display:grid;gap:4px}@media(max-width:900px){body{overflow:auto}.game-shell{height:auto;min-height:100vh;grid-template-columns:1fr;grid-template-rows:40vh auto}.character-panel{height:40vh;min-height:40vh}.brand{top:14px;left:18px;font-size:16px}.brand-bolt{width:40px;height:40px;border-radius:13px}.scene{inset:22px 0 28px}.character-caption{bottom:10px;font-size:14px}.play-panel{height:auto;margin:0;min-height:60vh;border-radius:32px 32px 0 0;overflow:visible}.screen{min-height:60vh;padding:62px 24px 38px}.icon-button{top:14px;right:18px}.reward-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.reward-card{min-height:205px}.wardrobe-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}.character-card{min-height:130px;padding:14px 8px}.character-swatch{width:52px;height:52px}}@media(max-width:560px){.game-shell{grid-template-rows:35vh auto}.character-panel{height:35vh;min-height:35vh}.answers,.match-board{grid-template-columns:1fr}.match-links{order:3}.answers.two-up{grid-template-columns:repeat(2,1fr)}.answer-button{min-height:68px}.round-header{grid-template-columns:70px 1fr;gap:8px}.screen{padding-inline:17px}.home-stats{flex-wrap:wrap}.home-stats div{min-width:92px;flex:1}.medal-grid{grid-template-columns:1fr}.map-heading{display:block}.map-heading span{display:block;margin-top:4px;text-align:left}.missed-list li{grid-template-columns:1fr;gap:5px}.character-grid{gap:7px}.character-card{min-height:118px;font-size:14px}.character-card small{font-size:11px}.part-row{grid-template-columns:1fr}.reward-grid{gap:9px}.reward-card{min-height:180px;padding:15px 8px}.reward-card .item-icon{width:72px;height:72px;margin-bottom:12px;border-radius:23px}}@media(prefers-reduced-motion:reduce){.meter-sparks{display:none}.rarity-beam{animation:none;opacity:.22}.meter-burst{animation:none;outline:4px solid #ffcf42;outline-offset:4px}.combo-badge{animation:none}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}