:root{--bg:#fff8fb;--ink:#241724;--muted:#766475;--line:#eadce8;--panel:#fff;--pink:#ff7ab6;--mint:#61d6b0;--violet:#9b7cf7;--gold:#f2b84b;--sky:#58bde8;--shadow:0 18px 50px #744e7029}*{box-sizing:border-box}html{background:var(--bg)}body{background:linear-gradient(120deg, #ff7ab629, transparent 32%), linear-gradient(240deg, #61d6b024, transparent 34%), var(--bg);color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell,.page-frame{min-height:100vh}.page-frame{width:min(1120px,100% - 32px);margin:0 auto;padding:20px 0 56px}.top-bar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff8fbdb;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex;position:sticky;top:0}.brand-mark{align-items:center;gap:10px;font-weight:900;display:inline-flex}.brand-sigil{width:34px;height:34px;color:var(--gold);background:#fff;border:1px solid #f2b84bb3;border-radius:8px;place-items:center;display:grid;box-shadow:0 8px 24px #f2b84b2e}.locale-switcher{border:1px solid var(--line);background:#ffffffb8;border-radius:8px;gap:4px;padding:4px;display:inline-flex}.locale-switcher a{color:var(--muted);border-radius:6px;padding:7px 10px;font-size:13px;font-weight:700}.locale-switcher a.active{background:var(--ink);color:#fff}.home-hero{grid-template-columns:1fr 320px;align-items:center;gap:28px;min-height:360px;padding:34px 0 22px;display:grid}.hero-copy h1{letter-spacing:0;margin:0;font-size:clamp(42px,7vw,84px);line-height:.98}.hero-copy p{max-width:680px;color:var(--muted);font-size:18px;line-height:1.8}.jp-title{color:var(--violet);margin:0 0 10px;font-weight:800}.hero-card{border:1px solid var(--line);height:360px;box-shadow:var(--shadow);background:linear-gradient(160deg,#fffffff2,#ffe4f0eb),repeating-linear-gradient(45deg,#0000 0 16px,#9b7cf714 16px 17px);border-radius:8px;position:relative;overflow:hidden}.summon-mini{aspect-ratio:1;color:var(--gold);border:2px solid #f2b84bbf;border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute;inset:44px 44px auto}.summon-mini:before,.summon-mini:after{content:"";border:1px dashed #9b7cf799;border-radius:50%;position:absolute;inset:18%}.summon-mini:after{border-color:#61d6b0b8;inset:34%}.hero-card-face{background:#ffffffd1;border:1px solid #ff7ab652;border-radius:8px;gap:8px;padding:20px;display:grid;position:absolute;bottom:24px;left:24px;right:24px}.hero-card-face strong{font-size:28px}.catalog-note{color:var(--muted);background:#ffffffb8;border:1px solid #61d6b05c;border-radius:8px;align-items:center;gap:12px;margin:4px 0 26px;padding:12px 14px;display:flex}.catalog-note span{color:var(--mint);font-weight:900}.catalog-note p{margin:0}.shelves{gap:28px;display:grid}.shelf-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px;display:flex}.shelf-heading h2{margin:0 0 8px;font-size:22px}.shelf-heading span{color:var(--muted);margin-bottom:9px;font-weight:800}.quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.quiz-card{border:1px solid var(--line);border-left:5px solid var(--accent);background:#ffffffe6;border-radius:8px;align-content:start;gap:8px;min-height:212px;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;box-shadow:0 12px 28px #744e7014}.quiz-card:hover{border-color:color-mix(in srgb, var(--accent), #fff 24%);transform:translateY(-3px);box-shadow:0 18px 36px #744e7026}.quiz-icon{background:color-mix(in srgb, var(--accent), #fff 84%);border-radius:8px;place-items:center;width:44px;height:44px;font-size:24px;display:grid}.quiz-icon.large{width:68px;height:68px;margin:0 auto;font-size:38px}.quiz-tag{color:var(--accent);font-size:13px;font-weight:900}.quiz-card h3,.quiz-intro h1,.question-card h1{letter-spacing:0;margin:0}.quiz-card h3{font-size:21px}.quiz-card p,.quiz-intro p{color:var(--muted);margin:0;line-height:1.65}.quiz-action{color:var(--ink);align-self:end;margin-top:6px;font-weight:900}.quiz-intro,.question-card,.result-stage{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe6;border-radius:8px;margin:34px auto 0}.quiz-intro{text-align:center;gap:14px;max-width:720px;padding:38px;display:grid}.quiz-intro h1{font-size:clamp(32px,6vw,54px)}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.mode-choice,.answer-btn,.primary-btn,.ghost-btn{cursor:pointer;border-radius:8px}.mode-choice{border:1px solid var(--line);color:var(--ink);background:#fff;gap:6px;padding:18px;font-weight:900;display:grid}.mode-choice small{color:var(--muted);font-size:12px}.mode-choice.active,.mode-choice:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent), #fff 88%)}.primary-btn,.ghost-btn{border:1px solid #0000;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:900;display:inline-flex}.primary-btn{background:var(--ink);color:#fff}.ghost-btn{border-color:var(--line);color:var(--ink);background:#fff}.intro-start,.centered{justify-self:center}.back-home{color:var(--muted);font-weight:800}.question-card{grid-template-rows:11px auto minmax(78px,auto) minmax(320px,1fr) 58px;gap:18px;padding:28px;display:grid}.progress-line{background:#f1e6ef;border-radius:8px;height:8px;overflow:hidden}.progress-line i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--gold));height:100%;transition:width .2s;display:block}.question-meta{color:var(--muted);justify-content:space-between;gap:12px;font-size:13px;font-weight:900;display:flex}.question-card h1{font-size:clamp(26px,5vw,42px);line-height:1.25}.question-title{align-items:center;min-height:78px;display:flex}.answer-list{align-content:start;gap:10px;display:grid}.answer-btn{border:1px solid var(--line);min-height:62px;color:var(--ink);text-align:left;background:#fff;grid-template-columns:38px 1fr;align-items:center;gap:12px;padding:12px 14px;line-height:1.55;display:grid}.answer-btn:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent), #fff 92%)}.answer-btn span{background:color-mix(in srgb, var(--accent), #fff 82%);width:34px;height:34px;color:var(--accent);border-radius:8px;place-items:center;font-weight:900;display:grid}.question-footer{place-items:center;min-height:58px;display:grid}.question-footer>span{width:1px;height:44px;display:block}.result-stage{padding:22px;overflow:hidden}.result-stage-heading{color:var(--result);justify-content:space-between;align-items:center;gap:12px;font-weight:900;display:flex}.result-stage-heading button{border:1px solid var(--line);min-height:34px;color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;padding:0 10px}.gacha-area{perspective:1200px;place-items:center;min-height:390px;display:grid;position:relative}.summon-circle{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--result), #fff 25%);width:min(320px,74vw);box-shadow:inset 0 0 0 18px #fffc, 0 0 42px color-mix(in srgb, var(--result), transparent 74%);will-change:transform, opacity;border-radius:50%;position:absolute}.summon-circle:before,.summon-circle:after{content:"";border:1px dashed #9b7cf79e;border-radius:50%;position:absolute;inset:17%}.summon-circle:after{border-color:#61d6b0b3;inset:35%}.rarity-burst{z-index:3;background:color-mix(in srgb, var(--result), #fff 12%);color:#fff;opacity:0;pointer-events:none;will-change:transform, opacity;border-radius:50%;place-items:center;width:116px;height:116px;font-size:30px;font-weight:1000;display:grid;position:absolute}.gacha-card{z-index:2;aspect-ratio:.72;will-change:transform, opacity;width:min(280px,76vw);position:relative}.gacha-card-inner{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:relative}.card-back,.card-front{backface-visibility:hidden;border:1px solid color-mix(in srgb, var(--result), #fff 30%);box-shadow:0 22px 48px color-mix(in srgb, var(--result), transparent 80%);border-radius:8px;place-items:center;display:grid;position:absolute;inset:0}.card-back{background:linear-gradient(145deg, color-mix(in srgb, var(--result), #fff 64%), #fff), repeating-linear-gradient(45deg, transparent 0 18px, #ffffff73 18px 20px);text-align:center;gap:12px;padding:24px}.card-back span{color:var(--result);font-size:56px}.card-back strong{font-size:28px}.card-back small{color:var(--muted);line-height:1.55}.card-front{text-align:center;background:#fff;padding:18px;transform:rotateY(180deg)}.result-rarity{background:var(--result);color:#fff;border-radius:8px;place-self:start end;padding:5px 9px;font-size:13px;font-weight:1000}.result-emoji{font-size:74px}.result-label{color:var(--muted);font-size:12px;font-weight:900}.card-front h2{color:var(--result);margin:0;font-size:34px}.result-tagline{color:var(--muted);margin:0;line-height:1.45}.result-panel{gap:16px;max-width:760px;margin:0 auto;display:grid}.result-desc{color:#3f303f;line-height:1.8}.result-desc p{margin:0 0 10px}.result-tags{flex-wrap:wrap;gap:8px;display:flex}.result-tags span,.identity-badge{border:1px solid color-mix(in srgb, var(--result), #fff 48%);background:color-mix(in srgb, var(--result), #fff 90%);color:var(--ink);border-radius:8px;padding:7px 10px;font-size:13px;font-weight:800}.dimension-list{gap:9px;display:grid}.dimension-row{color:var(--muted);grid-template-columns:minmax(110px,1fr) 2fr 42px;align-items:center;gap:10px;font-size:13px;display:grid}.dimension-row div{background:#f1e6ef;border-radius:8px;height:8px;overflow:hidden}.dimension-row i{border-radius:inherit;background:var(--result);height:100%;display:block}.dimension-row b{color:var(--ink);text-align:right}.runner-ups{color:var(--muted);margin:0;font-weight:800}.result-actions{flex-wrap:wrap;gap:10px;display:flex}.toast{z-index:30;background:var(--ink);color:#fff;border-radius:8px;padding:12px 14px;font-weight:900;position:fixed;bottom:18px;right:18px}@media (max-width:760px){.page-frame,.quiz-page{width:min(100% - 24px,680px);padding-bottom:34px}.top-bar{flex-direction:column;align-items:flex-start}.home-hero,.quiz-grid,.mode-grid{grid-template-columns:1fr}.home-hero{min-height:unset}.hero-card{height:260px}.quiz-intro,.question-card,.result-stage{padding:20px}.question-meta,.result-stage-heading,.result-actions{flex-direction:column;align-items:flex-start}.dimension-row{grid-template-columns:1fr}.dimension-row b{text-align:left}}body{background:radial-gradient(circle at 78% 62%,#ff87c952,#0000 22%),linear-gradient(90deg,#6b483752 0 22%,#0000 38%),linear-gradient(120deg,#fff4eceb,#fff7fbbd),#fff8f4;min-height:100vh}body:before{content:"";z-index:-2;background:linear-gradient(90deg,#47302670,#0000 28%),linear-gradient(270deg,#6a493538,#0000 22%),repeating-linear-gradient(90deg,#754f3733 0 76px,#ffffff14 76px 80px),linear-gradient(#f9e5d5,#fff3f7 54%,#f7e5df);position:fixed;inset:86px 0 0}body:after{content:"✿ ✦ ✧";z-index:1;color:#ef6f9d57;letter-spacing:6px;pointer-events:none;font-size:44px;position:fixed;inset:18px auto auto 8px}.magic-app-shell{min-height:100vh;padding:0 18px 18px;position:relative;overflow:hidden}.magic-topbar,.quiz-page .top-bar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #e3bf979e;border-top:0;border-radius:0 0 58px 58px;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:28px;width:min(1820px,100%);height:154px;margin:0 auto;padding:0 48px;display:grid;position:relative;top:auto;box-shadow:0 12px 38px #88574924}.magic-logo,.quiz-page .brand-mark{color:#2e1741;align-items:center;gap:16px;display:inline-flex}.magic-logo-mark,.quiz-page .brand-sigil{color:#8d62e8;width:62px;height:62px;box-shadow:none;background:radial-gradient(circle,#fff 0 38%,#ffe8f0 39% 66%,#0000 67%);border:0;border-radius:50%;place-items:center;font-size:48px;display:grid}.magic-logo strong,.quiz-page .brand-mark>span:last-child{letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-size:40px;line-height:.98;display:block}.magic-logo small{color:#c68f50;margin-top:5px;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:800;display:block}.main-nav{align-items:center;gap:22px;display:flex}.main-nav a{color:#3b3041;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;height:64px;padding:0 22px;font-size:17px;font-weight:900;display:inline-flex}.main-nav a.active{color:#ed5f91;background:linear-gradient(#fff8fb,#ffeef5);border-color:#ef8cab;box-shadow:0 8px 18px #ef6f9d24}.main-nav span{color:#ef6f9d;font-size:22px}.magic-topbar .locale-switcher,.quiz-page .locale-switcher{background:#fff;border:1px solid #f2c9d9;border-radius:10px;gap:0;padding:0;overflow:hidden;box-shadow:0 7px 20px #5a3e4f14}.magic-topbar .locale-switcher a,.quiz-page .locale-switcher a{color:#3d3340;border-radius:0;place-items:center;min-width:104px;height:52px;font-size:16px;display:grid}.magic-topbar .locale-switcher a.active,.quiz-page .locale-switcher a.active{color:#fff;background:linear-gradient(#ff8aaa,#f26b96)}.magic-workbench{grid-template-columns:minmax(640px,1fr) minmax(360px,.46fr);align-items:start;gap:42px;width:min(1440px,100% - 64px);margin:20px auto 0;display:grid}.test-selection-panel{background:#ffffffbd;border:1px solid #e5b17473;border-radius:24px;gap:12px;padding:18px;display:grid;box-shadow:0 20px 50px #75504129}.test-selection-panel h1{color:#2d1b35;align-items:center;gap:10px;margin:0 0 6px;font-size:24px;display:flex}.test-selection-panel h1 span{color:#efb454}.test-card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.test-tile{background:linear-gradient(#fffdf9,#fff8f2);border:2px solid #edd6bd;border-radius:10px;gap:8px;min-height:252px;padding:10px 10px 12px;display:grid;position:relative;box-shadow:inset 0 0 0 3px #fff4e7e6,0 10px 24px #784d371f}.tile-number{z-index:2;color:#fff;background:linear-gradient(#e9a85c,#d68738);border-radius:50%;place-items:center;width:26px;height:26px;font-weight:900;display:grid;position:absolute;top:6px;left:6px;box-shadow:0 2px 6px #79451d47}.tile-portrait{border:1px solid color-mix(in srgb, var(--accent), #fff 42%);background:radial-gradient(circle at 50% 35%, #ffffffe6, transparent 34%), linear-gradient(145deg, color-mix(in srgb, var(--accent), #fff 62%), #fff4df);border-radius:7px;place-items:center;height:142px;display:grid;position:relative;overflow:hidden}.tile-portrait span{z-index:1;filter:drop-shadow(0 8px 10px #4c304d26);font-size:64px}.tile-portrait img{z-index:1;object-fit:cover;object-position:center;filter:saturate(1.08)contrast(1.02)}.tile-portrait:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#ffffff14,#ffeef62e);position:absolute;inset:0}.tile-portrait i{background:#ffffff6b;border-radius:50%;width:86px;height:86px;position:absolute;bottom:-24px;right:-24px}.test-tile strong{color:#3d2635;text-align:center;min-height:32px;font-size:14px}.test-tile em{color:#ec5f91;border:1px solid #f09ab6;border-radius:8px;place-items:center;height:34px;font-style:normal;font-weight:900;display:grid}.draw-banner{background:linear-gradient(100deg,#ffffffdb,#dccdffd1);border:1px solid #d8c7ff;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:4px;padding:14px 24px;display:grid;box-shadow:0 10px 28px #7456b424}.draw-banner-icon{color:#9b76f2;background:#fff;border-radius:12px;place-items:center;width:54px;height:54px;font-size:28px;display:grid}.draw-banner strong{color:#5c35cd;font-size:22px}.draw-banner p{color:#5f46b7;margin:4px 0 0;font-size:14px}.draw-banner a{color:#fff;background:linear-gradient(#9b69f2,#784fe1);border-radius:24px;place-items:center;min-width:150px;height:48px;font-weight:900;display:grid}.featured-test-panel{background:linear-gradient(#fffffff0,#fff6eee6),repeating-linear-gradient(135deg,#0000 0 18px,#eabe7d1f 18px 19px);border:2px solid #e7ba76;border-radius:20px;gap:16px;min-height:720px;padding:28px 24px 24px;display:grid;position:relative;box-shadow:inset 0 0 0 4px #fff7e8db,0 20px 46px #714d392e}.featured-panel-head{color:#4c2d31;justify-content:center;align-items:center;gap:10px;display:flex}.featured-panel-head span{color:#efb454;font-size:28px}.featured-panel-head h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:34px}.featured-primary-card{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--accent), #fff 60%), transparent 38%), linear-gradient(160deg, #1f1c47, #fff2dc 68%);border:5px solid #e8be72;border-radius:16px;justify-items:center;gap:12px;min-height:430px;padding:20px 20px 22px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 30px #53325138}.featured-rarity{z-index:2;color:#ffe59d;background:radial-gradient(circle,#4d290c,#120a0b);border-radius:50%;place-items:center;width:78px;height:78px;font-family:Georgia,serif;font-size:28px;font-weight:1000;display:grid;position:absolute;top:14px;left:14px}.featured-orb{aspect-ratio:1;background:radial-gradient(circle at 50% 38%, #fffffff0, transparent 30%), linear-gradient(160deg, color-mix(in srgb, var(--accent), #fff 35%), #ffd1e5);border-radius:18px;place-items:center;width:min(260px,80%);margin-top:34px;display:grid}.featured-orb span{filter:drop-shadow(0 10px 16px #2516443d);font-size:108px}.featured-primary-card strong,.featured-primary-card small{z-index:1;text-align:center;position:relative}.featured-primary-card strong{color:#3a2035;font-size:25px}.featured-primary-card small{color:#7a5b4a;max-width:310px;line-height:1.6}.featured-primary-card em,.featured-link-card em{color:#fff;background:linear-gradient(#ee78a0,#dc5682);border-radius:22px;place-items:center;min-width:128px;min-height:40px;font-style:normal;font-weight:900;display:grid}.featured-link-list{gap:12px;display:grid}.featured-link-card{color:#3d2635;background:#fff8efeb;border:1px solid #edd7bd;border-radius:14px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;min-height:74px;padding:12px 14px;display:grid}.featured-link-card span{background:#fff;border-radius:12px;place-items:center;width:48px;height:48px;font-size:28px;display:grid}.featured-link-card b{line-height:1.35}.featured-link-card em{min-width:88px;min-height:36px;font-size:14px}.demo-question-card,.question-card{background:#ffffffeb;border:2px solid #e6b76c;border-radius:20px;gap:24px;min-height:730px;margin:0;padding:28px;display:grid;box-shadow:inset 0 0 0 4px #fff8eed1,0 18px 42px #7e553e29}.demo-card-head,.question-meta{color:#2d1d33;justify-content:space-between;font-size:17px;font-weight:900;display:flex}.demo-card-head b,.question-meta span:last-child{color:#ed5f91;font-size:24px}.demo-progress,.progress-line{background:#f3e7e4;border-radius:999px;height:11px}.demo-progress i,.progress-line i{background:linear-gradient(90deg,#f36d9b,#f599b7);width:14%}.demo-question-body span{color:#ec5f91;font-size:30px;font-weight:1000}.demo-question-body h2,.question-card h1{color:#25192d;margin:8px 0 0;font-size:24px;line-height:1.45}.demo-divider{color:#e9b56f;align-items:center;gap:16px;display:flex}.demo-divider:before,.demo-divider:after{content:"";background:#ecd8c3;flex:1;height:1px}.demo-answers,.answer-list{gap:16px;display:grid}.demo-answer{text-align:left;border-radius:12px;grid-template-columns:38px 34px 1fr;align-items:center;min-height:72px;padding:0 18px;font-weight:800;display:grid}.answer-btn{text-align:left;overflow-wrap:anywhere;border-radius:12px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:16px;min-height:72px;padding:14px 22px;font-weight:800;display:grid}.demo-answer.pink,.answer-btn:first-child{color:#cf527e;background:#fff0f5;border:1px solid #f5b4c8}.demo-answer.mint,.answer-btn:nth-child(2){color:#3c7b68;background:#eefaf6;border:1px solid #bde6d9}.demo-answer.violet,.answer-btn:nth-child(3){color:#7a55bc;background:#f5efff;border:1px solid #d9c5f4}.demo-answer.gold,.answer-btn:nth-child(4){color:#a66d20;background:#fff8e8;border:1px solid #f1d3a0}.demo-answer span,.answer-btn>span{background:0 0;width:auto;height:auto;font-size:28px}.next-question-btn{color:#fff;background:linear-gradient(#f374a2,#e55684);border:0;border-radius:29px;justify-self:center;width:210px;height:58px;font-size:20px;font-weight:900;box-shadow:0 8px #ca4770,0 14px 28px #e5568447}.gacha-preview-card{background:#fff8ef;border:2px solid #e7ba76;border-radius:20px;justify-items:center;gap:14px;min-height:720px;padding:34px 26px 24px;display:grid;position:relative;box-shadow:inset 0 0 0 4px #fff7e8db,0 20px 46px #714d392e}.gacha-preview-card:after,.reveal-center:after{content:"";pointer-events:none;background:radial-gradient(#ff72d561,#0000 68%);height:210px;position:absolute;inset:auto 0 18px}.preview-ribbon{color:#fff;background:linear-gradient(#f879a3,#e6507f);border:4px solid #efba65;border-radius:24px 24px 10px 10px;place-items:center;width:250px;height:70px;font-size:30px;font-weight:1000;display:grid;position:absolute;top:14px;transform:rotate(-2deg);box-shadow:0 10px 20px #a4495947}.preview-card-frame{background:linear-gradient(160deg,#1f1c47,#fff2dc 68%);border:5px solid #e8be72;border-radius:16px;gap:12px;width:270px;margin-top:82px;padding:14px 14px 18px;display:grid;position:relative;box-shadow:0 18px 30px #53325138}.preview-rarity{z-index:2;color:#ffe59d;background:radial-gradient(circle,#4d290c,#120a0b);border-radius:50%;place-items:center;width:78px;height:78px;font-family:Georgia,serif;font-size:28px;font-weight:1000;display:grid;position:absolute;top:12px;left:12px}.preview-character{background:radial-gradient(circle at 50% 38%,#fffffff0,#0000 28%),linear-gradient(160deg,#7250d8,#ffd1e5);border-radius:10px;place-items:center;height:310px;display:grid}.preview-character span{color:#fff;filter:drop-shadow(0 10px 16px #25164447);font-size:126px}.preview-name{text-align:center;background:#fff8ef;border:2px solid #dfb56c;border-radius:10px;gap:5px;padding:12px;display:grid}.preview-name strong{color:#3a2035;font-size:24px}.preview-name small,.gacha-preview-card p{color:#9c6642;line-height:1.55}.gacha-preview-card button,.gacha-preview-card a{border-radius:27px;place-items:center;width:260px;height:54px;font-weight:900;display:grid}.gacha-preview-card button{color:#fff;background:linear-gradient(#ee78a0,#dc5682);border:0}.gacha-preview-card a{color:#e2628a;background:#fff8ef;border:1px solid #edd7bd}.magic-status-bar{background:#ffffffd1;border:1px solid #eccbaabd;border-radius:42px;grid-template-columns:90px minmax(260px,1fr) auto;align-items:center;gap:22px;width:min(1180px,100% - 72px);height:86px;margin:18px auto 0;padding:0 34px;display:grid;box-shadow:0 12px 34px #7d543d24}.mascot{color:#6b48cf;background:linear-gradient(145deg,#ffe8f2,#d9c8ff);border-radius:50%;place-items:center;width:86px;height:86px;font-size:42px;display:grid}.magic-status-bar p{color:#74472e;margin:0;font-weight:800}.magic-status-bar p span{color:#f1ad50}.magic-status-bar dl{gap:18px;margin:0;display:flex}.magic-status-bar dl div{background:#fff7f1c7;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-width:132px;padding:11px 18px;display:grid}.magic-status-bar dt{color:#a878f1;font-size:24px}.magic-status-bar dd{color:#7e6976;margin:0;font-size:12px;display:grid}.magic-status-bar dd strong{color:#55424d;font-size:20px}.quiz-page{width:min(1180px,100% - 40px)}.quiz-page .top-bar{grid-template-columns:minmax(260px,1fr) auto;width:100%;height:110px;margin-bottom:24px}.quiz-intro{background:#ffffffeb;border:2px solid #e6b76c;border-radius:22px;max-width:760px}.quiz-page:has(.reveal-stage){width:min(1500px,100% - 32px)}.quiz-page:has(.reveal-stage) .top-bar{height:88px;margin-bottom:12px}.reveal-stage{min-height:calc(100vh - 116px);box-shadow:none;background:radial-gradient(circle at 50% 62%,#ff77d63d,#0000 32%),radial-gradient(circle at 50% 74%,#ffffffc2,#0000 26%),linear-gradient(90deg,#4636303d,#0000 18% 82%,#523e2e2e),#ffffffb8;border:0;border-radius:0;margin:0;padding:12px 40px 18px;position:relative}.result-titlebar{color:#4b2c19;justify-items:center;gap:4px;margin-bottom:8px;display:grid}.result-titlebar span{color:#efb44f;font-size:28px}.result-titlebar h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:52px;font-weight:900;line-height:.95}.result-titlebar small{color:#c58a4d;font-family:Georgia,Times New Roman,serif;font-size:20px}.result-titlebar button{color:#dd648d;background:#fff;border:1px solid #f2c9d9;border-radius:18px;height:36px;padding:0 14px;font-weight:800;position:absolute;top:18px;right:24px}.reveal-layout{grid-template-columns:minmax(300px,.56fr) minmax(460px,.88fr) minmax(310px,.56fr);align-items:center;gap:44px;max-width:1450px;margin:0 auto;display:grid}.side-panel{background:#ffffffe0;border:2px solid #e5bd82;border-radius:8px;box-shadow:inset 0 0 0 4px #fff9f0db,0 18px 38px #6947311f}.result-story-panel{text-align:center;min-height:386px;padding:36px 34px 26px;position:relative}.result-scroll-label{color:#7a421b;background:linear-gradient(#e7b982,#d19a59);border-radius:5px;padding:8px 30px;font-size:18px;display:inline-block}.result-story-panel h2{color:#ef6f9d;margin:18px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:46px}.result-story-panel strong{color:#c78a4f;font-size:18px;display:block}.story-copy{color:#604d57;-webkit-line-clamp:4;-webkit-box-orient:vertical;max-height:138px;margin-top:18px;line-height:1.9;display:-webkit-box;overflow:hidden}.story-copy br{display:none}.story-gem{color:#e8b064;font-size:34px;font-style:normal;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.reveal-center{min-height:560px}.reveal-center .summon-circle{width:660px;max-width:90vw;box-shadow:none;filter:drop-shadow(0 0 34px #ff77d652);background:url(/assets/ui/magic-circle-ai.webp) 50%/contain no-repeat;border:0;border-radius:0}.reveal-center .summon-circle:before,.reveal-center .summon-circle:after{display:none}.reveal-center .gacha-card{z-index:3;width:min(360px,76vw);transform:rotate(-4deg)}.reveal-center .card-front,.reveal-center .card-back{background-color:#0000;background-image:url(/assets/ui/card-frames-sprite.webp);background-repeat:no-repeat;background-size:200% 100%;border:0;border-radius:14px}.reveal-center .card-front{background-position:0 0;grid-template-rows:minmax(0,1fr) auto;place-items:stretch center;gap:8px;padding:46px 30px 30px;display:grid;position:absolute;overflow:hidden}.reveal-center .card-back{color:#f3d38a;background-position:100% 0}.reveal-center .result-rarity{z-index:4;color:#0000;filter:drop-shadow(0 12px 20px #4e2d123d);background-color:#0000;background-image:url(/assets/ui/rarity-badges-sprite.webp);background-position:0 0;background-repeat:no-repeat;background-size:500% 100%;border:0;border-radius:50%;width:132px;height:132px;padding:0;font-size:0;position:absolute;top:15px;left:14px}.reveal-center .result-rarity[data-rarity=R]{background-position:25% 0}.reveal-center .result-rarity[data-rarity=SR]{background-position:50% 0}.reveal-center .result-rarity[data-rarity=SSR]{background-position:75% 0}.reveal-center .result-rarity[data-rarity=UR]{background-position:100% 0}.reveal-center .result-art-frame{background:radial-gradient(circle, #ffffffe0, transparent 34%), linear-gradient(160deg, color-mix(in srgb, var(--result), #fff 58%), #fff1d8);border-radius:12px;place-items:center;width:100%;min-height:0;font-size:116px;display:grid;position:relative;overflow:hidden}.reveal-center .result-art-frame:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff8a;position:absolute;inset:0;box-shadow:inset 0 -54px 80px #fff5e894}.reveal-center .result-art-frame img{object-fit:cover;object-position:center;filter:saturate(1.08)contrast(1.03);width:100%;height:100%;position:absolute;inset:0}.reveal-center .result-emoji-fallback{z-index:1;filter:drop-shadow(0 10px 18px #3e273229);font-size:116px;line-height:1}.result-card-copy{z-index:2;background:#fff8ef;border:2px solid #d69d436b;border-radius:8px;justify-items:center;gap:5px;width:min(100%,238px);min-height:86px;margin:-4px auto 0;padding:12px 14px 10px;display:grid;position:relative}.reveal-center .card-front h2{color:#4d2a18;font-family:Georgia,Times New Roman,serif;font-size:32px;line-height:1.05}.reveal-center .result-tagline{max-width:260px;max-height:38px;font-size:14px;overflow:hidden}.card-stars{color:#d69d43;letter-spacing:5px}.card-shadow-back{z-index:1;background:url(/assets/ui/card-frames-sprite.webp) 100% 0/200% 100% no-repeat;border:0;border-radius:14px;width:190px;height:506px;position:absolute;transform:translate(178px,2px)rotate(8deg);box-shadow:0 18px 35px #18122247}.attribute-panel{min-height:372px;padding:24px 26px}.attribute-panel h2,.attribute-panel h3{color:#4f352c;text-align:center;margin:0 0 20px}.attribute-bars{gap:16px;display:grid}.attribute-row{color:#5d4b55;grid-template-columns:28px 54px 1fr 44px;align-items:center;gap:10px;display:grid}.attribute-row span{color:#ef6f9d;background:#fff1f6;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.attribute-row b{font-weight:800}.attribute-row i{background:#eee8e8;border-radius:99px;height:9px;overflow:hidden}.attribute-row em{border-radius:inherit;height:100%;display:block}.attribute-panel .result-tags{justify-content:center}.attribute-panel .result-tags span{background:#fbf6ff;border-color:#e8d8ef}.reveal-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;max-width:920px;margin:10px auto 0;display:flex}.share-main,.poster-main,.retry-main{color:#fff;border:0;border-radius:35px;width:min(280px,100%);height:62px;font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:900;box-shadow:0 10px 24px #78527833}.share-main{background:linear-gradient(#f386a7,#e45f8f)}.poster-main{background:linear-gradient(#f0c878,#dc9f3e)}.poster-main:disabled{cursor:wait;filter:saturate(.75);opacity:.78}.retry-main{background:linear-gradient(#a994ff,#8a7df0)}.poster-status{color:#8c6b45;text-align:center;flex-basis:100%;margin:-4px 0 0;font-size:14px;font-weight:900}.result-detail{opacity:1}@media (max-width:1500px){.magic-topbar{grid-template-columns:minmax(210px,.8fr) auto auto;gap:16px;padding:0 28px}.magic-logo strong{font-size:34px}.magic-logo small{font-size:16px}.main-nav{gap:10px}.main-nav a{height:58px;padding:0 14px;font-size:16px}.magic-topbar .locale-switcher a{min-width:82px}.magic-workbench{grid-template-columns:minmax(560px,1fr) minmax(340px,.44fr);gap:28px;width:min(1380px,100% - 40px)}.test-card-grid{gap:10px}.test-tile{min-height:244px}}@media (max-width:1320px){.magic-workbench{grid-template-columns:1fr;gap:22px;width:min(760px,100% - 24px)}}@media (max-width:1180px){.magic-topbar,.quiz-page .top-bar{border-radius:0 0 28px 28px;grid-template-columns:1fr;gap:14px;height:auto;padding:18px}.main-nav{flex-wrap:wrap}.magic-workbench,.reveal-layout{grid-template-columns:1fr;gap:22px;width:min(760px,100% - 24px)}.reveal-actions{gap:22px;width:min(760px,100% - 24px)}.test-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.magic-status-bar{grid-template-columns:1fr;height:auto;padding:18px}.magic-status-bar dl{flex-wrap:wrap;justify-content:center}.reveal-center{min-height:520px}.card-shadow-back{width:132px;height:430px;transform:translate(132px,10px)rotate(8deg)}}@media (max-width:760px){.featured-link-card{grid-template-columns:44px 1fr}.featured-link-card em{grid-column:1/-1;justify-self:stretch}.question-card{grid-template-rows:11px auto minmax(96px,auto) minmax(300px,1fr) 58px}.reveal-stage{padding:12px 14px 20px}.reveal-center .gacha-card{width:min(330px,82vw)}.reveal-center .result-art-frame{min-height:240px}.card-shadow-back{width:110px;height:398px;transform:translate(110px,12px)rotate(8deg)}}