:root{--bg:#fff8f1;--panel:rgba(255,255,255,0.86);--panel-strong:#fffaf5;--text:#1b2435;--muted:#687287;--line:rgba(70,83,114,0.12);--line-strong:rgba(70,83,114,0.2);--accent:#ff7a45;--accent-strong:#ffcf74;--accent-blue:#7f90ff;--accent-mint:#bcd7d5;--ok:#43c58b;--error:#ff7589;--shadow:0 22px 54px rgba(75,86,112,0.1);--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--font-display:"Bahnschrift SemiCondensed","DIN Alternate","Segoe UI Semibold",sans-serif;--font-body:"Microsoft YaHei","PingFang SC","Segoe UI",sans-serif}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0;overflow-x:hidden;color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at top left,rgba(255,195,138,.24),transparent 26%),radial-gradient(circle at 88% 12%,rgba(255,228,197,.85),transparent 30%),linear-gradient(180deg,#fffdf8,#f8f4ee 42%,#f3eef0)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,0)),radial-gradient(circle at 20% 14%,rgba(255,186,137,.12),transparent 28%),radial-gradient(circle at 82% 18%,rgba(255,213,168,.2),transparent 24%);opacity:.9}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}code{padding:2px 6px;border-radius:8px;background:rgba(255,255,255,.08)}.site-shell{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:24px 0 56px}.site-header{position:relative;z-index:40;display:flex;align-items:center;justify-content:flex-start;gap:18px;margin-bottom:34px;padding:16px 22px;border:1px solid rgba(37,46,71,.08);border-radius:999px;background:rgba(255,255,255,.74);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 24px rgba(52,58,84,.06)}.brand-mark{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.08rem;letter-spacing:.05em;color:#1f2a43}.brand-mark:before{content:"";width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--accent-strong),var(--accent-blue))}.site-nav{display:flex;align-items:center;gap:12px;margin-left:auto}.site-nav a{padding:8px 10px;border-radius:999px;color:#51607d;transition:color .2s ease,background .2s ease}.site-nav a:hover{color:#162036;background:rgba(76,93,130,.08)}.page-stack,.stack{display:grid;grid-gap:24px;gap:24px}.feature-card,.hero-banner,.list-card,.panel,.question-card,.table-card{position:relative;overflow:hidden;padding:30px;border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,250,244,.84)),var(--panel);box-shadow:var(--shadow)}.feature-card:before,.hero-banner:before,.list-card:before,.panel:before,.question-card:before,.table-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent-blue),var(--accent-mint));opacity:.75}.hero-banner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);grid-gap:24px;gap:24px}.hero-banner-compact{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:flex-end}.field,.form-stack,.hero-copy-block,.hero-side-stack,.question-list,.rule-chip-group,.signal-list{display:grid;grid-gap:12px;gap:12px}.hero-copy-block{gap:16px}.hero-note-card{padding:22px;border-radius:var(--radius-lg);border:1px solid var(--line);background:rgba(255,255,255,.04)}.poster-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.poster-swatch{min-height:148px;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);display:flex;align-items:flex-end;justify-content:flex-start;font-family:var(--font-display);font-size:1.15rem;letter-spacing:.08em;text-transform:uppercase}.poster-swatch-haikyu{background:linear-gradient(145deg,rgba(245,127,62,.35),rgba(255,204,150,.08))}.poster-swatch-jjk{background:linear-gradient(145deg,rgba(95,110,214,.28),rgba(165,189,255,.08))}.poster-swatch-spy{background:linear-gradient(145deg,rgba(161,208,193,.3),rgba(245,233,214,.08))}.poster-swatch-csm{background:linear-gradient(145deg,rgba(225,91,69,.32),rgba(255,211,121,.08))}.eyebrow{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:8px 12px;border-radius:999px;background:rgba(255,137,90,.13);color:#d26a42;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.eyebrow-soft{background:rgba(70,83,114,.08);color:#4d5a73}.hero-kicker{margin:0;color:var(--muted);font-size:.84rem;letter-spacing:.16em;text-transform:uppercase}.hero-title,.section-title{margin:0;font-family:var(--font-display);line-height:1.02}.hero-title{font-size:clamp(2.8rem,5vw,5.4rem);max-width:14ch}.hero-title-compact{font-size:clamp(2.2rem,3.5vw,4rem)}.hero-copy,.muted{margin:0;color:var(--muted);line-height:1.8}.compact-copy{max-width:28ch}.bullet-list{display:grid;grid-gap:12px;gap:12px;margin:14px 0 0;padding-left:18px;color:var(--muted)}.cta-row,.inline-list,.label-row,.pill-row,.site-nav,.toolbar{display:flex;flex-wrap:wrap;gap:10px}.button,.button-danger,.button-ghost,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.button-danger:hover,.button-ghost:hover,.button-secondary:hover,.button:hover{transform:translateY(-1px)}.button-danger:disabled,.button-ghost:disabled,.button-secondary:disabled,.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button{background:linear-gradient(135deg,#ff7a45,#ffad5f);color:#ffffff;font-weight:700;box-shadow:0 14px 28px rgba(255,122,69,.24)}.button-ghost{background:rgba(255,255,255,.58);border-color:var(--line-strong);color:#25314d}.button-secondary{background:rgba(70,83,114,.06);color:#6a6f7d;font-weight:700}.button-danger{background:rgba(255,117,137,.14);border-color:rgba(255,117,137,.24);color:#ffe0e5}.button-primary-large{min-height:54px;padding:0 28px;font-size:1.02rem;box-shadow:0 16px 34px rgba(255,122,69,.28)}.start-panel{gap:20px;isolation:isolate}.start-panel:after{content:"";position:absolute;right:28px;bottom:28px;z-index:-1;width:220px;height:160px;opacity:.28;background:radial-gradient(circle,rgba(255,122,69,.32) 2px,transparent 3px) 0 0 /22px 22px,linear-gradient(135deg,transparent 48%,rgba(127,144,255,.22) 49%,rgba(127,144,255,.22) 51%,transparent 52%) 0 0 /24px 24px;pointer-events:none}.start-actions{padding-top:8px}.segmented-control{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(420px,100%);padding:5px;border-radius:999px;border:1px solid rgba(70,83,114,.12);background:rgba(70,83,114,.06)}.segment{min-height:42px;border:0;border-radius:999px;background:transparent;color:#5f6b84;cursor:pointer;font-weight:700;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.segment.active{background:#fffdfb;color:#d7683f;box-shadow:0 8px 20px rgba(80,91,115,.1)}.answer-option{display:inline-flex;width:100%;align-items:center;justify-content:flex-start;padding:0 16px;border:1px solid #e8e8e8;background:#ffffff;color:#25314d;text-align:left;cursor:pointer;box-shadow:0 8px 18px rgba(75,86,112,.06);transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.answer-option:hover{transform:translateY(-2px);border-color:#ff7a45;box-shadow:0 12px 24px rgba(255,122,69,.12)}.answer-option.active{border-color:#ff7a45;box-shadow:0 10px 24px rgba(255,122,69,.14);font-weight:800}.answer-option:disabled{opacity:.62;cursor:not-allowed;transform:none}.admin-grid,.cards-grid,.feature-grid,.hero-grid,.play-layout,.two-column{display:grid;grid-gap:24px;gap:24px}.feature-columns,.two-column{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.play-layout{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:flex-start}.split-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.split-header-top{align-items:flex-start}.admin-filter-grid,.admin-summary-grid,.number-grid,.stat-grid,.story-grid{display:grid;grid-gap:14px;gap:14px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.number-grid,.story-grid-wide{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-card,.number-card,.panel-soft,.question-row,.score-card,.signal-card,.stat-card,.story-card{padding:18px;border-radius:var(--radius-md);border:1px solid var(--line);background:rgba(255,255,255,.66)}.score-card strong{display:block;margin-top:6px;color:#172036;font-size:1.32rem}.number-card strong,.signal-card strong,.story-card strong{display:block;margin-bottom:8px;font-size:1rem}.number-badge{display:inline-flex;margin-bottom:16px;padding:6px 10px;border-radius:999px;background:rgba(240,124,75,.14);color:#ffd3c0;font-family:var(--font-display);letter-spacing:.08em}.play-stage-panel{gap:20px}.play-stage-title{max-width:16ch}.result-hero{display:flex;align-items:center;justify-content:space-between;gap:24px}.result-grade,.score-stamp{display:grid;place-items:center;flex:0 0 auto;width:132px;height:132px;border-radius:50%;border:2px solid rgba(238,131,81,.36);background:radial-gradient(circle,rgba(255,207,116,.32),rgba(238,131,81,.1) 58%,transparent 59%),rgba(255,255,255,.72);color:#d7683f;transform:rotate(-5deg);box-shadow:0 16px 32px rgba(238,131,81,.12)}.result-grade span,.score-stamp strong{font-family:var(--font-display);font-size:3.6rem;line-height:.9}.result-grade small,.score-stamp span{font-size:.74rem;font-weight:800;letter-spacing:.16em;color:#8c604a}.score-stamp{width:104px;height:104px}.score-stamp strong{font-size:2.55rem}.score-submit-panel{gap:22px}.score-after-submit{display:grid;grid-gap:16px;gap:16px;padding:16px;border:1px solid rgba(240,124,75,.18);border-radius:18px;background:linear-gradient(135deg,rgba(255,247,239,.92),rgba(255,255,255,.84))}.score-after-submit strong{display:block;margin-bottom:4px;color:#25314d;font-size:1.02rem}.result-next-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.auto-home-countdown{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border:1px solid rgba(70,83,114,.12);border-radius:999px;background:rgba(255,255,255,.72);color:#6b7488;font-size:.9rem;font-weight:800}.result-stat-grid .score-card{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,248,240,.72))}.challenge-reactions-panel{gap:20px}.reaction-section-actions,.reaction-skip-row{display:flex;align-items:center;gap:12px;justify-content:flex-end}.reaction-heading{margin:0 0 6px;color:#25314d;font-size:1.05rem}.reaction-series-grid{display:flex;flex-wrap:wrap;gap:10px}.reaction-chip{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 12px;border-radius:999px;border:1px solid rgba(70,83,114,.14);background:rgba(255,255,255,.74);color:#25314d;font-weight:800;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.reaction-chip:hover,.reaction-image-card:hover{transform:translateY(-1px)}.reaction-chip.active{border-color:rgba(216,92,114,.5);background:rgba(255,235,240,.92)}.reaction-chip small{color:var(--muted);font-weight:700}.reaction-icon{color:#d85c72;font-size:1.05rem}.reaction-image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.reaction-image-card{position:relative;display:grid;grid-gap:10px;gap:10px;min-width:0;padding:12px;border-radius:16px;border:1px solid rgba(70,83,114,.14);background:rgba(255,255,255,.74);color:#25314d;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.reaction-image-card.active{border-color:rgba(241,120,73,.54);background:rgba(255,247,226,.94)}.reaction-image-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#070b14}.reaction-image-card strong{overflow-wrap:anywhere;font-size:.98rem;line-height:1.35}.reaction-image-card small{color:var(--muted);font-size:.78rem;font-weight:800}.reaction-star{position:absolute;top:16px;right:16px;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(15,21,38,.72);color:rgba(255,255,255,.82);font-size:1rem}.reaction-image-card.active .reaction-star{background:#f3ad35;color:#fff9e6}.reaction-board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.reaction-board{display:grid;grid-gap:10px;gap:10px;padding:14px;border-radius:16px;border:1px solid rgba(70,83,114,.12);background:rgba(255,255,255,.62)}.reaction-board-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.reaction-board-head h2,.reaction-board-head h3{margin:0;color:#25314d;font-size:.98rem}.reaction-board-empty,.reaction-board-head span{color:var(--muted);font-size:.82rem;font-weight:700}.reaction-board-list{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.reaction-board-list li{display:grid;grid-template-columns:auto 44px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;min-width:0}.reaction-board-list li:not(:has(img)){grid-template-columns:auto minmax(0,1fr) auto}.reaction-board-list img{width:44px;height:32px;object-fit:cover;border-radius:8px;background:#070b14}.reaction-board-list strong{display:block;overflow:hidden;color:#25314d;font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}.reaction-board-list small,.reaction-rank{color:var(--muted);font-size:.78rem;font-weight:800}.reaction-count{min-width:28px;padding:4px 8px;border-radius:999px;background:rgba(240,124,75,.14);color:#d7683f;font-weight:900;text-align:center}.leaderboard-browser{display:grid;grid-template-columns:280px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.leaderboard-sidebar{position:-webkit-sticky;position:sticky;top:18px;display:grid;grid-gap:14px;gap:14px;padding:18px;border-radius:var(--radius-md);border:1px solid var(--line);background:rgba(255,255,255,.78);box-shadow:0 18px 36px rgba(76,86,113,.1)}.leaderboard-sidebar-head{display:grid;grid-gap:6px;gap:6px}.leaderboard-sidebar-head h2{margin:0;color:#25314d;font-size:1.1rem}.leaderboard-nav{display:grid;grid-gap:8px;gap:8px}.leaderboard-nav-button{display:grid;grid-gap:5px;gap:5px;width:100%;min-height:58px;padding:11px 12px;border-radius:14px;border:1px solid rgba(70,83,114,.12);background:rgba(255,255,255,.66);color:#25314d;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.leaderboard-nav-button:hover{transform:translateX(2px);border-color:rgba(240,124,75,.28)}.leaderboard-nav-button.active{border-color:rgba(240,124,75,.42);background:linear-gradient(135deg,rgba(255,244,235,.96),rgba(255,255,255,.82));box-shadow:0 12px 24px rgba(238,131,81,.12)}.leaderboard-nav-button span{overflow-wrap:anywhere;font-weight:900}.leaderboard-nav-button small{color:var(--muted);font-size:.78rem;font-weight:800}.leaderboard-nav-button em{color:#d7683f;font-size:.76rem;font-style:normal;font-weight:900}.leaderboard-content{display:grid;grid-gap:12px;gap:12px;min-width:0}.leaderboard-scope-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:12px 14px 12px 18px;border-radius:var(--radius-md);border:1px solid rgba(70,83,114,.1);background:rgba(255,255,255,.72);box-shadow:0 14px 28px rgba(76,86,113,.08)}.leaderboard-scope-switch>div:first-child{display:grid;grid-gap:4px;gap:4px}.leaderboard-scope-switch strong{color:#25314d;font-size:1.04rem}.leaderboard-scope-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;border:1px solid rgba(70,83,114,.12);background:rgba(255,255,255,.72)}.leaderboard-scope-tabs button{min-width:76px;min-height:34px;padding:7px 14px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:900;cursor:pointer}.leaderboard-scope-tabs button.active{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:white;box-shadow:0 10px 18px rgba(238,131,81,.18)}.leaderboard-content .table-card{min-height:520px}.leaderboard-page-summary,.leaderboard-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid rgba(70,83,114,.12);border-radius:16px;background:rgba(255,255,255,.74);color:var(--muted);font-size:.9rem;font-weight:800}.leaderboard-pagination>div{display:inline-flex;flex-wrap:wrap;gap:6px}.leaderboard-pagination button{min-width:36px;min-height:34px;padding:6px 10px;border-radius:999px;border:1px solid rgba(70,83,114,.14);background:#fffdfb;color:#4c5870;font-weight:800}.leaderboard-pagination button.active,.leaderboard-pagination button:hover:not(:disabled){border-color:rgba(240,124,75,.38);background:linear-gradient(135deg,#fff3e9,#ffe0c7);color:#d7683f}.leaderboard-pagination button:disabled{opacity:.45;cursor:not-allowed}.reaction-detail-card{gap:18px}.reaction-detail-list{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.reaction-detail-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:center;min-width:0;padding:14px;border-radius:16px;border:1px solid rgba(70,83,114,.1);background:rgba(255,255,255,.68)}.reaction-detail-list.with-images li{grid-template-columns:auto 124px minmax(0,1fr) auto}.reaction-detail-list img{width:124px;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#070b14}.reaction-preview-button{display:block;width:124px;padding:0;border:0;border-radius:12px;background:transparent;cursor:zoom-in}.reaction-preview-button:focus-visible{outline:3px solid rgba(240,124,75,.36);outline-offset:3px}.reaction-preview-button img{display:block;width:100%}.reaction-detail-main{display:grid;grid-gap:4px;gap:4px;min-width:0}.reaction-detail-main strong{overflow:hidden;color:#25314d;font-size:1.02rem;text-overflow:ellipsis;white-space:nowrap}.reaction-detail-main span,.reaction-detail-score span{color:var(--muted);font-size:.82rem;font-weight:800}.reaction-detail-score{display:grid;grid-gap:2px;gap:2px;justify-items:end}.reaction-detail-score strong{color:#d7683f;font-size:1.35rem;line-height:1}.image-lightbox{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:28px}.image-lightbox-backdrop{position:absolute;inset:0;border:0;background:rgba(8,13,24,.72);cursor:zoom-out}.image-lightbox-panel{position:relative;z-index:1;display:grid;grid-gap:12px;gap:12px;width:min(100%,1040px);max-height:calc(100vh - 56px);padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.95);box-shadow:0 24px 60px rgba(0,0,0,.26)}.image-lightbox-panel img{width:100%;max-height:calc(100vh - 150px);object-fit:contain;border-radius:12px;background:#070b14}.image-lightbox-panel strong{overflow-wrap:anywhere;color:#25314d;font-size:1rem}.image-lightbox-close{justify-self:end;min-height:34px;padding:7px 12px;border-radius:999px;border:1px solid rgba(70,83,114,.14);background:rgba(255,255,255,.84);color:#25314d;font-weight:900;cursor:pointer}.play-image{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:26px;border:1px solid rgba(21,32,54,.18);background:#060a13;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.play-preload-strip{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}.play-preload-strip img{width:1px;height:1px}.play-image-loading{background:linear-gradient(135deg,rgba(97,117,177,.26),rgba(12,17,31,.92)),#060a13}.play-image img{width:100%;height:100%;object-fit:cover}.play-image-placeholder{display:grid;place-items:center;width:100%;height:100%;padding:20px;text-align:center;color:rgba(226,232,248,.86);background:linear-gradient(110deg,rgba(255,255,255,.03),rgba(255,255,255,.08) 22%,rgba(255,255,255,.03) 44%),linear-gradient(135deg,rgba(103,122,182,.28),rgba(15,21,38,.94));background-size:220% 100%,100% 100%;animation:playImageShimmer .9s linear infinite}.play-image-placeholder span{font-size:.95rem;letter-spacing:.04em}.rule-list{display:grid;grid-gap:16px;gap:16px;margin:0;padding:0;list-style:none}.rule-list li{position:relative;display:grid;grid-gap:4px;gap:4px;padding-left:28px}.rule-list li:before{content:"";position:absolute;top:.55em;left:0;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 0 0 5px rgba(238,131,81,.1)}.rule-list strong{color:#25314d}.rule-list span{color:var(--muted);line-height:1.7}.review-title{margin-top:12px;font-size:clamp(1.7rem,2.8vw,2.6rem)}.mistake-list{display:grid;grid-gap:14px;gap:14px}.mistake-card{display:grid;grid-template-columns:220px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:stretch;padding:14px;border-radius:var(--radius-md);border:1px solid var(--line);background:rgba(255,255,255,.7)}.mistake-image{display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#070b14;color:var(--muted)}.mistake-image img{width:100%;height:100%;object-fit:cover}.mistake-body{display:grid;grid-gap:14px;gap:14px;align-content:center;min-width:0}.mistake-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.mistake-answer-grid>div{display:grid;grid-gap:6px;gap:6px;min-width:0}.mistake-answer-grid strong{overflow-wrap:anywhere;font-size:1.02rem}.mistake-wrong{color:#d85c72}@keyframes playImageShimmer{0%{background-position:200% 0,0 0}to{background-position:-20% 0,0 0}}@keyframes countdownPulse{0%{transform:translateY(0);box-shadow:0 14px 28px rgba(255,117,137,.1)}to{transform:translateY(-1px);box-shadow:0 16px 32px rgba(255,117,137,.18)}}.countdown{display:grid;grid-gap:2px;gap:2px;min-width:120px;align-items:center;justify-items:center;padding:12px 16px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(244,247,255,.86));border:1px solid rgba(127,144,255,.28);color:#334170;box-shadow:0 14px 28px rgba(75,86,112,.08)}.countdown span{font-size:.72rem;font-weight:800;letter-spacing:.16em;color:#7c879d}.countdown strong{font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:clamp(1.35rem,2.6vw,2rem);line-height:1;color:#172036}.countdown-track{width:100%;height:4px;overflow:hidden;border-radius:999px;background:rgba(70,83,114,.12)}.countdown-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff7a45,#ffcf74);transition:width .18s linear}.countdown-danger{background:linear-gradient(135deg,rgba(255,77,79,.18),rgba(255,235,223,.96));border-color:rgba(255,77,79,.36);animation:countdownPulse .85s ease-in-out infinite alternate}.countdown-danger strong{color:#ff4d4f}.countdown-danger .countdown-bar{background:#ff4d4f}.pill,.tag{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.58);color:#42506a}.tag{color:#9ca3af}.secondary-tag-row{display:inline-flex;min-width:0;flex:1 1 240px;flex-wrap:wrap;gap:8px 12px;align-items:center}.field label{color:var(--muted);font-size:.92rem}.field input,.field select,.field textarea{width:100%;min-height:48px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.72);color:var(--text)}.field textarea{min-height:120px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:rgba(63,74,98,.42)}.field-hint{margin:-4px 0 0;color:var(--muted);font-size:.84rem;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:rgba(100,135,255,.34);box-shadow:0 0 0 4px rgba(100,135,255,.08)}.feedback-card,.message{padding:16px 18px;border-radius:var(--radius-md);border:1px solid var(--line)}.feedback-card.ok,.message.success{color:#146646;background:rgba(67,197,139,.13);border-color:rgba(67,197,139,.28)}.feedback-card.error,.message.error{color:#b52d45;background:rgba(255,117,137,.13);border-color:rgba(255,117,137,.28)}.empty-state{padding:28px 20px;border-radius:var(--radius-md);border:1px dashed var(--line);color:var(--muted)}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}.table th{color:var(--muted);font-weight:500}.table tbody tr:hover{background:rgba(255,137,90,.06)}.table tbody tr:nth-child(2n){background:rgba(70,83,114,.035)}.rank-badge{display:inline-flex;min-width:52px;align-items:center;justify-content:center;padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.72)}.rank-1{background:rgba(255,192,98,.18);border-color:rgba(255,192,98,.34)}.rank-2{background:rgba(100,135,255,.14);border-color:rgba(100,135,255,.24)}.rank-3{background:rgba(164,216,200,.14);border-color:rgba(164,216,200,.24)}.admin-grid{grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr)}.admin-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.question-row{transition:transform .2s ease,border-color .2s ease,background .2s ease}.question-row:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.18)}.question-row header,.toolbar{justify-content:space-between;align-items:center}.status{display:inline-flex;align-items:center;gap:8px}.status:before{content:"";width:8px;height:8px;border-radius:999px}.status.active:before{background:var(--ok)}.status.inactive:before{background:var(--error)}.home-page{grid-gap:54px;gap:54px;padding:8px 0 18px;color:#1d2435}.home-board,.home-hero{position:relative;display:grid;grid-gap:28px;gap:28px}.home-hero{grid-template-columns:minmax(0,.92fr) minmax(340px,1.08fr);align-items:center}.home-copy{display:grid;grid-gap:18px;gap:18px}.home-kicker,.home-section-label{margin:0;color:#7d869b;font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.home-title{margin:0;max-width:7.5ch;color:#171f30;font-family:var(--font-display);font-size:clamp(2.9rem,6vw,4.7rem);line-height:1.08;letter-spacing:-.04em}.home-subtitle{margin:0;max-width:24ch;color:#626c83;font-size:1.05rem;line-height:1.8}.home-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.home-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:700;transition:transform .2s ease,background .2s ease,border-color .2s ease}.home-button:hover{transform:translateY(-1px)}.home-button-primary{color:#fffaf5;background:linear-gradient(135deg,#f07b4f,#ffb46b)}.home-button-secondary{color:#24304b;border-color:rgba(57,72,103,.12);background:rgba(255,255,255,.78)}.home-note-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:12px}.home-note-item{padding:16px 18px;border-radius:20px;border:1px solid rgba(79,92,122,.1);background:rgba(255,255,255,.72)}.home-note-item strong{display:block;margin-bottom:6px;color:#1e2637;font-size:1rem}.home-empty,.home-footer p,.home-note-item p,.home-rank-main span,.home-rank-score span{margin:0;color:#687287;line-height:1.7}.home-visual{display:grid}.hero-board{position:relative;padding:22px;border-radius:34px;border:1px solid rgba(73,87,118,.08);background:radial-gradient(circle at top right,rgba(255,196,155,.5),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.88),rgba(250,247,242,.96));box-shadow:0 22px 50px rgba(63,73,97,.08)}.hero-board-stage{position:relative;min-height:500px;border-radius:28px;background:linear-gradient(180deg,#fff9f2,#fbf7f2)}.hero-board-screen,.hero-shot-small{position:absolute;overflow:hidden;border-radius:26px;background:#ffffff;box-shadow:0 16px 34px rgba(76,86,111,.12)}.hero-board-screen{top:20px;right:38px;left:0;z-index:2;border:1px solid rgba(80,90,116,.08)}.hero-shot-main{width:100%;height:auto}.hero-shot-small{width:210px;border:8px solid #fffdf9}.hero-shot-top{right:0;bottom:112px;transform:rotate(4deg)}.hero-shot-bottom{bottom:18px;left:56px;transform:rotate(-6deg)}.hero-board-timer{position:absolute;top:18px;right:18px;z-index:3;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.9);color:#24304a;font-size:.88rem;font-weight:700}.hero-answer-bar{position:absolute;right:20px;bottom:20px;left:20px;z-index:3;display:grid;grid-gap:6px;gap:6px;padding:14px 16px;border-radius:20px;border:1px solid rgba(69,83,111,.08);background:rgba(255,255,255,.94)}.hero-answer-bar span{color:#8a93a8;font-size:.8rem}.hero-answer-bar strong{color:#1a2235;font-size:1.02rem}.hero-board-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.hero-board-meta span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.74);border:1px solid rgba(73,87,118,.1);color:#59647d;font-size:.9rem}.home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.home-section-head h2{margin:8px 0 0;color:#1a2235;font-family:var(--font-display);font-size:clamp(1.9rem,3vw,2.7rem);line-height:1}.home-inline-link{color:#495673;font-size:.95rem}.home-inline-link:hover{color:#f07b4f}.home-ranking-list{margin:0;padding:0;list-style:none;border-top:1px solid rgba(73,87,118,.08)}.home-ranking-item{display:grid;grid-template-columns:74px minmax(0,1fr) auto;grid-gap:18px;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(73,87,118,.08)}.home-rank-number{color:#f07b4f;font-family:var(--font-display);font-size:1.12rem}.home-rank-main,.home-rank-score{display:grid;grid-gap:4px;gap:4px}.home-rank-main strong,.home-rank-score strong{margin:0;color:#1f293b}.home-rank-score{justify-items:end}.home-footer{padding-top:6px}.home-footer p{padding-top:18px;border-top:1px solid rgba(73,87,118,.08);text-align:center}.home-page{display:grid;grid-gap:64px;gap:64px;padding:10px 0 24px;color:#1b2435}.landing-hero,.landing-ranking{position:relative;overflow:hidden;border-radius:36px;border:1px solid rgba(70,83,114,.08);background:rgba(255,255,255,.82);box-shadow:0 24px 52px rgba(79,89,112,.08)}.landing-hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);grid-gap:42px;gap:42px;padding:42px;align-items:center}.landing-copy{display:grid;grid-gap:18px;gap:18px;max-width:520px}.landing-kicker,.landing-section-label{margin:0;color:#7d869b;font-size:.82rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.landing-title-block{display:grid;grid-gap:14px;gap:14px}.landing-accent{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;min-height:38px;padding:0 16px;border-radius:999px;background:linear-gradient(135deg,rgba(244,120,73,.12),rgba(255,204,145,.26));color:#d2653d;font-size:.95rem;font-weight:700;letter-spacing:.06em}.landing-title{margin:0;color:#152036;font-family:var(--font-display);font-size:clamp(2.8rem,4.4vw,4.4rem);line-height:1.08;letter-spacing:-.045em}.landing-title span{display:block}.landing-title span:last-child{color:#39456b}.landing-subtitle{margin:0;max-width:26ch;color:#657089;font-size:1.05rem;line-height:1.85}.landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:2px}.landing-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:700;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.landing-button:hover{transform:translateY(-1px)}.landing-button-primary{background:linear-gradient(135deg,#f17849,#ffb86f);color:#fffaf7}.landing-button-secondary{background:#fffdfb;border-color:rgba(77,92,124,.12);color:#25314d}.landing-steps{display:grid;grid-gap:0;gap:0;margin:8px 0 0;padding:0;list-style:none;border-top:1px solid rgba(70,83,114,.08)}.landing-step{display:grid;grid-template-columns:56px minmax(0,1fr);grid-gap:16px;gap:16px;padding:18px 0;border-bottom:1px solid rgba(70,83,114,.08)}.landing-step-number{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,rgba(255,197,150,.45),rgba(255,238,225,.92));color:#d96f43;font-family:var(--font-display);font-size:.98rem;letter-spacing:.06em}.landing-step-copy{display:grid;grid-gap:4px;gap:4px}.landing-step-copy strong{color:#202941;font-size:1rem}.landing-empty,.landing-footer p,.landing-ranking-main span,.landing-ranking-score span,.landing-step-copy p{margin:0;color:#6b7488;line-height:1.75}.landing-visual{position:relative;z-index:1}.home-rank-toggle{position:fixed;top:86px;right:max(28px,calc((100vw - 1240px) / 2 - 181px));z-index:95;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:168px;min-height:54px;padding:13px 24px;border:1px solid rgba(241,120,73,.28);border-radius:999px;background:linear-gradient(135deg,#fff5ed,#ffd9ba);color:#9f4328;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;box-shadow:0 14px 30px rgba(241,120,73,.18);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.home-rank-toggle:hover{transform:translateY(-1px);border-color:rgba(241,120,73,.42);box-shadow:0 18px 34px rgba(241,120,73,.22)}.home-rank-toggle strong{font-size:1.06rem;font-weight:900;letter-spacing:0}.home-rank-toggle-lines{display:grid;grid-gap:5px;gap:5px;width:22px}.home-rank-toggle-lines i{display:block;height:2px;background:#f17849;transition:transform .18s ease,opacity .18s ease}.home-rank-toggle.active{border-color:rgba(241,120,73,.32);background:linear-gradient(135deg,#f17849,#ffb86f);color:white;box-shadow:0 18px 36px rgba(241,120,73,.26)}.home-rank-toggle.active .home-rank-toggle-lines i{background:white}.home-rank-toggle.active .home-rank-toggle-lines i:first-child{transform:translateY(7px) rotate(45deg)}.home-rank-toggle.active .home-rank-toggle-lines i:nth-child(2){opacity:0}.home-rank-toggle.active .home-rank-toggle-lines i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.home-rank-overlay{position:fixed;inset:0;z-index:90;pointer-events:none}.home-rank-backdrop{position:absolute;inset:0;border:0;background:rgba(28,35,52,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;pointer-events:auto}.home-rank-drawer{position:absolute;top:0;right:0;display:grid;align-content:start;grid-gap:24px;gap:24px;width:min(100vw - 28px,540px);height:100vh;padding:126px 42px 42px;border-left:1px solid rgba(70,83,114,.1);background:radial-gradient(circle at top right,rgba(255,205,167,.4),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,250,244,.94));color:#25314d;pointer-events:auto;box-shadow:-24px 0 60px rgba(75,86,112,.18)}.home-rank-drawer-head{display:grid;grid-gap:10px;gap:10px}.home-rank-drawer-head h2{margin:0;color:#152036;font-family:var(--font-display);font-size:clamp(2.1rem,5vw,3.5rem);line-height:.95}.home-rank-drawer-head p{margin:0;max-width:28ch;color:#657089;line-height:1.8}.home-rank-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px;padding:6px;border:1px solid rgba(70,83,114,.08);border-radius:18px;background:rgba(255,255,255,.58)}.home-rank-tabs button{display:grid;min-height:54px;place-items:center;grid-gap:2px;gap:2px;border:0;border-radius:14px;background:transparent;color:#4d5871;cursor:pointer}.home-rank-tabs button.active{background:linear-gradient(135deg,#fff4eb,#ffe2c9);color:#d7683f;box-shadow:inset 0 0 0 1px rgba(241,120,73,.18)}.home-rank-tabs span{font-size:.9rem;font-weight:900}.home-rank-tabs small{color:inherit;font-weight:900;opacity:.72}.home-rank-drawer-empty{display:grid;grid-gap:12px;gap:12px;padding:24px;border:1px dashed rgba(70,83,114,.18);border-radius:18px;background:rgba(255,255,255,.58);color:#657089}.home-rank-drawer-empty span{color:#f17849;font-family:var(--font-display);letter-spacing:.12em}.home-rank-drawer-empty p{margin:0}.home-rank-drawer-list{display:grid;grid-gap:14px;gap:14px;margin:0;padding:0;list-style:none}.home-rank-drawer-list li{display:grid;grid-template-columns:62px minmax(0,1fr) auto;grid-gap:16px;gap:16px;align-items:center;padding:16px;border:1px solid rgba(70,83,114,.08);border-radius:18px;background:rgba(255,255,255,.62)}.home-rank-drawer-list.with-images li{grid-template-columns:52px 78px minmax(0,1fr) auto}.home-rank-drawer-index{color:#f17849;font-family:var(--font-display);font-size:1.12rem}.home-rank-drawer-thumb-button{display:block;width:78px;padding:0;border:0;border-radius:12px;background:transparent;cursor:zoom-in}.home-rank-drawer-thumb-button:focus-visible{outline:3px solid rgba(240,124,75,.36);outline-offset:3px}.home-rank-drawer-thumb{display:block;width:78px;aspect-ratio:4/3;border-radius:12px;object-fit:cover;box-shadow:0 8px 18px rgba(75,86,112,.12)}.home-rank-drawer-list strong{display:block;overflow-wrap:anywhere;color:#25314d;font-size:1.02rem}.home-rank-drawer-list small{color:#6b7488;font-weight:800}.home-rank-drawer-score{display:grid;grid-gap:4px;gap:4px;justify-items:end}.home-rank-drawer-score strong{color:#d7683f;font-size:1.45rem;line-height:1}.home-rank-drawer-link{display:inline-flex;width:-moz-fit-content;width:fit-content;min-height:44px;align-items:center;justify-content:center;padding:11px 18px;border:1px solid rgba(241,120,73,.22);border-radius:999px;background:rgba(255,255,255,.7);color:#d7683f;font-weight:900}.visual-poster{position:relative;min-height:580px;padding:28px;border-radius:34px;border:1px solid rgba(70,83,114,.08);background:radial-gradient(circle at top right,rgba(255,205,167,.46),transparent 24%),radial-gradient(circle at bottom left,rgba(201,226,255,.62),transparent 28%),linear-gradient(180deg,#fffdfa,#f8f2eb);isolation:isolate;overflow:hidden}.visual-poster:after,.visual-poster:before{content:"";position:absolute;pointer-events:none;z-index:0;border-radius:999px}.visual-poster:before{top:32px;right:22px;width:160px;height:160px;background:radial-gradient(circle,rgba(255,225,181,.88),rgba(255,225,181,0))}.visual-poster:after{bottom:40px;left:-28px;width:220px;height:220px;background:radial-gradient(circle,rgba(182,219,255,.72),rgba(182,219,255,0))}.visual-frame{position:absolute;overflow:hidden;border-radius:28px;border:1px solid rgba(72,85,116,.1);background:#fffefc;box-shadow:0 18px 38px rgba(85,94,116,.14)}.visual-frame-main{top:22px;left:20px;right:68px;z-index:2;aspect-ratio:16/9}.visual-frame-top{top:40px;right:24px;width:208px;z-index:1;aspect-ratio:4/3;transform:rotate(3deg)}.visual-frame-bottom{left:54px;bottom:28px;width:238px;z-index:1;aspect-ratio:4/3;transform:rotate(-4deg)}.visual-image{width:100%;height:100%;object-fit:cover}.visual-image-shifted{object-position:center 28%;filter:saturate(1.02)}.visual-image-soft{object-position:center 70%;filter:brightness(1.04) saturate(.92)}.visual-frame-label{position:absolute;left:18px;bottom:18px;display:inline-flex;min-height:32px;align-items:center;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.88);color:#25314d;font-size:.8rem;font-weight:700;letter-spacing:.04em}.visual-quiz-card{position:absolute;right:34px;bottom:34px;z-index:3;display:grid;grid-gap:14px;gap:14px;width:min(320px,calc(100% - 84px));padding:20px;border-radius:28px;border:1px solid rgba(69,82,112,.1);background:rgba(255,255,255,.94);box-shadow:0 18px 34px rgba(87,96,117,.12)}.visual-quiz-meta,.visual-quiz-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.visual-quiz-top span{color:#76819a;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.visual-quiz-prompt{margin:0;color:#1f2840;font-size:1.18rem;font-weight:700;line-height:1.45}.visual-quiz-input{display:grid;grid-gap:6px;gap:6px;padding:14px 16px;border-radius:20px;background:#fffaf5;border:1px solid rgba(82,95,124,.08)}.visual-quiz-input span{color:#8993a8;font-size:.8rem}.visual-quiz-input strong{color:#182238;font-size:1rem}.visual-quiz-meta span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(241,120,73,.1);color:#c86941;font-size:.82rem;font-weight:700}.landing-ranking{display:grid;grid-gap:24px;gap:24px;padding:30px 34px}.landing-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.landing-section-head h2{margin:8px 0 0;color:#1c2539;font-family:var(--font-display);font-size:clamp(2rem,3vw,2.8rem);line-height:1.02}.landing-inline-link{color:#57627b;font-size:.95rem}.landing-inline-link:hover{color:#f17849}.landing-ranking-list{margin:0;padding:0;list-style:none;border-top:1px solid rgba(70,83,114,.08)}.landing-ranking-item{display:grid;grid-template-columns:72px minmax(0,1fr) auto;grid-gap:18px;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(70,83,114,.08)}.landing-rank-index{color:#f17849;font-family:var(--font-display);font-size:1.12rem}.landing-ranking-main,.landing-ranking-score{display:grid;grid-gap:4px;gap:4px}.landing-ranking-main strong,.landing-ranking-score strong{color:#1f283d}.landing-ranking-score{justify-items:end}.landing-footer p{padding-top:18px;border-top:1px solid rgba(70,83,114,.08);text-align:center}@media (max-width:980px){.admin-grid,.feature-columns,.hero-banner,.hero-banner-compact,.number-grid,.play-layout,.story-grid,.story-grid-wide,.two-column{grid-template-columns:1fr}.admin-filter-grid,.admin-summary-grid,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mistake-card{grid-template-columns:180px minmax(0,1fr)}.reaction-board-grid{grid-template-columns:1fr}.reaction-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.leaderboard-browser{grid-template-columns:1fr}.leaderboard-sidebar{position:static}.leaderboard-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.result-hero{align-items:flex-start}.home-hero,.home-note-list,.landing-hero{grid-template-columns:1fr}.landing-hero{padding:30px}.landing-copy{max-width:none}.visual-poster{min-height:620px}.hero-board-stage{min-height:540px}}@media (max-width:640px){.site-shell{width:min(100% - 20px,100%)}.cta-row,.site-header,.site-nav,.split-header,.toolbar{flex-direction:column;align-items:stretch}.result-hero{display:grid}.result-grade,.score-stamp{width:96px;height:96px;justify-self:start}.result-grade span,.score-stamp strong{font-size:2.4rem}.countdown{width:100%;min-width:0}.play-stage-panel .split-header-top{top:10px;margin:-8px -8px 0;background:rgba(255,251,246,.92);box-shadow:0 14px 26px rgba(75,86,112,.1)}.play-stage-panel .form-stack>.toolbar,.play-stage-panel .split-header-top{position:-webkit-sticky;position:sticky;z-index:20;padding:10px;border-radius:24px;border:1px solid rgba(70,83,114,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.play-stage-panel .form-stack>.toolbar{bottom:10px;background:rgba(255,251,246,.94);box-shadow:0 -10px 24px rgba(75,86,112,.1)}.answer-option{min-height:48px}.secondary-tag-row{flex-basis:100%}.button-primary-large,.segmented-control{width:100%}.feature-card,.hero-banner,.list-card,.panel,.question-card,.table-card{padding:22px}.hero-title{font-size:2.3rem}.admin-filter-grid,.admin-summary-grid,.mistake-answer-grid,.mistake-card,.poster-strip,.stat-grid{grid-template-columns:1fr}.reaction-section-actions,.reaction-skip-row{justify-content:stretch}.reaction-section-actions .button-secondary,.reaction-skip-row .button-secondary{width:100%}.reaction-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leaderboard-nav{grid-template-columns:1fr}.leaderboard-content .table-card{min-height:0}.leaderboard-scope-switch{display:grid}.leaderboard-scope-tabs{width:100%}.leaderboard-scope-tabs button{flex:1 1}.reaction-detail-list li,.reaction-detail-list.with-images li{grid-template-columns:1fr}.reaction-detail-list img,.reaction-preview-button{width:100%}.reaction-detail-score{justify-items:start}.image-lightbox{padding:14px}.home-page{gap:42px}.landing-hero,.landing-ranking{padding:24px 22px;border-radius:28px}.home-rank-toggle{top:92px;right:18px;min-width:132px;min-height:44px;padding:10px 16px}.home-rank-toggle strong{font-size:.95rem}.home-rank-toggle-lines{width:18px;gap:4px}.home-rank-drawer{width:100vw;padding:110px 24px 34px}.home-rank-drawer-list li{grid-template-columns:1fr;gap:8px}.home-rank-drawer-list.with-images li{grid-template-columns:1fr}.home-rank-drawer-score{justify-items:start}.landing-title{font-size:2.7rem}.landing-actions,.landing-section-head{flex-direction:column;align-items:stretch}.landing-step{grid-template-columns:46px minmax(0,1fr);gap:12px}.landing-step-number{width:38px;height:38px}.visual-poster{min-height:500px;padding:18px;border-radius:26px}.visual-frame-main{left:0;right:38px}.visual-frame-top{top:34px;right:0;width:146px}.visual-frame-bottom{left:12px;bottom:14px;width:174px}.visual-quiz-card{right:18px;bottom:18px;width:min(290px,calc(100% - 48px));padding:16px}.landing-ranking-item{grid-template-columns:1fr;gap:8px}.landing-ranking-score{justify-items:flex-start}.home-title{font-size:2.7rem}.home-actions,.home-section-head{flex-direction:column;align-items:stretch}.hero-board{padding:16px;border-radius:28px}.hero-board-stage{min-height:470px}.hero-board-screen{top:0;right:0;left:0}.hero-shot-small{width:140px;border-width:6px}.hero-shot-top{right:8px;bottom:82px}.hero-shot-bottom{left:12px;bottom:8px}.home-ranking-item{grid-template-columns:1fr;gap:8px}.home-rank-score{justify-items:flex-start}}.feature-card,.hero-banner,.list-card,.panel,.question-card,.table-card{padding:24px}.answer-option,.button,.button-danger,.button-ghost,.button-secondary,.question-row,.segment,.table tbody tr{transition:transform .15s ease,opacity .15s ease,color .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.answer-option:disabled,.button-danger:disabled,.button-ghost:disabled,.button-secondary:disabled,.button:disabled{opacity:.52;box-shadow:none}.button{background:#ff6f38;box-shadow:0 10px 22px rgba(255,111,56,.24)}.button:hover:not(:disabled){background:#f0642d;box-shadow:0 14px 28px rgba(255,111,56,.28);transform:translateY(-2px)}.button-secondary{background:rgba(70,83,114,.045);border-color:rgba(70,83,114,.16);color:#697287;box-shadow:none}.button-secondary:hover:not(:disabled){background:rgba(70,83,114,.08);border-color:rgba(70,83,114,.24);color:#3f4b63;transform:translateY(-1px)}.button-primary-large{padding:0 32px;font-size:1.05rem;box-shadow:0 14px 30px rgba(255,111,56,.26)}.play-stage-panel{gap:18px}.form-stack{gap:10px}.play-image{border-radius:18px}.play-image img{object-fit:contain;background:#05070c}.countdown{padding:10px 16px;border-radius:20px;box-shadow:0 10px 24px rgba(75,86,112,.08)}.answer-option{min-height:50px;border-radius:14px;background:linear-gradient(180deg,#ffffff,#fffaf6);border-color:rgba(70,83,114,.16);box-shadow:0 5px 12px rgba(75,86,112,.055)}.answer-option:hover:not(:disabled){background:#fffdfa;border-color:var(--accent);box-shadow:0 10px 20px rgba(255,122,69,.12);transform:translateY(-2px)}.answer-option.active{background:#fff1e8;border-color:var(--accent);border-width:2px;box-shadow:0 10px 22px rgba(255,122,69,.16)}.pill{padding:6px 10px;border-radius:10px;font-size:.85rem}.tag{padding:0;border:0;background:transparent;color:#8a94a6;font-size:.82rem}.tag:not(:last-child):after{content:"·";margin-left:8px;color:#c7cfdb}.secondary-tag-row{gap:4px 8px}.field input,.field select,.field textarea{border-radius:14px;background:rgba(255,255,255,.82);box-shadow:inset 0 2px 4px rgba(30,42,66,.025)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,122,69,.15)}.empty-state{display:grid;place-items:center;grid-gap:12px;gap:12px;padding:38px 20px;text-align:center;border-color:rgba(70,83,114,.24);background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(255,250,244,.48))}.empty-state-icon{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(70,83,114,.12);background:rgba(255,255,255,.7);color:#98a1b3;font-family:var(--font-display);font-size:.78rem;letter-spacing:.1em}.table td,.table th{padding:10px}.table th{font-size:.9rem}.rank-badge{padding:6px 10px;font-weight:800}.rank-1{color:#a96600}.rank-2{color:#425fbe}.rank-3{color:#397f6b}.mobile-mini-score{display:none}@media (max-width:640px){.site-shell{width:min(100% - 16px,100%)}.play-stage-panel .split-header-top{top:8px;box-shadow:0 12px 24px rgba(75,86,112,.15)}.play-stage-panel .form-stack>.toolbar,.play-stage-panel .split-header-top{padding:12px;border-radius:20px;border-color:rgba(70,83,114,.15);background:rgba(255,251,246,.95);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.play-stage-panel .form-stack>.toolbar{bottom:8px}.play-stage-title{display:none}.mobile-mini-score{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;min-height:28px;margin-top:6px;padding:0 10px;border-radius:999px;background:rgba(255,122,69,.1);color:#d7683f;font-size:.8rem;font-weight:800}.feature-card,.hero-banner,.list-card,.panel,.question-card,.table-card{padding:18px}}.play-layout{gap:26px;align-items:start}.play-stage-panel{isolation:isolate;overflow:hidden;border-color:rgba(255,122,69,.22);background:radial-gradient(circle at 18% 0,rgba(255,198,116,.2),transparent 28%),radial-gradient(circle at 94% 4%,rgba(127,144,255,.18),transparent 26%),linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,247,239,.88));box-shadow:0 24px 56px rgba(75,86,112,.12),inset 0 0 0 1px rgba(255,255,255,.7)}.play-stage-panel:after{content:"";position:absolute;right:-70px;bottom:-90px;z-index:-1;width:260px;height:260px;border-radius:50%;background:repeating-linear-gradient(135deg,rgba(255,122,69,.08) 0 10px,rgba(127,144,255,.08) 10px 20px);opacity:.42}.play-stage-panel .split-header-top{padding-bottom:12px;border-bottom:1px solid rgba(70,83,114,.08)}.play-stage-title{max-width:11ch;font-size:clamp(2rem,3vw,3.15rem)}.play-stage-panel .eyebrow{background:#fff0e8;color:#dc6437;box-shadow:0 8px 18px rgba(255,122,69,.08)}.countdown{min-width:128px;border-color:rgba(255,122,69,.22);background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,246,239,.96));box-shadow:0 16px 34px rgba(255,122,69,.12)}.countdown strong{color:#111827;font-size:clamp(1.65rem,2.8vw,2.25rem)}.countdown-track{height:5px}.countdown-bar{background:linear-gradient(90deg,#ff5f2e,#ffc257)}.play-image{border:2px solid rgba(24,31,48,.86);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent),#05070c;box-shadow:0 18px 36px rgba(24,31,48,.18),0 0 0 8px rgba(255,255,255,.7)}.play-stage-panel>.label-row{gap:8px;padding:2px 2px 0}.play-stage-panel>.label-row .pill{border-color:rgba(255,122,69,.2);background:#fff7f0;color:#a14e2d;font-weight:800}.play-stage-panel .field label{color:#6b7488;font-size:.9rem;font-weight:700}.play-stage-panel .field .stack{counter-reset:answerOption}.answer-option{position:relative;min-height:54px;padding:0 16px 0 58px;border:2px solid rgba(255,122,69,.18);border-radius:18px;background:linear-gradient(180deg,#ffffff,#fff8f2);color:#202941;font-weight:800;box-shadow:0 10px 22px rgba(75,86,112,.08),inset 0 0 0 1px rgba(255,255,255,.82)}.answer-option:before{counter-increment:answerOption;content:counter(answerOption,upper-alpha);position:absolute;left:14px;display:grid;place-items:center;width:30px;height:30px;border-radius:11px;background:linear-gradient(135deg,#ff7a45,#ffbd6b);color:#ffffff;font-size:.82rem;font-weight:900;box-shadow:0 8px 16px rgba(255,122,69,.18)}.answer-option:hover:not(:disabled){border-color:rgba(255,122,69,.62);background:#fff3e9;box-shadow:0 16px 30px rgba(255,122,69,.14),inset 0 0 0 1px rgba(255,255,255,.9)}.answer-option.active{border-color:#ff6f38;background:linear-gradient(180deg,#fff0e6,#ffe6d4);box-shadow:0 18px 34px rgba(255,122,69,.18),0 0 0 4px rgba(255,122,69,.1)}.answer-option.active:before{background:linear-gradient(135deg,#202941,#46506a)}.play-stage-panel .toolbar{gap:12px;padding-top:4px}.play-stage-panel .toolbar .button{flex:1 1 220px;min-height:52px;border-radius:16px;background:linear-gradient(135deg,#ff6232,#ff9f57);box-shadow:0 16px 30px rgba(255,98,50,.24)}.play-stage-panel .toolbar .button-secondary{flex:0 0 auto;min-height:52px;border-radius:16px;background:#fffdfb;border-color:rgba(70,83,114,.18);color:#59647d;text-decoration:none}.play-layout>aside{position:-webkit-sticky;position:sticky;top:18px}.play-layout>aside .panel{border-color:rgba(127,144,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,250,255,.82))}.stat-grid-play{grid-template-columns:1fr;gap:14px}.stat-grid-play .score-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:86px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,247,239,.72));box-shadow:0 12px 24px rgba(75,86,112,.06)}.stat-grid-play .score-card strong{margin-top:0;color:#192235;font-size:1.7rem}.rule-list li{padding:14px 14px 14px 38px;border-radius:18px;background:rgba(255,255,255,.58);border:1px solid rgba(70,83,114,.08)}.table-card{border-color:rgba(255,122,69,.14)}.table-card .split-header-top{padding-bottom:16px;border-bottom:1px solid rgba(70,83,114,.08)}.table tbody tr:hover{background:rgba(255,122,69,.08)}@media (max-width:980px){.play-layout>aside{position:static}.stat-grid-play{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.play-stage-panel{gap:14px}.play-stage-panel .split-header-top{padding:10px}.countdown strong{font-size:1.7rem}.play-image{border-radius:18px;box-shadow:0 12px 24px rgba(24,31,48,.14),0 0 0 5px rgba(255,255,255,.72)}.answer-option{min-height:50px;padding-left:54px}.play-stage-panel .toolbar .button,.play-stage-panel .toolbar .button-secondary{flex:1 1 auto;width:100%}.stat-grid-play{grid-template-columns:1fr}}.play-intro-banner{grid-template-columns:minmax(0,.9fr) minmax(360px,.74fr);align-items:center;gap:42px;padding-top:26px;padding-bottom:26px}.play-intro-copy{gap:14px}.play-intro-title{display:grid;grid-gap:2px;gap:2px;max-width:none;font-size:clamp(2.45rem,3.6vw,4.25rem);line-height:.98}.play-intro-title span{display:block;white-space:nowrap}.play-intro-rules{align-self:center;gap:12px}.play-intro-rules span{display:flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid rgba(70,83,114,.1);border-radius:10px;background:rgba(255,255,255,.72);color:#59647d;font-size:.9rem;font-weight:800}.play-stage-panel{overflow:visible}.play-stage-panel .split-header-top{position:static;top:auto;z-index:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;grid-gap:18px;gap:18px;margin:-2px -2px 0;padding:16px 16px 14px;border:1px solid rgba(70,83,114,.1);border-radius:24px;background:rgba(255,251,246,.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 16px 30px rgba(75,86,112,.1)}.play-stage-copy{display:grid;grid-gap:8px;gap:8px;min-width:0}.play-stage-title{display:grid;grid-gap:2px;gap:2px;max-width:none;font-size:clamp(2.15rem,3.1vw,3.65rem);line-height:.98}.play-stage-title span{display:block}.play-stage-subtitle{margin:0;max-width:34ch;color:#6b7488;font-size:.92rem;font-weight:700;line-height:1.6}.play-stage-panel .split-header-top .countdown{align-self:start;min-width:142px}@media (max-width:980px){.play-intro-banner{grid-template-columns:1fr;gap:20px}.play-intro-title{max-width:12ch}.play-intro-rules{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.play-intro-banner{padding:18px}.play-intro-rules{grid-template-columns:1fr}.play-stage-panel .split-header-top{top:8px;grid-template-columns:1fr;gap:10px;padding:12px}.play-stage-subtitle,.play-stage-title{display:none}.play-stage-panel .split-header-top .countdown{width:100%}}