:root{--font-base:17px;--font-min:16px;--font-sm:16px;--font-lg:20px;--font-xl:24px;--font-2xl:32px;--font-title:40px;--line-height-base:1.6;--font-family-base:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--color-primary:#78b843;--color-primary-dark:#5f9a33;--color-secondary:#5b9bd5;--color-secondary-dark:#4a90d9;--color-accent:#f5a623;--color-structure:#7f8c8d;--color-structure-light:#b8c1c2;--color-tech-line:#747c7d;--color-tech-line-soft:#d7dfde;--color-tech-mint:#73d2a0;--color-tech-cyan:#6cbde0;--color-tech-glow:#5ec8b038;--color-bg:#fff;--color-surface:#f5f7f8;--color-text:#263238;--color-text-muted:#5c6b73;--color-text-inverse:#fff;--color-correct:#4caf50;--color-wrong:#e53935;--gradient-brand:linear-gradient(135deg, var(--color-primary), var(--color-secondary));--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--shadow-card:0 12px 32px #2632381f;--shadow-tech:0 0 0 1px #747c7d2e, 0 18px 50px #3b5f6324;--touch-target-min:44px;--breakpoint-sm:375px;--breakpoint-md:768px;--breakpoint-lg:1024px;--layout-direction:column;--layout-gap:var(--space-md);--content-max-width:480px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}@media (orientation:portrait){:root{--layout-direction:column;--content-max-width:480px}}@media (orientation:landscape){:root{--layout-direction:row;--content-max-width:860px}}*,:before,:after{box-sizing:border-box}html{font-size:var(--font-base)}@media (width<=720px){html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}}body{min-height:var(--app-height,100dvh);font-family:var(--font-family-base);font-size:var(--font-base);line-height:var(--line-height-base);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:radial-gradient(circle at 14% 12%,#a4d25821,#0000 28rem),radial-gradient(circle at 88% 88%,#5b9bd524,#0000 30rem),linear-gradient(#fff 0%,#f8fbfa 100%);margin:0}button,a[role=button],[data-touch-target]{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}button{font-family:inherit;font-size:var(--font-base);cursor:pointer}button:disabled{cursor:not-allowed}:where(button,a,input):focus-visible{outline:3px solid color-mix(in srgb, var(--color-tech-cyan) 70%, white);outline-offset:3px}::selection{color:var(--color-text);background:color-mix(in srgb, var(--color-tech-mint) 42%, white)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}h1{font-size:var(--font-title)}h2{font-size:var(--font-2xl)}.zhuyin-pair{vertical-align:-.08em;white-space:nowrap;align-items:center;column-gap:.05em;height:1em;margin-inline-end:.08em;line-height:1;display:inline-flex}.zhuyin-base{line-height:1;display:inline-block}.zhuyin-pair>.zhuyin-annotation{min-width:.44em;color:var(--color-text-muted);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;margin-inline-start:0;font-size:.36em;font-weight:400;line-height:1;display:inline-flex;position:relative}.zhuyin-symbols{writing-mode:horizontal-tb;letter-spacing:0;flex-direction:column;align-items:center;display:flex}.zhuyin-symbols>span{height:.86em;line-height:.86em;display:block}.zhuyin-neutral-column{flex-direction:column;align-items:center;font-size:.83em;line-height:1;display:inline-flex}.zhuyin-neutral-mark{height:.56em;line-height:.56em;display:block}.zhuyin-layout{white-space:nowrap;writing-mode:horizontal-tb;grid-template-columns:1em;align-items:center;display:inline-grid}.zhuyin-layout.zhuyin-with-tone{grid-template-columns:1em .75em}.zhuyin-tone{writing-mode:horizontal-tb;grid-area:1/2;line-height:1;display:block;transform:translateY(.22em)}:root{--app-height:100dvh}@media (width>=1024px) and (height>=1081px){:root{--app-height:1080px}}@media (width>=1501px),(width>=1024px) and (height>=1081px){body{background:#fff;place-items:center;min-height:100dvh;display:grid}#root{width:min(100vw,1530px);height:min(100dvh,1080px);position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 0 32px #00000024}}.game-root{min-height:var(--app-height,100dvh);justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-lg);text-align:center;flex-direction:column;display:flex}.game-panel{width:100%;max-width:var(--content-max-width);gap:var(--space-md);flex-direction:column;margin:0 auto;display:flex}.game-title{font-size:var(--font-title);background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0}.game-subtitle{font-size:var(--font-lg);color:var(--color-text-muted);margin:0}.btn-primary{min-height:var(--touch-target-min);padding:var(--space-md) var(--space-xl);font-size:var(--font-lg);color:var(--color-text-inverse);background:var(--gradient-brand);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:none;transition:transform .12s,filter .12s}.btn-primary:hover{filter:brightness(1.06)}.btn-primary:active{transform:scale(.97)}.btn-secondary{min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-lg);font-size:var(--font-base);color:var(--color-secondary-dark);background:var(--color-surface);border:2px solid var(--color-secondary);border-radius:var(--radius-md)}.card-grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (orientation:landscape){.card-grid{grid-template-columns:1fr 1fr}}.select-card{min-height:var(--touch-target-min);padding:var(--space-md) var(--space-lg);font-size:var(--font-lg);text-align:left;color:var(--color-text);background:var(--color-bg);border:2px solid var(--color-structure-light);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:border-color .12s,transform .12s}.select-card:hover{border-color:var(--color-primary)}.select-card:active{transform:scale(.98)}.gaming{gap:var(--space-md);flex-direction:column;width:100%;max-width:760px;margin:0 auto;display:flex}.gaming-header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.sound-toggle{min-width:var(--touch-target-min);min-height:var(--touch-target-min);font-size:var(--font-lg);color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-structure-light);border-radius:var(--radius-md);justify-content:center;align-items:center;line-height:1;transition:border-color .12s,transform .1s;display:inline-flex}.sound-toggle:hover{border-color:var(--color-secondary)}.sound-toggle:active{transform:scale(.96)}.sound-toggle[aria-pressed=false]{opacity:.6}.start-toolbar{justify-content:flex-end;display:flex}.start-links{justify-content:center;gap:var(--space-lg);display:flex}.start-link{min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-md);font-size:var(--font-base);color:var(--color-secondary-dark);justify-content:center;align-items:center;text-decoration:underline;display:inline-flex}.progress-bar{background:var(--color-surface);border-radius:999px;flex:1;height:12px;overflow:hidden}.progress-fill{background:var(--gradient-brand);height:100%;transition:width .3s}.countdown{min-width:56px;font-size:var(--font-xl);font-variant-numeric:tabular-nums;color:var(--color-secondary-dark);font-weight:700}.countdown.urgent{color:var(--color-wrong);animation:1s infinite pulse}@keyframes pulse{50%{opacity:.5}}.question-box{padding:var(--space-lg);background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);position:relative}.question-text{font-size:var(--font-xl);margin:0}.question-img{max-width:100%;max-height:220px;margin-top:var(--space-md);border-radius:var(--radius-md)}.options{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (orientation:landscape){.options{grid-template-columns:1fr 1fr}}.option-btn{min-height:var(--touch-target-min);align-items:center;gap:var(--space-md);padding:var(--space-md);font-size:var(--font-lg);text-align:left;color:var(--color-text);background:var(--color-bg);border:2px solid var(--color-structure-light);border-radius:var(--radius-md);transition:border-color .12s,background .12s,transform .1s;display:flex}.option-btn:not(:disabled):hover{border-color:var(--color-secondary)}.option-btn:disabled{cursor:default}.option-key{width:32px;height:32px;color:var(--color-text-inverse);background:var(--color-secondary);border-radius:50%;flex:0 0 32px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.option-btn.correct{border-color:var(--color-correct);background:color-mix(in srgb, var(--color-correct) 14%, white)}.option-btn.correct .option-key{background:var(--color-correct)}.option-btn.wrong{border-color:var(--color-wrong);background:color-mix(in srgb, var(--color-wrong) 14%, white)}.option-btn.wrong .option-key{background:var(--color-wrong)}.option-btn.removed{opacity:.35;text-decoration:line-through}.gaming-footer{justify-content:center;align-items:center;gap:var(--space-md);display:flex}.end-score{background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:800}.end-anim{max-width:240px;margin:0 auto}.record-lists{gap:var(--space-lg);text-align:left;grid-template-columns:1fr;display:grid}@media (orientation:landscape){.record-lists{grid-template-columns:1fr 1fr}}.record-group h3{font-size:var(--font-lg);margin:0 0 var(--space-sm)}.record-item{padding:var(--space-sm) var(--space-md);font-size:var(--font-base);border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.record-item.ok{background:color-mix(in srgb, var(--color-correct) 12%, white)}.record-item.ng{background:color-mix(in srgb, var(--color-wrong) 12%, white)}.record-brief{font-size:var(--font-sm);color:var(--color-text-muted);margin-top:var(--space-xs);display:block}.end-qr{align-items:center;gap:var(--space-sm);margin:var(--space-md) auto;flex-direction:column;display:flex}.end-qr-img{border-radius:var(--radius-md);width:220px;max-width:60vw;height:220px;max-height:60vw;padding:var(--space-sm);box-shadow:var(--shadow-card);background:#fff}.end-qr-placeholder{width:220px;max-width:60vw;height:220px;max-height:60vw;font-size:var(--font-sm);color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.end-qr-fallback{gap:var(--space-sm);width:100%;max-width:320px;padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);flex-direction:column;display:flex}.end-qr-error{font-size:var(--font-sm);color:var(--color-wrong);text-align:center;margin:0}.end-qr-link-label{gap:var(--space-xs);font-size:var(--font-sm);color:var(--color-text-muted);flex-direction:column;display:flex}.end-qr-link-input{width:100%;font-size:var(--font-sm);padding:var(--space-sm);border:1px solid var(--color-structure-light);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text)}.end-qr-hint,.end-upload-note{font-size:var(--font-sm);color:var(--color-text-muted);margin:0}.end-upload-note.is-error{color:var(--color-wrong)}.end-rank-upload{align-items:center;gap:var(--space-sm);flex-direction:column;max-width:420px;margin:0 auto;display:flex}.end-name-label{font-size:var(--font-base);color:var(--color-text);font-weight:700}.end-name-row{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;width:100%;display:flex}.end-name-input{min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-md);font-size:var(--font-base);color:var(--color-text);background:var(--color-bg);border:2px solid var(--color-structure-light);border-radius:var(--radius-md);flex:160px}.end-name-input:focus{border-color:var(--color-primary);outline:none}.end-name-row .btn-primary{flex:none}.end-view-rank{margin-top:var(--space-xs)}@media (orientation:landscape){.end-qr{max-width:320px}}.entry-root{--entry-green:#a5cf59;--entry-blue:#5d9ed1;--entry-mint:#77cfa0;--entry-ink:#626767;width:100%;min-height:var(--app-height,100dvh);background:radial-gradient(circle at 50% 46%,#77cfa017,#0000 42%),#fff;padding:0;overflow:hidden}.entry-frame{isolation:isolate;width:100%;min-height:var(--app-height,100dvh);position:relative;overflow:hidden}.entry-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.entry-home-frame{background-blend-mode:multiply;background:#d3d3d3 url(/assets/home/B1_bg.webp) 50%/100% 100% no-repeat;padding:0;display:block}.entry-home-content{z-index:1;width:100%;height:100%;position:absolute;inset:0}.entry-home-info,.entry-home-mascot,.entry-home-mobile-links,.entry-home-mobile-mascot,.entry-home-resource-backdrop{display:none}.entry-home-title{width:min(48.28vw,1004px);margin:0;line-height:0;position:absolute;top:14.35%;left:50%;transform:translate(-50%)scale(.9)}.entry-home-title img{filter:drop-shadow(0 8px 9px #47696821);width:100%;height:auto}.entry-home-subtitle{color:#657170;letter-spacing:.16em;white-space:nowrap;margin:0;font-size:clamp(16px,1.1vw,20px);font-weight:600;position:absolute;top:51.5%;left:50%;transform:translate(-50%)}.entry-home-actions{flex-direction:column;align-items:center;gap:clamp(18px,4.1vh,44px);width:min(31.25vw,600px);display:flex;position:absolute;top:58.24%;left:50%;transform:translate(-50%)scale(.9)}.entry-wide-action{aspect-ratio:600/130;color:#505757;letter-spacing:.22em;text-indent:.22em;text-shadow:0 1px #fff;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;border-radius:0;place-items:center;width:100%;min-height:0;padding:0 18%;font-size:clamp(24px,3.1vw,60px);font-weight:800;text-decoration:none;transition:transform .15s,filter .15s;display:grid;position:relative;overflow:visible}.entry-wide-action--green{background-image:url(/assets/home/B1_btn1.webp)}.entry-wide-action--blue{background-image:url(/assets/home/B1_btn2.webp)}.entry-wide-action:hover{filter:brightness(1.04)drop-shadow(0 8px 9px #497d7d26);transform:translateY(-2px)}.entry-wide-action:active{transform:translateY(1px)scale(.985)}.entry-home-links{flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.entry-stats-link{color:#5b6868;letter-spacing:.12em;border-bottom:2px solid color-mix(in srgb, var(--entry-blue) 68%, transparent);align-items:center;min-height:44px;padding:2px 22px;font-weight:700;text-decoration:none;display:inline-flex}.entry-stats-link:hover{color:#347cae}.entry-sound{z-index:3;position:absolute;bottom:clamp(20px,7vh,76px);right:clamp(20px,6vw,100px)}.entry-sound .sound-toggle{color:#4f6264;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffd1;border-color:#7ebfa8;box-shadow:0 5px 18px #3d6c6e21}.entry-selection-frame{min-height:var(--app-height,100dvh);background:linear-gradient(#ffffff1a,#ffffff38),url(/assets/difficulty/C2_bg.webp) 50%/100% 100% no-repeat,#fff;flex-direction:column;padding:clamp(28px,4vh,58px) clamp(28px,5vw,86px) clamp(72px,10vh,110px);display:flex}.entry-selection-header{z-index:2;text-align:right;width:min(47vw,900px);margin:0 7vw 0 auto;padding:0 18px 10px;position:relative}.entry-selection-header:before,.entry-selection-header:after{content:none}.entry-selection-header:before{top:0}.entry-selection-header:after{bottom:0;transform:scaleX(-1)}.entry-section-code{color:#79a99e;letter-spacing:.2em;opacity:.68;margin-bottom:1px;font-size:16px;font-weight:800;display:block}.entry-selection-header h1{color:#5f6565;letter-spacing:.15em;text-indent:.15em;margin:0;font-size:clamp(32px,4vw,60px);line-height:1.15}.entry-selection-header p{color:#6e7776;letter-spacing:.08em;margin:5px 0 0;font-size:clamp(16px,1.5vw,21px);font-weight:600}.entry-selection-stage{z-index:1;flex:1;grid-template-columns:minmax(250px,.9fr) minmax(520px,1.35fr);align-items:center;gap:clamp(8px,3vw,52px);width:min(1420px,100%);margin:0 auto;display:grid;position:relative}.entry-mascot-wrap{place-items:center;min-width:0;display:grid;position:relative}.entry-mascot{z-index:1;filter:drop-shadow(0 18px 12px #715b5b1f);width:min(132%,818.4px);height:auto;animation:4.8s ease-in-out infinite entry-float;display:block;position:relative;left:clamp(20px,3vw,48px)}.entry-mascot-orbit{aspect-ratio:1;border:2px solid #70c8a347;border-radius:50%;width:72%;position:absolute;box-shadow:0 0 0 18px #60a9d20d,0 0 45px #70c8a321}@keyframes entry-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}.entry-hex-grid{grid-template-rows:repeat(2,minmax(150px,1fr));grid-template-columns:repeat(3,minmax(130px,1fr));place-items:center;gap:0 clamp(0px,1vw,15px);width:90%;margin-left:auto;display:grid;transform:translate(2vw,20px)}.entry-hex-button{aspect-ratio:670/635;color:#fff;letter-spacing:.08em;text-shadow:0 2px 5px #34303e4d;background:0 0;border:0;border-radius:28%;place-items:center;width:min(110%,261.8px);min-height:132px;padding:0;font-size:clamp(20px,2.35vw,38px);font-weight:800;transition:transform .16s,filter .16s;display:grid;position:relative}.entry-hex-button img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.entry-hex-button span{z-index:1;max-width:76%;line-height:1.18;position:relative}.entry-hex-button:first-child{grid-area:1/1;left:clamp(8px,1vw,16px)}.entry-hex-button:nth-child(2){grid-area:1/3;left:clamp(-16px,-1vw,-8px)}.entry-hex-button:nth-child(3){grid-area:2/1;left:clamp(8px,1vw,16px)}.entry-hex-button:nth-child(4){grid-area:2/3;left:clamp(-16px,-1vw,-8px)}.entry-hex-button:nth-child(5){grid-area:1/2/3}.entry-hex-button:hover:not(:disabled){z-index:2;filter:saturate(1.08)brightness(1.04)drop-shadow(0 8px 9px #5f677738);transform:translateY(-5px)scale(1.025)}.entry-hex-button:active:not(:disabled){transform:translateY(1px)scale(.975)}.entry-hex-button:disabled{cursor:not-allowed;opacity:.52;filter:grayscale(.42)saturate(.72)}.entry-level-content{place-items:center;min-height:420px;display:grid}.entry-topic-info{color:#555b5b;background:#fff;border:4px solid #aa504c;border-radius:25px;flex-direction:column;justify-content:space-between;width:min(100%,408px);height:min(64vh,620px);min-height:460px;padding:clamp(25px,3vh,38px) clamp(24px,2.4vw,34px) 14px;display:flex;transform:translateY(1em);box-shadow:0 8px 24px #7145420d}.entry-topic-info-copy p,.entry-topic-info-copy h2,.entry-topic-info-copy h3,.entry-topic-info-challenge p{margin:0}.entry-topic-info-copy{text-align:left}.entry-topic-info-kicker{color:#737778;letter-spacing:.18em;font-size:clamp(17px,1.3vw,22px);font-weight:800}.entry-topic-info-copy h2{color:#aa504c;letter-spacing:.05em;margin-top:12px;font-size:clamp(30px,2.5vw,42px);line-height:1.2}.entry-topic-info-rule{background:#f0dfdc;height:2px;margin:17px 0}.entry-topic-info-copy h3{color:#535858;letter-spacing:.08em;font-size:clamp(17px,1.35vw,21px)}.entry-topic-info-tag{color:#fff;background:#ad514d;border-radius:999px;width:fit-content;padding:5px 17px 6px;font-size:clamp(14px,1.05vw,17px);font-weight:800;margin-top:10px!important}.entry-topic-info-summary{color:#555b5b;font-size:clamp(14px,1.05vw,17px);font-weight:700;line-height:1.5;margin-top:10px!important}.entry-topic-info-challenge{grid-template-columns:minmax(0,1fr) minmax(130px,.9fr);align-items:end;min-height:165px;display:grid}.entry-topic-info-mascot{object-fit:contain;object-position:center bottom;justify-self:center;width:min(100%,165px);max-height:180px;animation:.18s ease-out entry-info-mascot-in;display:block}.entry-topic-info-mascot[data-level=college],.entry-topic-info-mascot[data-level=current]{transform-origin:bottom;width:min(100%,145px);scale:1.2}.entry-topic-info-challenge p{color:#4d5353;letter-spacing:.04em;white-space:nowrap;align-self:center;padding-top:38px;font-size:clamp(16px,1.25vw,20px);font-weight:800;line-height:1.45}@keyframes entry-info-mascot-in{0%{opacity:.55;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width>=901px) and (orientation:landscape){.entry-selection-root .entry-selection-stage{grid-template-columns:minmax(330px,408px) minmax(600px,1fr);gap:clamp(55px,7vw,120px);width:min(70.5vw,1200px);transform:translate(3vw)}.entry-selection-root .entry-level-grid{width:min(100%,630px);transform:translate(1.5vw,10px)}}.entry-level-grid{grid-template-rows:repeat(2,minmax(210px,1fr));grid-template-columns:repeat(6,minmax(72px,1fr));gap:0;width:min(100%,810px);margin-left:auto;transform:translate(1vw,10px)}.entry-level-grid .entry-hex-button{width:min(118%,220px);min-height:116px;left:0;scale:.9}.entry-level-grid .entry-hex-button:first-child{grid-area:1/1/auto/3}.entry-level-grid .entry-hex-button:nth-child(2){grid-area:1/3/auto/5}.entry-level-grid .entry-hex-button:nth-child(3){grid-area:1/5/auto/7}.entry-level-grid .entry-hex-button:nth-child(4){grid-area:2/2/auto/4}.entry-level-grid .entry-hex-button:nth-child(5){grid-area:2/4/auto/6}.entry-level-grid .entry-hex-button:hover:not(:disabled){transform:translateY(-5px)scale(1.025)}.entry-level-grid .entry-hex-button:active:not(:disabled){transform:translateY(1px)scale(.975)}.entry-level-grid .entry-hex-button.is-previewing:not(:disabled){z-index:2;filter:saturate(1.08)brightness(1.04)drop-shadow(0 11px 12px #42434e47);transform:translateY(-4px)scale(1.035)}.entry-loading{color:#647171;flex-direction:column;align-items:center;gap:16px;font-size:20px;font-weight:700;display:flex}.entry-loading p{margin:0}.entry-loading-core{aspect-ratio:1;border:8px solid #70caa347;border-top-color:var(--entry-blue);border-radius:50%;width:72px;animation:.9s linear infinite entry-spin}@keyframes entry-spin{to{transform:rotate(360deg)}}.entry-load-error{color:#9c3e4a;background:#fff0f2e0;border:2px solid #d78894;width:min(560px,100%);margin:0 auto 12px;padding:12px 16px;font-weight:700}.entry-back-button{z-index:4;aspect-ratio:348/333;color:#506468;background:0 0;border:0;border-radius:18px;place-items:center;width:clamp(76px,7vw,108px);min-height:68px;padding:0;font-weight:800;transition:transform .15s,filter .15s;display:grid;position:absolute;bottom:clamp(18px,3.5vh,42px);left:clamp(24px,5vw,80px)}.entry-back-button img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.entry-back-button span{white-space:nowrap;font-size:22.1px;position:absolute;top:calc(100% - 4px)}.entry-back-button:hover:not(:disabled){filter:brightness(1.05)drop-shadow(0 5px 7px #4b768033);transform:translate(-3px)}.entry-back-button:disabled{opacity:.45}.entry-back-button--top{transform-origin:100% 0;inset:clamp(18px,3.5vh,42px) clamp(24px,5vw,80px) auto auto;translate:0 -10px;scale:.65}.entry-back-button--top:hover:not(:disabled){transform:translate(3px)}.entry-selection-heading{z-index:3;color:#4a4a4a;letter-spacing:.12em;pointer-events:none;margin:0;font-size:clamp(38.4px,5.04vw,69.6px);font-weight:800;position:absolute;top:calc(clamp(4px,5vh - 20px,36px) + 20px);right:calc(clamp(92px,9vw + 20px,178px) + .5em);transform:translate(10px)}.entry-grade-overlay{z-index:4;pointer-events:auto;cursor:pointer;background:#000c;border:0;border-radius:0;padding:0;position:absolute;inset:0}.entry-grade-hint{z-index:5;pointer-events:none;width:min(420px,60vw);animation:.26s ease-out entry-hint-pop;position:absolute;bottom:clamp(88px,13vh,132px);right:clamp(20px,4vw,72px)}.entry-grade-hint p{color:#111;text-align:center;letter-spacing:.1em;background:#fff;border:4px solid #111;border-radius:14px;margin:0;padding:clamp(22px,3.2vh,34px) clamp(24px,3vw,44px);font-size:clamp(20px,2vw,30px);font-weight:800;position:relative}.entry-grade-hint p:before,.entry-grade-hint p:after{content:"";width:0;height:0;position:absolute}.entry-grade-hint p:before{border-top:22px solid #111;border-left:22px solid #0000;top:-4px;right:-4px}.entry-grade-hint p:after{border-bottom:22px solid #111;border-right:22px solid #0000;bottom:-4px;left:-4px}@keyframes entry-hint-pop{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.entry-grade-hint,.entry-home-resource-backdrop,.entry-home-resource-sheet{animation:none}}@media (width<=900px){.entry-selection-frame{background-position:50%;padding:26px 20px 82px}.entry-selection-header{width:min(680px,88vw)}.entry-selection-stage{grid-template-columns:minmax(180px,.62fr) minmax(430px,1.38fr)}.entry-hex-button{min-height:118px}}@media (width<=680px),(orientation:portrait) and (width<=900px){body:has(.entry-home){background:#d3d3d3}.entry-home,.entry-home-frame{min-height:calc(var(--app-height,100dvh) - var(--safe-top) - var(--safe-bottom))}.entry-home-frame{background-image:url(/assets/home/B1_bg_mobile.webp);background-position:50%;background-size:100% 100%;padding:0;display:block}.entry-home-content{width:100%;height:100%;min-height:0;display:block;position:absolute;inset:0}.entry-home-title{width:79.7%;position:absolute;top:17.7%;left:50%;transform:translate(-50%)}.entry-home-subtitle{white-space:normal;max-width:320px;line-height:1.6;position:static;transform:none}.entry-home-actions{gap:clamp(12px,2.75vh,24px);width:75.5%;position:absolute;top:41.55%;left:50%;transform:translate(-50%)}.entry-wide-action{min-height:0;font-size:clamp(20px,6vw,27px)}.entry-home-mobile-links{z-index:3;flex-direction:column;gap:clamp(8px,1.85vh,16px);width:54.85%;display:flex;position:absolute;top:74.75%;left:11.8%}.entry-home-mobile-links a,.entry-home-mobile-links button,.entry-home-mobile-links img{width:100%;display:block}.entry-home-mobile-links a,.entry-home-mobile-links button{border-radius:5px;transition:transform .12s,filter .12s}.entry-home-mobile-resource-trigger{cursor:pointer;background:0 0;border:0;margin:0;padding:0}.entry-home-mobile-links a:active,.entry-home-mobile-links button:active{filter:brightness(.96);transform:scale(.985)}.entry-home-mobile-links a:focus-visible,.entry-home-mobile-links button:focus-visible{outline-offset:3px;outline:3px solid #1689bd}.entry-home-resource-backdrop{z-index:20;padding-top:max(24px, env(safe-area-inset-top));background:#14262a75;justify-content:center;align-items:flex-end;animation:.18s ease-out both entry-resource-fade-in;display:flex;position:fixed;inset:0}.entry-home-resource-sheet{overscroll-behavior:contain;width:min(100%,540px);max-height:min(78dvh,680px);padding:10px 20px calc(22px + env(safe-area-inset-bottom));background:#fff;border-radius:24px 24px 0 0;animation:.25s cubic-bezier(.2,.8,.2,1) both entry-resource-slide-up;overflow-y:auto;box-shadow:0 -10px 36px #173f413d}.entry-home-resource-handle{background:#c8d2d1;border-radius:999px;width:42px;height:5px;margin:0 auto 8px}.entry-home-resource-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.entry-home-resource-header h2{color:#176f7b;margin:0;font-size:clamp(24px,7vw,30px);line-height:1.25}.entry-home-resource-header button{color:#176f7b;cursor:pointer;background:#e7f4f2;border:0;border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;font:400 34px/1 sans-serif;display:grid}.entry-home-resource-sheet ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.entry-home-resource-sheet a{color:#263735;background:#f8fcfb;border:1px solid #dce9e6;border-radius:13px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:12px;min-height:52px;padding:9px 12px;font-size:clamp(15px,4.2vw,18px);font-weight:650;line-height:1.35;text-decoration:none;display:grid}.entry-home-resource-sheet a:active{background:#edf7f5}.entry-home-resource-sheet a:focus-visible,.entry-home-resource-header button:focus-visible{outline-offset:2px;outline:3px solid #1689bd}.entry-home-resource-sheet-icon{object-fit:contain;width:30px;height:28px;display:block}@keyframes entry-resource-fade-in{0%{opacity:0}}@keyframes entry-resource-slide-up{0%{transform:translateY(100%)}}.entry-home-mobile-mascot{z-index:2;pointer-events:none;width:23%;height:auto;display:block;position:absolute;bottom:3.8%;right:7.2%}.entry-sound{top:max(62px,7.5vh);bottom:auto;right:18px}.entry-selection-frame{min-height:var(--app-height,100dvh);background-image:url(/assets/difficulty/C2_bg_mobile.webp);background-size:100% 100%;padding:22px 14px 92px;overflow-y:auto}.entry-selection-header{text-align:center;width:min(100%,500px);margin:0 auto;padding:8px 16px 12px}.entry-selection-header h1{font-size:clamp(30px,10vw,44px)}.entry-selection-stage{flex-direction:column;justify-content:center;gap:0;width:min(100%,520px);display:flex}.entry-selection-root .entry-selection-stage{transform:none}.entry-selection-root .entry-selection-frame{background-position:top;background-repeat:no-repeat;background-size:100% calc(var(--app-height,100dvh) - var(--safe-top) - var(--safe-bottom) + 20px)}.entry-topic-info{border-width:3px;border-radius:20px;width:min(100% - 28px,430px);height:auto;min-height:230px;margin:74px auto 2px;padding:20px 20px 8px}.entry-topic-info-copy h2{margin-top:7px}.entry-topic-info-rule{margin:10px 0}.entry-topic-info-tag{margin-top:7px!important}.entry-topic-info-summary{margin-top:6px!important}.entry-topic-info-challenge{grid-template-columns:minmax(0,145px) minmax(130px,1fr);justify-content:center;min-height:104px}.entry-topic-info-mascot{width:min(100%,112px);max-height:112px}.entry-topic-info-mascot[data-level=college],.entry-topic-info-mascot[data-level=current]{width:min(100%,100px)}.entry-topic-info-challenge p{justify-self:start;padding-top:18px;font-size:16px}.entry-selection-root .entry-topic-info{grid-template-columns:minmax(0,1.25fr) minmax(120px,.75fr);column-gap:8px;display:grid}.entry-selection-root .entry-topic-info-copy{align-self:start;min-width:0;container-type:inline-size}.entry-selection-root .entry-topic-info-copy h2{white-space:nowrap;font-size:clamp(20px,14cqi,34px);line-height:1.2}.entry-selection-root .entry-topic-info-tag{letter-spacing:0;white-space:nowrap;width:max-content;max-width:100%;padding-inline:clamp(10px,8cqi,17px);font-size:clamp(12px,11cqi,17px);line-height:1.35}.entry-selection-root .entry-topic-info-summary{letter-spacing:0;white-space:nowrap;font-size:clamp(10px,5.5cqi,14px);line-height:1.35}.entry-selection-root .entry-topic-info-challenge{flex-direction:column;justify-content:flex-start;align-items:center;min-height:0;padding-top:28px;display:flex}.entry-selection-root .entry-topic-info-mascot{width:min(100%,102px);max-height:102px}.entry-selection-root .entry-topic-info-challenge p{text-align:center;align-self:auto;padding-top:11px}.entry-mascot-wrap{align-self:flex-start;width:min(48vw,210px);margin:0 0 -34px 1vw}.entry-mascot-orbit{width:66%}.entry-hex-grid{z-index:1;grid-template-rows:none;grid-template-columns:repeat(2,minmax(125px,1fr));gap:0 4px;width:100%;margin-left:0;transform:translateY(20px)}.entry-hex-button{width:min(100%,209px);min-height:128px;font-size:clamp(18px,5.5vw,24px)}.entry-hex-button:nth-child(n){grid-area:auto;left:0}.entry-hex-button:nth-child(5){grid-column:1/-1;width:min(50%,209px)}.entry-level-content{width:100%;min-height:240px}.entry-level-grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(125px,1fr));gap:0 4px;width:100%;margin-left:0;transform:translateY(20px)}.entry-level-grid .entry-hex-button{width:min(100%,209px);min-height:128px;margin-block:-12px;scale:.8}.entry-level-grid .entry-hex-button:nth-child(n){grid-area:auto}.entry-level-grid .entry-hex-button:nth-child(5){grid-column:1/-1;width:min(50%,209px);translate:0 -1em}.entry-level-grid{gap:0 1.2px}.entry-level-grid .entry-hex-button:first-child,.entry-level-grid .entry-hex-button:nth-child(3){translate:clamp(10px,3.6vw,16px)}.entry-level-grid .entry-hex-button:nth-child(2),.entry-level-grid .entry-hex-button:nth-child(4){translate:clamp(-16px,-3.6vw,-10px)}.entry-back-button{left:18px;bottom:calc(20px + var(--safe-bottom));width:68px;min-height:65px;position:fixed}.entry-selection-root .entry-back-button--top{top:calc(2px + var(--safe-top));right:calc(12px + var(--safe-right));bottom:auto;left:auto;translate:none}.entry-selection-root .entry-back-button--top img{width:90%;height:90%;inset:0 0 auto auto}.entry-selection-root .entry-selection-heading{top:calc(clamp(4px,5vh - 20px,36px) + 20px);left:20px;right:auto}.entry-grade-hint{bottom:calc(190px + var(--safe-bottom))}}@media (height<=620px) and (orientation:landscape){.entry-home-frame{padding-top:50px;padding-bottom:30px}.entry-home-content{gap:5px}.entry-home-title{width:min(410px,50vw)}.entry-home-actions{width:min(420px,46vw)}.entry-home-subtitle{font-size:16px}.entry-stats-link{min-height:40px}.entry-selection-frame{padding-top:14px;padding-bottom:62px}.entry-selection-header{width:min(610px,58vw)}.entry-selection-header h1{font-size:32px}.entry-selection-header p{margin-top:0;font-size:16px}.entry-selection-stage{grid-template-columns:.75fr 1.4fr}.entry-mascot{width:min(100.32%,462px)}.entry-hex-grid{grid-template-rows:repeat(2,minmax(104px,1fr))}.entry-hex-button{width:min(100%,176px);min-height:96px;font-size:19px}.entry-level-content{min-height:210px}.entry-back-button{width:64px;min-height:62px;bottom:13px}.entry-back-button span{font-size:20.8px;top:calc(100% - 8px)}}@media (width<=340px) and (orientation:portrait){.entry-back-button--top{left:auto;right:8px}}@media (prefers-reduced-motion:reduce){.entry-mascot,.entry-loading-core,.entry-topic-info-mascot{animation:none}}@media (width>=901px) and (orientation:landscape){.entry-topic-frame{padding:0;position:relative;overflow:hidden}.entry-topic-frame .entry-back-button--top{width:6.93%;min-height:0;top:5.35%;left:auto;right:3.15%}.entry-topic-frame .entry-back-button--top span{font-size:clamp(15.3px,1.125vw,19.8px);top:calc(100% - 3px)}.entry-topic-frame .entry-topic-heading{font-size:clamp(48px,4vw,68px);line-height:1.12;top:calc(5.7% + 20px);right:calc(5.35% + 2em)}.entry-topic-frame .entry-topic-stage{width:100%;margin:0;display:block;position:absolute;inset:0}.entry-topic-frame .entry-topic-intro{display:block;position:absolute;inset:0}.entry-topic-intro .entry-mascot-wrap{transform-origin:50%;width:32.5%;position:absolute;top:29.7%;left:6.4%;transform:scale(1.1)}.entry-topic-intro .entry-mascot{filter:none;width:100%;left:0}.entry-topic-frame .entry-topic-prompt,.entry-topic-frame .entry-topic-note{text-align:left;white-space:nowrap;width:auto;margin:0;position:absolute}.entry-topic-frame .entry-topic-prompt{font-size:clamp(22px,1.85vw,31px);top:76.8%;left:11.6%}.entry-topic-frame .entry-topic-note{font-size:clamp(16px,1.25vw,20px);top:82.35%;left:14.65%}.entry-topic-frame .entry-topic-content{width:44.2%;height:51.2%;position:absolute;top:29.6%;left:46.25%}.entry-topic-frame .entry-topic-grid{width:100%;height:100%;display:block;position:relative}.entry-topic-frame .entry-topic-grid .entry-topic-button:nth-child(n){grid-area:auto;width:21.7%;min-height:0;padding:0;position:absolute;left:auto}.entry-topic-frame .entry-topic-grid .entry-topic-button:first-child{top:0;left:9.2%}.entry-topic-frame .entry-topic-grid .entry-topic-button:nth-child(2){top:0;left:35%}.entry-topic-frame .entry-topic-grid .entry-topic-button:nth-child(3){top:0;left:60.8%}.entry-topic-frame .entry-topic-grid .entry-topic-button:nth-child(4){top:34.8%;left:0}.entry-topic-frame .entry-topic-grid .entry-topic-button:nth-child(5){width:21.7%;top:34.8%;left:25.8%}.entry-topic-frame .entry-topic-grid .entry-topic-button:nth-child(6){top:34.8%;left:51.6%}.entry-topic-frame .entry-topic-grid .entry-topic-button:nth-child(7){top:34.8%;left:77.4%}.entry-topic-frame .entry-topic-grid .entry-topic-button:nth-child(8){top:69.6%;left:9.2%}.entry-topic-frame .entry-topic-grid .entry-topic-button:nth-child(9){top:69.6%;left:35%}.entry-topic-frame .entry-topic-grid .entry-topic-button:nth-child(10){top:69.6%;left:60.8%}.entry-topic-frame .entry-topic-grid .entry-topic-button:nth-child(11){top:69.6%;left:86.6%}}.entry-topic-stage{grid-template-columns:minmax(260px,.78fr) minmax(620px,1.42fr);gap:clamp(24px,4vw,72px)}.entry-topic-intro{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.entry-topic-intro .entry-mascot-wrap{width:min(100%,530px)}.entry-topic-intro .entry-mascot{width:100%;left:0}.entry-topic-prompt,.entry-topic-note{color:#596464;letter-spacing:.08em;text-align:center;width:100%;margin:0;font-weight:800}.entry-topic-prompt{margin-top:clamp(-12px,-1vh,-4px);font-size:clamp(20px,2vw,31px)}.entry-topic-note{color:#78918a;font-size:clamp(15px,1.35vw,20px)}.entry-topic-content{min-width:0;position:relative;top:clamp(62px,8.5vh,88px)}.entry-topic-heading{top:clamp(24px,5.8vh,54px);right:clamp(38px,4.5vw,76px)}.entry-topic-grid{grid-template-rows:repeat(3,minmax(104px,1fr));grid-template-columns:repeat(8,minmax(56px,1fr));gap:clamp(6px,1.4vw,22px);width:100%;margin:0;transform:none}.entry-topic-button{aspect-ratio:670/635;clip-path:none;width:min(100%,196px);min-height:104px;box-shadow:none;letter-spacing:.04em;background:0 0;border:0;border-radius:28%;padding:12% 10%;font-size:clamp(16px,1.5vw,25px);overflow:visible}.entry-topic-button:before{content:none}.entry-topic-button span{max-width:86%;line-height:1.22}.entry-topic-grid .entry-topic-button:nth-child(n){grid-area:auto;left:auto}.entry-topic-grid .entry-topic-button:first-child{grid-area:1/2/auto/span 2}.entry-topic-grid .entry-topic-button:nth-child(2){grid-area:1/4/auto/span 2}.entry-topic-grid .entry-topic-button:nth-child(3){grid-area:1/6/auto/span 2}.entry-topic-grid .entry-topic-button:nth-child(4){grid-area:2/1/auto/span 2}.entry-topic-grid .entry-topic-button:nth-child(5){grid-area:2/3/auto/span 2;width:min(100%,196px)}.entry-topic-grid .entry-topic-button:nth-child(6){grid-area:2/5/auto/span 2}.entry-topic-grid .entry-topic-button:nth-child(7){grid-area:2/7/auto/span 2}.entry-topic-grid .entry-topic-button:nth-child(8){grid-area:3/2/auto/span 2}.entry-topic-grid .entry-topic-button:nth-child(9){grid-area:3/4/auto/span 2}.entry-topic-grid .entry-topic-button:nth-child(10){grid-area:3/6/auto/span 2}.entry-topic-grid .entry-topic-button:nth-child(11){grid-area:3/8/auto/span 2}.entry-topic-grid .entry-topic-button:nth-child(10){font-size:clamp(13px,1.12vw,19px)}.entry-topic-grid .entry-topic-button:nth-child(6),.entry-topic-grid .entry-topic-button:nth-child(8),.entry-topic-grid .entry-topic-button:nth-child(9){font-size:clamp(13px,1.18vw,20px)}.entry-topic-grid .entry-topic-button:nth-child(6) span,.entry-topic-grid .entry-topic-button:nth-child(8) span,.entry-topic-grid .entry-topic-button:nth-child(9) span{white-space:nowrap;max-width:94%}.entry-topic-grid .entry-topic-button:nth-child(10) span{white-space:nowrap;max-width:92%}.entry-selected-topic{color:#55766b;letter-spacing:.08em;text-align:center;margin:0 0 10px;font-size:clamp(16px,1.55vw,23px);font-weight:800}@media (width<=900px){.entry-topic-stage{grid-template-columns:minmax(190px,.62fr) minmax(460px,1.38fr);gap:18px}.entry-topic-grid{grid-template-columns:repeat(8,minmax(47px,1fr));gap:8px}.entry-topic-button{font-size:clamp(15px,2.1vw,21px)}}@media (width<=680px),(orientation:portrait) and (width<=900px){.entry-topic-root,.entry-topic-frame{height:calc(var(--app-height,100dvh) - var(--safe-top) - var(--safe-bottom));min-height:calc(var(--app-height,100dvh) - var(--safe-top) - var(--safe-bottom))}.entry-topic-frame{padding:10px 14px 18px;overflow:hidden}.entry-topic-frame .entry-back-button--top{top:calc(-8px + var(--safe-top));bottom:auto;right:calc(12px + var(--safe-right));width:68px;min-height:65px;position:fixed;left:auto;translate:none}.entry-topic-frame .entry-back-button--top span{font-size:14px;top:calc(100% - 2px)}.entry-topic-frame .entry-back-button--top img{scale:.85}.entry-topic-heading{text-align:left;margin:24px auto 2px 16px;font-size:clamp(28px,8vw,34px);line-height:1.15;position:static}.entry-topic-stage{width:min(100%,540px);height:calc(100% - 60px);display:block}.entry-topic-content{height:calc(100% - 70px);top:auto}.entry-topic-intro{grid-template-columns:minmax(100px,.45fr) minmax(0,1fr);align-items:center;column-gap:6px;height:70px;margin:0;display:grid}.entry-topic-intro .entry-mascot-wrap{grid-row:1/span 2;width:min(100%,92px);margin:0}.entry-topic-prompt,.entry-topic-note{text-align:left}.entry-topic-prompt{letter-spacing:.02em;white-space:nowrap;margin:0;font-size:clamp(15px,4.3vw,19px)}.entry-topic-note{font-size:clamp(12px,3.3vw,15px);transform:translateY(-18px)}.entry-topic-grid{grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2px;width:min(100%,250px);height:100%;margin-inline:auto;padding-bottom:12px;transform:none}.entry-topic-grid .entry-topic-button:nth-child(n){grid-area:auto;justify-self:center;width:min(31vw,121px);height:auto;translate:0}.entry-topic-button{min-height:0;margin:0;font-size:clamp(14px,4vw,17px);scale:1}.entry-topic-grid .entry-topic-button:nth-child(6),.entry-topic-grid .entry-topic-button:nth-child(8),.entry-topic-grid .entry-topic-button:nth-child(9){font-size:clamp(13px,3.7vw,16px)}.entry-topic-grid .entry-topic-button:nth-child(10){font-size:clamp(12px,3.5vw,15px)}html[data-display-mode=standalone] .entry-topic-grid{grid-template-rows:repeat(4,104px);grid-template-columns:repeat(3,104px);place-content:start center;gap:6px 3px;width:min(100%,318px);padding-top:30px}html[data-display-mode=standalone] .entry-topic-grid .entry-topic-button:nth-child(n){letter-spacing:0;width:min(100%,104px);height:auto;padding:0;font-size:clamp(12px,3.3vw,15px)}html[data-display-mode=standalone] .entry-topic-button span{text-wrap:balance;max-width:80%}html[data-display-mode=browser] .entry-topic-root{height:auto;min-height:calc(var(--app-height,100dvh) - var(--safe-top) - var(--safe-bottom));justify-content:flex-start;overflow:visible}html[data-display-mode=browser] .entry-topic-frame{background-size:100% 100%;height:auto;min-height:900px;overflow:visible}html[data-display-mode=browser] .entry-topic-stage,html[data-display-mode=browser] .entry-topic-content,html[data-display-mode=browser] .entry-topic-grid{height:auto}html[data-display-mode=browser] .entry-topic-grid{padding-bottom:calc(20px + var(--safe-bottom));grid-template-rows:repeat(6,119px);row-gap:4px}html[data-display-mode=browser] .entry-selection-root{height:auto;min-height:calc(var(--app-height,100dvh) - var(--safe-top) - var(--safe-bottom));justify-content:flex-start;overflow:visible}html[data-display-mode=browser] .entry-selection-root .entry-selection-frame{height:auto;min-height:900px;padding-bottom:calc(40px + var(--safe-bottom));background-size:100% 100%;overflow:visible}html[data-display-mode=browser] .entry-selection-root .entry-selection-stage,html[data-display-mode=browser] .entry-selection-root .entry-level-content,html[data-display-mode=browser] .entry-selection-root .entry-level-grid{height:auto}html[data-display-mode=browser] .entry-selection-root .entry-selection-stage{justify-content:flex-start}html[data-display-mode=browser] .entry-selection-root .entry-topic-info{margin-top:64px}}@media (width>=901px),(width>=681px) and (orientation:landscape){body:has(.entry-home){background:#fff;place-items:center;min-height:100dvh;display:grid}#root:has(.entry-home){--app-height:min(100dvh, 56.25vw);width:min(100vw,177.778dvh);height:var(--app-height);box-shadow:none;position:relative;overflow:hidden;transform:translateZ(0)}.entry-home-frame{background-color:#d9d9d9;padding:0;container-type:inline-size}.entry-home-info,.entry-home-mascot{z-index:2;display:block;position:absolute}.entry-home-info--left{width:19.1%;top:50%;left:6.35%}.entry-home-info--left a,.entry-home-info--left img,.entry-home-info--right>img{width:100%;display:block}.entry-home-info--left a{border-radius:1.2cqw;transition:transform .15s,filter .15s}.entry-home-info--left a:hover,.entry-home-info--left a:focus-visible{filter:brightness(1.03)drop-shadow(0 .45cqw .45cqw #235b5133);outline:none;transform:translateY(-.2cqw)}.entry-home-info--right{aspect-ratio:324/312;width:18.85%;top:34%;right:6.2%}.entry-home-info--right>img{height:100%;position:absolute;inset:0}.entry-home-info--right ul{text-align:left;flex-direction:column;gap:.42cqw;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:26.4%;left:8.8%;right:8.5%}.entry-home-info--right a{color:#252525;text-align:left;grid-template-columns:1.16cqw minmax(0,1fr);align-items:start;gap:.42cqw;font-size:clamp(10px,.84cqw,17px);font-weight:600;line-height:1.23;text-decoration:none;display:grid}.entry-home-info--right a:hover,.entry-home-info--right a:focus-visible{color:#087ca9;outline:none;text-decoration:underline}.entry-home-resource-icon{object-fit:contain;width:1.16cqw;height:1.05cqw}.entry-home-mascot{pointer-events:none;width:27.5%;height:31.8%;bottom:7.15%;right:6.55%}.entry-home-mascot img{height:auto;display:block;position:absolute}.entry-home-mascot-character{z-index:2;width:57%;bottom:0;left:0}.entry-home-mascot-books{z-index:1;width:36.5%;bottom:.5%;right:23%}.entry-home-mascot-dialog{z-index:3;width:40.7%;top:7%;right:0}.entry-home-title{width:52.2917%;top:14.35%;transform:translate(-50%)}.entry-home-title img{filter:none}.entry-home-actions{gap:2.1875cqw;width:31.25%;top:58.3333%;transform:translate(-50%)}.entry-home .entry-wide-action{letter-spacing:0;text-indent:0;min-height:0;text-shadow:none;color:gray;background-size:100% 100%;padding:0 18%;font-size:3.125cqw;font-weight:400;line-height:1}.entry-home .entry-wide-action span{transform:translateY(.104167cqw)}.entry-home .entry-sound{bottom:7%;right:6.25%}}@media (width>=901px) and (orientation:landscape){.entry-topic-frame .entry-topic-intro .entry-mascot-wrap{width:44%;top:22%;left:3.8%;transform:none}.entry-topic-frame .entry-topic-prompt,.entry-topic-frame .entry-topic-note{text-align:center;width:44%;left:3.8%}.entry-topic-frame .entry-topic-prompt{font-size:2.08333cqw}.entry-topic-frame .entry-topic-note{font-size:1.38889cqw}}.entry-selection-back-label{display:none}@media (width>=901px) and (orientation:landscape){body:has(:is(.entry-topic-root,.entry-selection-root)){background:#fff;place-items:center;min-height:100dvh;display:grid}#root:has(:is(.entry-topic-root,.entry-selection-root)){--app-height:min(100dvh, 56.25vw);width:min(100vw,177.778dvh);height:var(--app-height);box-shadow:none;position:relative;overflow:hidden;transform:translateZ(0);container-type:inline-size}.entry-selection-frame .entry-back-button--top{transform-origin:50%;width:6.66667%;min-height:0;top:2.87%;left:3.33333%;right:auto;translate:none;scale:none}.entry-selection-frame .entry-back-button--top:hover:not(:disabled){transform:translate(-3px)}.entry-selection-frame .entry-back-button--top .entry-selection-back-label{font-size:2.08333cqw;font-weight:400;line-height:1.2;display:block;top:calc(100% - 1px)}.entry-selection-frame .entry-selection-heading{letter-spacing:0;font-size:4.375cqw;font-weight:400;line-height:1.12;top:4.7%;right:13.3333%;transform:none}}.guide-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#1c22228c;place-items:center;padding:clamp(16px,4vw,48px);animation:.18s ease-out guide-fade;display:grid;position:fixed;inset:0}@keyframes guide-fade{0%{opacity:0}to{opacity:1}}.guide-dialog{text-align:center;color:#2b3130;background:#fff;border:6px solid #1d2322;border-radius:26px;flex-direction:column;align-items:center;gap:clamp(12px,1.5vh,20px);width:min(1088px,100%);min-height:min(780px,100dvh - 32px);max-height:calc(100dvh - 32px);padding:clamp(24px,3.5vw,48px) clamp(26px,4.5vw,60px);display:flex;position:relative;overflow-y:auto;box-shadow:0 18px 44px #141c1c52}.guide-corner{border:16px solid #0000;width:0;height:0;position:absolute}.guide-corner--tl{border-top-color:#1d2322;border-left-color:#1d2322;top:0;left:0}.guide-corner--tr{border-top-color:#1d2322;border-right-color:#1d2322;top:0;right:0}.guide-corner--bl{border-bottom-color:#1d2322;border-left-color:#1d2322;bottom:0;left:0}.guide-corner--br{border-bottom-color:#1d2322;border-right-color:#1d2322;bottom:0;right:0}.guide-title{letter-spacing:.14em;color:#1d2322;margin:0;font-size:clamp(37.4px,4.62vw,57.2px);font-weight:900}.guide-text{text-align:left;letter-spacing:.02em;width:min(100%,62ch);max-width:62ch;margin:0;font-size:clamp(24.2px,2.904vw,33.88px);font-weight:600;line-height:1.6}.guide-badges{flex-wrap:wrap;justify-content:flex-start;gap:clamp(4px,.85vw,10px);width:min(100%,62ch);max-width:62ch;font-size:clamp(22px,2.64vw,30.8px);display:flex}.guide-badge{place-items:center;width:clamp(72px,12vw,112px);margin:0;display:grid}.guide-badge img{object-fit:contain;grid-area:1/1;width:100%;height:auto}.guide-badge figcaption{z-index:1;color:#fff;text-shadow:0 2px 2px #1d232261;pointer-events:none;grid-area:1/1;font-size:clamp(20px,2vw,24px);font-weight:800;line-height:1}.guide-apples{justify-content:flex-start;gap:clamp(6px,1.2vw,14px);width:min(100%,62ch);max-width:62ch;font-size:clamp(22px,2.64vw,30.8px);display:flex}.guide-apple{aspect-ratio:115/108.9;filter:drop-shadow(0 4px 6px #503c1438);width:clamp(50px,8vw,78px);position:relative}.guide-apples img{object-fit:fill;width:100%;height:100%;display:block}.guide-apple__animation{position:absolute;inset:0}.guide-hint{letter-spacing:.1em;color:#7d8785;margin:4px 0 0;font-size:clamp(20px,2vw,24px);font-weight:700;animation:1.6s ease-in-out infinite guide-blink}@keyframes guide-blink{0%,to{opacity:.55}50%{opacity:1}}.tutorial-overlay{z-index:50;cursor:pointer;background:#0b0f139e;padding:0;position:fixed;inset:0}.game-root:has(.tutorial-spot) .tutorial-overlay{background:0 0}.tutorial-stage{width:100%;height:100%;position:relative}.tutorial-mascot{z-index:2;filter:drop-shadow(0 8px 14px #00000059);pointer-events:none;-webkit-user-select:none;user-select:none;width:clamp(320px,36vw,750px);position:absolute;bottom:clamp(-80px,-4vh,-18px);right:clamp(-96px,-4vw,-24px)}.tutorial-mascot-frame{object-fit:contain;width:100%;height:auto;display:block}.tutorial-dialog{z-index:3;text-align:center;color:#2b3130;background:#fff;border:5px solid #1d2322;border-radius:20px;flex-direction:column;align-items:center;gap:clamp(10px,1.6vh,18px);width:min(37vw,760px);padding:clamp(22px,3vw,38px) clamp(22px,3.4vw,44px);display:flex;position:absolute;top:clamp(180px,28vh,320px);left:calc(clamp(180px,24vw,500px) - 100px);box-shadow:0 18px 44px #141c1c66}.tutorial-text{letter-spacing:.03em;flex-direction:column;gap:2px;margin:0;font-size:clamp(18px,2vw,24px);font-weight:700;line-height:1.6;display:flex}.tutorial-line{display:block}.tutorial-copy-mobile{display:none}.tutorial-progress{letter-spacing:.14em;color:#9aa3a1;margin:0;font-size:16px;font-weight:800}@media (width<=620px){.tutorial-dialog{width:min(440px,100% - 32px);height:auto;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));background:#fff;border:4px solid #1d2322;border-radius:18px;gap:8px;min-width:0;padding:16px 12px;position:absolute;top:50%;bottom:auto;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 12px 32px #141c1c59}.tutorial-overlay[data-spotlight=options] .tutorial-dialog{top:max(16px, env(safe-area-inset-top));transform:translate(-50%)}.tutorial-overlay[data-spotlight=question] .tutorial-dialog{transform:translate(-50%,calc(60px - 50%))}.tutorial-mascot{right:calc(8px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));width:clamp(238px,61vw,374px);max-width:calc(100% - 16px - env(safe-area-inset-left) - env(safe-area-inset-right))}.tutorial-dialog .guide-corner,.tutorial-copy-desktop{display:none}.tutorial-copy-mobile{display:block}.tutorial-text{letter-spacing:0;overflow-wrap:anywhere;font-size:clamp(16px,4.2vw,18px);line-height:1.5}.tutorial-progress{font-size:13px}.tutorial-dialog .guide-hint{letter-spacing:0;margin:0;font-size:13px;line-height:1.5}}@media (prefers-reduced-motion:reduce){.guide-overlay,.guide-hint{animation:none}}@media (width>=901px) and (orientation:landscape){.entry-selection-root .guide-overlay{padding:0;display:block}.entry-selection-root .guide-dialog{border-width:.416667cqw;border-radius:1.8cqw;width:80.8333%;height:88.4259%;min-height:0;max-height:none;padding:0;position:absolute;top:4.16667%;left:9.58333%;overflow:hidden}.guide-dialog .guide-title{letter-spacing:0;color:#000;width:100%;font-size:3.54167cqw;font-weight:400;line-height:1.2;position:absolute;top:2.8cqw;left:0}.guide-dialog .guide-text{letter-spacing:0;color:#000;width:85%;max-width:none;font-size:2.60417cqw;font-weight:400;line-height:1.2;position:absolute;left:8.33333%}.guide-text--levels{top:8.125cqw}.guide-text--rules{top:21.875cqw}.guide-text--results{top:37.7083cqw}.guide-dialog .guide-badges,.guide-dialog .guide-apples{flex-wrap:nowrap;width:85%;max-width:none;position:absolute;left:8.33333%}.guide-dialog .guide-badges{gap:.3125cqw;margin-left:-.416667cqw;top:12.25cqw}.guide-dialog .guide-badge{width:7.60417cqw}.guide-dialog .guide-badge figcaption{font-size:1.66667cqw;font-weight:400}.guide-dialog .guide-apples{gap:.520833cqw;top:29.375cqw}.guide-dialog .guide-apple{aspect-ratio:1/1.08;width:5.57292cqw}.guide-dialog .guide-hint{width:100%;margin:0;font-size:1.25cqw;font-weight:400;position:absolute;bottom:1.5625cqw;left:0}}.unity-gaming-root{--unity-accent:#5be4b7;--unity-accent-strong:#13b87d;--unity-question-color:#34383b;--unity-option-color:#111;--unity-panel-shadow:0 12px 34px #11171c38;box-sizing:border-box;width:100%;min-height:var(--app-height,100dvh);color:#4b4f52;background-color:#f6f6f4;background-image:var(--unity-bg-art);isolation:isolate;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;padding:clamp(24px,4.2vh,54px) clamp(72px,8vw,154px) clamp(24px,4.5vh,58px);overflow:hidden auto}.unity-gaming-root,.unity-gaming-root *{box-sizing:border-box}.unity-gaming-root.theme-elementary{--unity-question-edge-outer:#f75853;--unity-question-edge-inner:#56f39c;--unity-accent:#ff5b5f;--unity-accent-strong:#e51821}.unity-gaming-root.theme-junior{--unity-question-edge-outer:#4ef7ba;--unity-question-edge-inner:#5177f7;--unity-accent:#54e5bb;--unity-accent-strong:#139967}.unity-gaming-root.theme-senior{--unity-question-edge-outer:#55f4f5;--unity-question-edge-inner:#f75855;--unity-accent:#4ce0e5;--unity-accent-strong:#16a3aa}.unity-gaming-root.theme-college{--unity-question-edge-outer:#557efb;--unity-question-edge-inner:#f4ffa4;--unity-accent:#5d82ea;--unity-accent-strong:#2359ce;--unity-question-color:#34383b}.unity-gaming-root.theme-current{--unity-question-edge-outer:#f7a94d;--unity-question-edge-inner:#8f8f91;--unity-accent:#f6aa52;--unity-accent-strong:#dd7110}.unity-gaming{--unity-question-height-offset:0px;z-index:1;grid-template-rows:minmax(160px, 22vh) minmax(calc(230px - var(--unity-question-height-offset)), calc(37vh - var(--unity-question-height-offset))) auto;width:min(100%,1480px);max-width:1480px;min-height:calc(var(--app-height,100dvh) - clamp(48px, 8.7vh, 112px));align-content:space-between;gap:0;margin:0 auto;display:grid;position:relative}.unity-gaming .gaming-header{grid-template-columns:minmax(118px,164px) minmax(200px,320px) minmax(140px,1fr) auto;align-items:center;gap:clamp(14px,2vw,32px);min-height:150px;display:grid}.unity-timer{font-variant-numeric:tabular-nums;place-items:center;width:112px;height:104px;margin-inline:auto;display:grid;position:relative}.unity-timer-art{pointer-events:none;place-items:center;display:grid;position:absolute;inset:-16px}.unity-timer-art img{object-fit:contain;width:100%;height:100%}.unity-gaming .countdown{z-index:1;color:#55595c;text-shadow:0 2px #fff;min-width:0;font-size:clamp(2.25rem,4vw,3.65rem);font-weight:800;line-height:1;position:relative}.theme-college .countdown{color:#eaf2ff;text-shadow:0 2px 12px #071a3b}.unity-timer.urgent .countdown{color:#e52637;animation:.8s ease-in-out infinite alternate unity-timer-pulse}@keyframes unity-timer-pulse{to{filter:drop-shadow(0 0 8px #ff5d66);transform:scale(1.1)}}.unity-tools{justify-content:flex-start;align-items:center;min-width:0;display:flex;position:relative}.unity-fifty-group{--unity-apple-width:90px;--unity-apple-height:95.4px;--unity-apple-drop:32px;width:300px;height:142px;position:relative}.unity-gaming .unity-fifty-btn{z-index:1;width:var(--unity-apple-width);height:var(--unity-apple-height);filter:drop-shadow(0 5px 2px #0000002e);cursor:pointer;background-color:#0000;border:0;border-radius:0;min-height:0;padding:0;transition:transform .12s,filter .12s;position:absolute;overflow:visible}.unity-fifty-btn img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.unity-fifty-btn--left{inset-block-start:0;inset-inline-start:0}.unity-fifty-btn--center{inset-block-start:var(--unity-apple-drop);inset-inline-start:calc(50% - (var(--unity-apple-width) / 2))}.unity-fifty-btn--right{inset-block-start:0;inset-inline-end:0}.unity-fifty-group[data-count="1"]{width:var(--unity-apple-width)}.unity-fifty-group[data-count="2"]{width:calc(var(--unity-apple-width) * 2.1)}.unity-fifty-group[data-count="2"] .unity-fifty-btn--center{inset-inline:auto 0}.unity-fifty-btn:not(:disabled):hover{z-index:2;filter:brightness(1.08)drop-shadow(0 8px 3px #0003);transform:translateY(-3px)scale(1.04)}.unity-fifty-btn:not(:disabled):active{transform:scale(.96)}.unity-fifty-btn:disabled{cursor:not-allowed;opacity:.55}.unity-progress-cluster{align-items:center;gap:7px;min-width:0;display:grid}.unity-progress-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.unity-progress-dots{flex-wrap:nowrap;justify-content:flex-end;gap:clamp(8px,1.2vw,20px);min-width:0;display:flex}.unity-progress-dots>span{aspect-ratio:1;background-image:var(--unity-point-off);opacity:.82;background-position:50%;background-repeat:no-repeat;background-size:contain;flex:0 34px;width:clamp(18px,2.4vw,34px)}.unity-progress-dots>span.is-answered{background-image:var(--unity-point-on);opacity:1}@media (width>=901px){.unity-gaming .gaming-header{display:block;position:relative}.unity-timer{position:absolute;top:clamp(50px,3vh + 30px,66px);left:clamp(-26px,8% - 50px,46px)}.unity-tools{position:absolute;top:clamp(46px,8vh,92px);left:46%;transform:translate(-22%,-40px)}.unity-progress-cluster{position:absolute;top:clamp(120px,20vh,240px);right:clamp(-100px,3vw - 100px,-40px);transform:translateY(-10px)}.unity-topright{z-index:40;top:max(14px, env(safe-area-inset-top));right:max(24px, env(safe-area-inset-right));position:fixed}.unity-question-box .question-text{transform:translate(0)}}.unity-topright{justify-self:end;align-items:center;gap:10px;display:flex}.unity-gaming .unity-leave-btn{color:#0000;background-color:#0000;background-image:var(--unity-leave-art);cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;border-radius:0;place-items:center;width:45px;min-width:45px;height:47px;min-height:47px;padding:0;transition:transform .12s,filter .12s;display:grid}.unity-gaming .unity-leave-btn:hover{filter:brightness(1.06)drop-shadow(0 3px 5px #00000040);transform:scale(1.08)}.unity-gaming .unity-leave-btn:active{transform:scale(.94)}.unity-gaming .unity-leave-btn>span{font-size:0}.unity-gaming .sound-toggle{color:#fff;background:color-mix(in srgb, var(--unity-accent-strong) 86%, #2d343a);border:3px solid #ffffffdb;border-radius:50%;width:48px;min-width:48px;height:48px;min-height:48px;padding:0;box-shadow:0 3px #34383b80,0 0 0 2px #777}.unity-question-box{min-height:clamp(calc(230px - var(--unity-question-height-offset)), calc(37vh - var(--unity-question-height-offset)), calc(400px - var(--unity-question-height-offset)));color:var(--unity-question-color);background-color:#0000;background-image:var(--unity-question-art);box-shadow:var(--unity-panel-shadow);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:0;align-items:stretch;margin-inline:1.2vw;padding:0;display:grid;position:relative;overflow:hidden}.unity-question-frame,.unity-question-frame-accent{pointer-events:none;display:none}.unity-question-content{z-index:2;justify-content:flex-start;align-items:center;gap:clamp(16px,3vw,44px);min-width:0;min-height:100%;padding:clamp(30px,5vw,72px) clamp(42px,8vw,128px);display:flex;position:relative}.unity-question-box .question-text{--question-text-size:clamp(1.395rem, 2.88vw, 3.24rem);min-width:0;color:inherit;font-size:var(--question-text-size);letter-spacing:.025em;text-align:start;overflow-wrap:anywhere;text-wrap:balance;margin:0;font-weight:650;line-height:1.45}.unity-question-box .question-text--lines-2{--question-text-size:clamp(1.283rem, 2.65vw, 2.98rem)}.unity-question-box .question-text--lines-3{--question-text-size:clamp(1.172rem, 2.42vw, 2.72rem)}.unity-question-box .question-text--lines-4{--question-text-size:clamp(1.06rem, 2.19vw, 2.46rem);line-height:1.3}.unity-question-box.has-image .question-text{text-align:start;flex:62%}.unity-question-box .question-img{z-index:2;object-fit:contain;background:#ffffffe6;border:4px solid #ffffffe6;border-radius:8px;flex:0 30%;width:auto;max-width:min(30%,340px);max-height:clamp(118px,21vh,230px);margin:0;position:relative;box-shadow:0 7px 20px #0003}.unity-question-animation{z-index:1;pointer-events:none;opacity:.8;width:min(24%,310px);height:86%;position:absolute;inset-block-end:3%;inset-inline-end:3%}.unity-question-animation img{object-fit:contain;width:100%;height:100%}.unity-question-mascot{z-index:3;pointer-events:none;width:clamp(56px,6.5vw,124px);position:absolute;inset-block-end:1%;inset-inline-start:1%}.unity-question-mascot img{width:100%;height:auto;image-rendering:pixelated;display:block}.theme-elementary .unity-question-animation{width:min(16%,206.667px);height:57.333%}.theme-senior .unity-question-animation{opacity:.5;width:100%;height:100%;inset:0}.theme-senior .unity-question-animation--senior{opacity:1}.unity-question-animation--senior{overflow:hidden}.senior-question-layer{place-items:center;display:grid;position:absolute}.senior-question-layer img{object-fit:fill;width:100%;height:100%;display:block}.senior-question-layer--gear-right{width:18.25%;height:62.21%;top:3%;left:80.96%}.senior-question-layer--gears-left{width:26.37%;height:37.09%;top:59.87%;left:14.38%}.senior-question-layer--mascot{transform-origin:0 100%;width:13.94%;height:38.97%;top:58.1%;left:1.29%;transform:scale(.6667)}.senior-question-layer--mascot img{image-rendering:pixelated}.theme-college .unity-question-animation{opacity:.45;width:min(21%,250px);height:86%;inset-block-end:3%;inset-inline-end:3%}.theme-college .unity-question-box{background-blend-mode:multiply;background-color:#d9d9d9}.theme-current .unity-question-animation{opacity:.18;width:min(21%,250px);inset-inline:auto 3%}.unity-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vh,22px) clamp(34px,5.8vw,112px);width:100%;display:grid}.unity-gaming .unity-option{min-width:0;min-height:clamp(82px,10.7vh,116px);color:var(--unity-option-color);background-color:#0000;background-image:var(--unity-option-art);box-shadow:none;isolation:isolate;background-position:0;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:0;align-items:center;gap:0;padding:12px 48px 12px clamp(86px,8.5vw,126px);transition:transform .12s,filter .12s,opacity .12s;display:flex;position:relative;overflow:hidden}.unity-gaming .unity-option.option-b{background-position:0 0;background-size:119.894% 268.966%}.unity-gaming .unity-option:not(:disabled):hover{z-index:2;filter:brightness(1.04)drop-shadow(0 7px 5px #0003);transform:translateY(-3px)scale(1.012)}.unity-gaming .unity-option:not(:disabled):active{transform:scale(.985)}.unity-gaming .unity-option:focus-visible,.unity-gaming .unity-fifty-btn:focus-visible,.unity-gaming .sound-toggle:focus-visible{outline-offset:4px;outline:4px solid #ffda3e}.unity-option .option-key{color:#0000;-webkit-user-select:none;user-select:none;background:0 0;width:clamp(42px,4vw,60px);height:auto;position:absolute;inset-inline-start:clamp(22px,3vw,45px)}.unity-option-text{z-index:2;width:100%;min-width:0;font-family:var(--font-family-base);text-align:start;overflow-wrap:anywhere;font-size:clamp(1.08rem,1.9vw,2rem);font-weight:700;line-height:1.34;display:block;position:relative}.unity-option-text--lines-3{font-size:clamp(1rem,1.71vw,1.8rem);line-height:1.2}.unity-option-text--lines-4{font-size:clamp(1rem,1.56vw,1.64rem);line-height:1.12}@media (width>=1200px){.unity-gaming .unity-option{padding-inline-start:clamp(110px,8.5vw + 24px,150px)}}@media (width>=901px){.unity-gaming:has(.unity-option-text--lines-3){--unity-question-height-offset:36px}.unity-gaming:has(.unity-option-text--lines-4){--unity-question-height-offset:52px}}.unity-gaming .unity-option.removed{visibility:visible;opacity:.19;filter:grayscale();text-decoration:line-through}@media (width<=900px){.unity-gaming-root{background-size:auto 100%;padding:26px clamp(18px,4vw,36px) 30px}.unity-gaming{min-height:calc(var(--app-height,100dvh) - 56px);grid-template-rows:auto minmax(190px,1fr) auto;align-content:normal;gap:clamp(14px,2.2vh,24px)}.unity-gaming .gaming-header{grid-template-columns:110px 1fr 56px;grid-template-areas:"timer progress topright""timer tools topright";gap:8px 16px}.unity-timer{grid-area:timer}.unity-tools{grid-area:tools;justify-content:flex-end}.unity-progress-cluster{grid-area:progress}.unity-topright{flex-direction:column;grid-area:topright;justify-self:center;gap:8px}.unity-fifty-group{--unity-apple-width:70.2px;--unity-apple-height:73.8px;--unity-apple-drop:22px;width:230px;height:104px}.unity-progress-dots>span{width:clamp(16px,3.7vw,28px)}.unity-question-content{padding-inline:clamp(38px,7vw,70px)}.unity-question-box{min-height:clamp(190px,28vh,310px);margin-inline:0}.unity-options{column-gap:clamp(12px,3vw,28px)}.unity-gaming .unity-option{padding-inline:clamp(75px,11vw,100px) 34px}}@media (width<=620px){.unity-gaming-root{height:calc(var(--app-height,100dvh) - var(--safe-top) - var(--safe-bottom));min-height:calc(var(--app-height,100dvh) - var(--safe-top) - var(--safe-bottom));padding:max(10px, env(safe-area-inset-top)) clamp(26px, 7vw, 32px) max(22px, env(safe-area-inset-bottom));background-image:var(--unity-bg-art-mobile);background-position:50%;background-size:100% 100%;justify-content:flex-start}.unity-gaming{grid-template-rows:auto auto auto;gap:24px;min-height:auto}.unity-gaming .gaming-header{grid-template-columns:auto 1fr;grid-template-areas:"timer tools""progress progress";align-items:start;gap:0;min-height:auto;padding-block-end:13px;padding-inline-start:20px}.unity-gaming .gaming-header>.unity-timer{grid-area:timer}.unity-gaming .gaming-header>.unity-tools{grid-area:tools}.unity-gaming .gaming-header>.unity-progress-cluster{grid-area:progress}.unity-topright{z-index:40;top:calc(var(--safe-top));right:calc(5px + var(--safe-right));flex-direction:column;gap:6px;position:fixed;translate:none}.unity-gaming .unity-leave-btn{background-size:21.84px 19.04px;width:44px;min-width:44px;height:44px;min-height:44px}.unity-timer{width:70px;height:70px;margin-block-start:-10px;margin-inline:0}.unity-timer-art{inset:-10.8px}.unity-gaming .countdown{color:#303030;text-shadow:none;font-size:clamp(1.78rem,8.9vw,2.19rem)}.unity-timer-unit{font-size:.48rem;inset-block-end:-2px}.unity-progress-label{font-size:.68rem}.unity-progress-dots{justify-content:center;gap:clamp(3px,1vw,6px);transform:translateY(18px)}.unity-progress-dots>span{flex:0 auto;width:clamp(12px,5.54vw,24px)}.unity-gaming .sound-toggle{width:44px;min-width:44px;height:44px;min-height:44px}.unity-tools{justify-content:flex-end;margin-block-start:-5px;padding-inline:0 7px}.unity-fifty-group{--unity-apple-width:44px;--unity-apple-height:47px;--unity-apple-drop:5px;width:150px;height:60px;transform:none}.unity-question-box{--unity-question-chamfer:22px;--unity-question-edge-1:3px;--unity-question-edge-2:5px;--unity-question-edge-3:8px;width:98%;min-height:calc(315px - var(--unity-question-height-offset));background-color:var(--unity-question-edge-outer);box-shadow:none;clip-path:polygon(var(--unity-question-chamfer) 0, 100% 0, 100% calc(100% - var(--unity-question-chamfer)), calc(100% - var(--unity-question-chamfer)) 100%, 0 100%, 0 var(--unity-question-chamfer));background-image:none;margin-inline:auto}.theme-college .unity-question-box{background-color:var(--unity-question-edge-outer);background-blend-mode:normal}.unity-question-frame{--c:calc(var(--unity-question-chamfer) - var(--unity-question-edge-1) * .586);z-index:0;inset:var(--unity-question-edge-1);clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));background-color:#262425;display:block;position:absolute}.unity-question-frame:before,.unity-question-frame:after{content:"";position:absolute}.unity-question-frame:before{--c:calc(var(--unity-question-chamfer) - var(--unity-question-edge-2) * .586);inset:calc(var(--unity-question-edge-2) - var(--unity-question-edge-1));background-color:var(--unity-question-edge-inner);clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c))}.unity-question-frame:after{--c:calc(var(--unity-question-chamfer) - var(--unity-question-edge-3) * .586);inset:calc(var(--unity-question-edge-3) - var(--unity-question-edge-1));clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));background-color:#f6f6f6}.unity-question-frame-accent{z-index:0;background-color:var(--unity-question-edge-outer);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);width:9.4%;min-width:34px;height:6px;display:block;position:absolute;inset-block-end:var(--unity-question-edge-1);inset-inline-start:12.8%}.unity-question-content{flex-direction:column;justify-content:center;gap:8px;padding:18px 20px 80px}.unity-question-box .question-text,.unity-question-box.has-image .question-text{--question-text-size:clamp(1.67rem, 7.49vw, 2.16rem);text-align:start;flex:0 auto;line-height:1.3;overflow-y:auto}.unity-question-box:not(.has-image) .question-text{text-wrap:wrap;align-self:stretch;width:100%}.unity-question-box .question-img{flex-basis:auto;max-width:min(54%,180px);max-height:92px}.unity-question-animation{opacity:.18}.unity-question-mascot{width:100px;inset-block-end:9px;inset-inline-start:9px}.theme-elementary .unity-question-animation,.theme-junior .unity-question-animation,.theme-college .unity-question-animation,.theme-current .unity-question-animation{width:150px;height:180px;inset:auto 9px 9px auto}.unity-question-animation img{object-position:right bottom}.theme-senior .unity-question-animation:not(.unity-question-animation--senior) img{object-fit:cover;object-position:center;width:100%;height:100%}.senior-question-layer--gear-right{width:88px;height:80px;inset:8px 9px auto auto}.senior-question-layer--gears-left{width:172px;height:64px;inset:auto auto 8px 38px}.senior-question-layer--mascot{width:100px;height:76px;inset:auto auto 9px 9px;transform:none}.unity-options{grid-template-columns:1fr;gap:10px}.unity-question-box,.unity-options{translate:0 -15px}.unity-gaming:has(.unity-option-text--lines-2){--unity-question-height-offset:24px}.unity-gaming:has(.unity-option-text--lines-3){--unity-question-height-offset:68px}.unity-gaming:has(.unity-option-text--lines-4){--unity-question-height-offset:100px}.unity-gaming .unity-option{background-image:none;min-height:60px;padding:7px 24px 7px calc(74px + 1em)}.unity-gaming .unity-option:before,.unity-gaming .unity-option:after{content:"";z-index:-1;pointer-events:none;background:var(--unity-option-art) left top / 100% 100% no-repeat;position:absolute;inset-inline:0}.unity-gaming .unity-option:before{clip-path:polygon(0 0,13.26% 0,17.24% 50%,13.26% 100%,0 100%);height:60px;top:50%;transform:translateY(-50%)}.unity-gaming .unity-option:after{clip-path:polygon(13.26% 0,100% 0,100% 100%,13.26% 100%,20.3% 50%);inset-block:0}.unity-gaming .unity-option.option-b:before,.unity-gaming .unity-option.option-b:after{background-size:119.894% 268.966%}.unity-option .option-key{inset-inline-start:17px}.unity-option-text{font-size:clamp(1.17rem,4.914vw,1.357rem);line-height:1.34}:where(.unity-options:has(.unity-option-text--lines-3)) .unity-option-text{font-size:clamp(1.053rem,4.423vw,1.217rem);line-height:1.2}:where(.unity-options:has(.unity-option-text--lines-4)) .unity-option-text{font-size:clamp(.959rem,4.037vw,1.112rem);line-height:1.12}.unity-feedback-mark{width:30px;height:30px;font-size:1.35rem;inset-inline-end:10px}}@media (width<=380px){.unity-gaming-root{padding-inline:22px}.unity-question-box{min-height:calc(275px - var(--unity-question-height-offset))}.unity-question-content{padding:18px 22px 88px}.unity-gaming .unity-option{min-height:58px}.unity-gaming .unity-option:before{height:58px}}@media (width<=620px) and (orientation:portrait){.unity-gaming{flex-shrink:0;grid-template-rows:auto minmax(0,1fr) 270px;align-content:start;gap:10px;height:100%;min-height:0}.unity-question-box{height:100%;min-height:0}.unity-options{grid-template-rows:repeat(4,minmax(0,1fr));height:270px;min-height:270px}.unity-gaming .gaming-header{padding-block-end:29px}}@media (height<=520px) and (orientation:landscape){.unity-gaming-root{min-height:var(--app-height,100dvh);padding:max(8px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background-size:100% 100%}.unity-gaming{width:min(100%,980px);min-height:0;height:calc(var(--app-height,100dvh) - max(18px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));grid-template-rows:68px minmax(128px,1fr) auto;gap:6px}.unity-gaming .gaming-header{grid-template-columns:72px clamp(144px,35vw,184px) minmax(80px,1fr) 48px;grid-template-areas:"timer tools progress topright";gap:8px 14px;min-height:68px}.unity-topright{flex-direction:column;grid-area:topright;justify-self:center;gap:6px}.unity-gaming .unity-leave-btn{width:44px;min-width:44px;height:44px;min-height:44px}.unity-timer{width:60px;height:60px}.unity-timer-art{inset:-7px}.unity-gaming .countdown{font-size:2rem}.unity-timer-unit{inset-block-end:-1px}.unity-tools{justify-content:center;padding:0}.unity-fifty-group{--unity-apple-width:clamp(41.4px, 9.9vw, 52.2px);--unity-apple-height:clamp(44.1px, 10.26vw, 55.8px);--unity-apple-drop:clamp(10px, 2.6vw, 16px);width:clamp(142px,34.5vw,180px);height:calc(var(--unity-apple-height) + var(--unity-apple-drop))}.unity-progress-cluster{gap:3px}.unity-progress-label{font-size:.66rem}.unity-progress-dots{gap:2px}.unity-progress-dots>span{width:clamp(13px,2.25vw,19px)}.unity-gaming .sound-toggle{width:44px;min-width:44px;height:44px;min-height:44px}.unity-question-box{min-height:128px;margin-inline:0}.unity-question-content{flex-direction:row;gap:12px;padding:16px clamp(34px,7vw,64px)}.unity-question-box .question-text,.unity-question-box.has-image .question-text{--question-text-size:clamp(.9rem, 2.34vw, 1.215rem);text-align:start;flex:auto;line-height:1.34}.unity-question-box .question-text--lines-2{--question-text-size:clamp(.828rem, 2.153vw, 1.118rem)}.unity-question-box .question-text--lines-3{--question-text-size:clamp(.756rem, 1.966vw, 1.02rem)}.unity-question-box .question-text--lines-4{--question-text-size:clamp(.684rem, 1.778vw, .924rem);line-height:1.22}.unity-question-box .question-img{max-width:min(22%,150px);max-height:86px}.unity-question-mascot{width:clamp(29px,6vw,50px);inset-block-end:1%;inset-inline-start:1%}.unity-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 18px}.unity-gaming .unity-option{background-image:var(--unity-option-art);background-position:0;background-size:100% 100%;min-height:56px;padding:6px 28px 6px 68px}.unity-gaming .unity-option:before,.unity-gaming .unity-option:after{content:none}.theme-college .unity-option{background-position:0 0;background-size:auto 235%}.unity-option .option-key{inset-inline-start:14px}.unity-option-text{font-size:clamp(.94rem,2.2vw,1.08rem)}.unity-option-text--lines-3{font-size:clamp(.846rem,1.98vw,.972rem)}.unity-option-text--lines-4{font-size:clamp(.77rem,1.8vw,.886rem)}}.is-tutorial .tutorial-spot{z-index:46;border-radius:16px;animation:1.4s ease-in-out infinite alternate tutorial-glow;box-shadow:0 0 0 4px #ffe05aeb,0 0 26px 8px #ffe05a80,0 0 0 100vmax #0b0f139e}.is-tutorial .unity-question-box.tutorial-spot{clip-path:none;background-color:#f1b82d;border-radius:20px}.is-tutorial .unity-options.tutorial-spot{position:relative}@keyframes tutorial-glow{to{box-shadow:0 0 0 5px #ffee96,0 0 36px 14px #ffe05ab8,0 0 0 100vmax #0b0f139e}}@media (width<=620px){.is-tutorial .unity-tools.tutorial-spot,.is-tutorial .unity-progress-cluster.tutorial-spot,.is-tutorial .unity-timer.tutorial-spot{box-shadow:none;animation:none}.is-tutorial .unity-tools.tutorial-spot .unity-fifty-group{border-radius:12px;animation:1.4s ease-in-out infinite alternate tutorial-glow;box-shadow:0 0 0 4px #ffe05aeb,0 0 26px 8px #ffe05a80,0 0 0 100vmax #0b0f139e}.is-tutorial .unity-progress-cluster.tutorial-spot .unity-progress-dots{position:relative}.is-tutorial .unity-progress-cluster.tutorial-spot .unity-progress-dots:before,.is-tutorial .unity-timer.tutorial-spot:before{content:"";pointer-events:none;border-radius:20px;animation:1.4s ease-in-out infinite alternate tutorial-glow;position:absolute;inset:-16px;box-shadow:0 0 0 4px #ffe05aeb,0 0 26px 8px #ffe05a80,0 0 0 100vmax #0b0f139e}.is-tutorial .unity-progress-cluster.tutorial-spot .unity-progress-dots:before{border-radius:14px;inset:-5px}}@media (width<=620px) and (orientation:portrait){html[data-platform=android][data-display-mode=standalone] .unity-gaming-root .unity-timer{margin-block-start:24px}html[data-platform=android][data-display-mode=standalone] .unity-gaming-root .unity-tools{margin-block-start:30px}html[data-display-mode=browser] .unity-gaming-root:not(.is-tutorial){background-size:100% 100%;height:auto;min-height:900px;overflow:visible}html[data-display-mode=browser] .unity-gaming-root:not(.is-tutorial) .unity-gaming{grid-template-rows:auto minmax(calc(315px - var(--unity-question-height-offset)), auto) auto;height:auto;min-height:0}html[data-display-mode=browser] .unity-gaming-root:not(.is-tutorial) .unity-question-box{height:auto;min-height:calc(315px - var(--unity-question-height-offset))}html[data-display-mode=browser] .unity-gaming-root:not(.is-tutorial) .unity-options{grid-template-rows:repeat(4,minmax(60px,auto));height:auto;min-height:270px}html[data-display-mode=browser] .unity-gaming-root .unity-timer{width:56px;height:56px;margin-block-start:14px;translate:0 14px}html[data-display-mode=browser] .unity-gaming-root .unity-timer-art{inset:-6px}html[data-display-mode=browser] .unity-gaming-root .countdown{font-size:clamp(1.5rem,7.2vw,1.78rem)}html[data-display-mode=browser] .unity-gaming-root .unity-tools{margin-block-start:13px}html[data-display-mode=browser] .unity-gaming-root .unity-fifty-group{--unity-apple-width:36px;--unity-apple-height:39px;--unity-apple-drop:3px;width:120px;height:48px;translate:0 14px}html[data-display-mode=browser] .unity-gaming-root:not(.is-tutorial) .unity-progress-dots{justify-content:flex-end}html[data-platform=android][data-display-mode=browser] .unity-gaming-root:not(.is-tutorial) .unity-progress-cluster{margin-block-start:24px}html[data-platform=android][data-display-mode=browser] .unity-gaming-root .unity-timer,html[data-platform=android][data-display-mode=browser] .unity-gaming-root .unity-fifty-group{translate:0 26px}}@media (prefers-reduced-motion:reduce){.unity-timer.urgent .countdown{animation:none}.unity-gaming .unity-option,.unity-gaming .unity-fifty-btn{transition:none}.is-tutorial .tutorial-spot,.is-tutorial .unity-tools.tutorial-spot .unity-fifty-group,.is-tutorial .unity-timer.tutorial-spot:before,.is-tutorial .unity-progress-cluster.tutorial-spot .unity-progress-dots:before{animation:none}}@media (forced-colors:active){.unity-gaming-root{background-image:none}.unity-question-box,.unity-gaming .unity-option,.unity-gaming .unity-fifty-btn{border:2px solid buttontext}.unity-option .option-key{color:buttontext}}@media (width>=901px) and (orientation:landscape){body:has(.unity-gaming-root){background:#fff;place-items:center;min-height:100dvh;display:grid}#root:has(.unity-gaming-root){--app-height:min(100dvh, 56.25vw);width:min(100vw,177.778dvh);height:var(--app-height);box-shadow:none;position:relative;overflow:hidden;transform:translateZ(0);container-type:inline-size}.unity-gaming-root{height:var(--app-height);background-color:#fff;padding:0;overflow:hidden}.unity-gaming{width:100%;max-width:none;height:100%;min-height:0;margin:0;display:block}.unity-gaming .gaming-header{pointer-events:none;min-height:0;position:absolute;inset:0}.unity-timer{width:7.29167cqw;height:6.77083cqw;margin:0;top:11.5741%;left:10.4167%}.unity-timer-art{inset:-1.04167cqw}.unity-gaming .countdown{text-shadow:none;font-family:Times New Roman,serif;font-size:4.16667cqw;font-weight:400}.unity-tools{pointer-events:auto;top:10.6481%;left:41.6667%;transform:none}.unity-fifty-group{--unity-apple-width:5.20833cqw;--unity-apple-height:5.52083cqw;--unity-apple-drop:3.64583cqw;width:16.6667cqw;height:9.375cqw}.unity-gaming .unity-fifty-btn{filter:none}.unity-progress-cluster{width:34.8958%;top:23.8889%;right:5.20833%;transform:none}.unity-progress-dots{justify-content:space-between;gap:0}.unity-progress-cluster:has(.unity-progress-dots>span:nth-child(15)){width:35.9375%}.unity-progress-dots>span{flex:0 0 2.08333cqw;width:2.08333cqw}.unity-topright{pointer-events:auto;position:absolute;top:1.15741%;right:1.04167%}.unity-gaming .unity-leave-btn{width:2.34375cqw;min-width:0;height:2.44792cqw;min-height:0}.unity-question-box{width:83.3333%;height:39.4444%;min-height:0;box-shadow:none;margin:0;position:absolute;top:30.2778%;left:8.33333%}.unity-question-content{justify-content:center;gap:2.08333cqw;padding:2.08333cqw 6.66667cqw}.unity-question-box .question-text{--question-text-size:2.08333cqw;letter-spacing:0;text-align:center;font-weight:400}.unity-question-box .question-text--lines-2{--question-text-size:1.875cqw}.unity-question-box .question-text--lines-3{--question-text-size:1.66667cqw}.unity-question-box .question-text--lines-4{--question-text-size:1.5625cqw}.unity-question-box.has-image .question-text{text-align:start}.unity-question-box:not(.has-image) .question-text{width:100%;max-width:72%}.unity-options{grid-template-rows:repeat(2,minmax(0,1fr));gap:1.04167cqw 6.04167cqw;width:83.75%;height:23.5185%;position:absolute;top:71.1111%;left:7.91667%}.unity-gaming .unity-option{min-height:0;padding:.416667cqw 1.04167cqw .416667cqw 8.54167cqw}.unity-option-text{font-size:1.45833cqw;font-weight:400;line-height:1.3}.unity-option-text--lines-3{font-size:1.25cqw}.unity-option-text--lines-4{font-size:1.14583cqw;line-height:1.15}.theme-elementary .unity-question-box .question-text{--question-text-size:clamp(1.395rem, 2.88cqw, 3.24rem)}.theme-elementary .unity-question-box .question-text--lines-2{--question-text-size:clamp(1.283rem, 2.65cqw, 2.98rem)}.theme-elementary .unity-question-box .question-text--lines-3{--question-text-size:clamp(1.172rem, 2.42cqw, 2.72rem)}.theme-elementary .unity-question-box .question-text--lines-4{--question-text-size:clamp(1.06rem, 2.19cqw, 2.46rem)}.theme-elementary .unity-option-text{font-size:clamp(1.08rem,1.9cqw,2rem)}.theme-elementary .unity-option-text--lines-3{font-size:clamp(1rem,1.71cqw,1.8rem)}.theme-elementary .unity-option-text--lines-4{font-size:clamp(1rem,1.56cqw,1.64rem)}.theme-elementary .unity-question-animation{opacity:1;width:21%;height:76%;bottom:1%;right:6.5%}.theme-elementary .unity-question-mascot{width:13.94%}}.end-root{--end-accent:#ee5660;--end-accent-deep:#b71c2a;isolation:isolate;min-height:var(--app-height,100dvh);justify-content:flex-start;padding:clamp(24px,4vw,60px) clamp(16px,5vw,80px);position:relative;overflow:hidden}.end-root.is-lose{--end-accent:#5a9fe1;--end-accent-deep:#256eaa}.end-root{background:#d3d3d3}.end-bg-art{z-index:-1;width:100%;height:var(--app-height,100dvh);object-fit:fill;mix-blend-mode:multiply;pointer-events:none;position:fixed;inset:0}.end-panel{z-index:1;flex-direction:column;align-items:center;gap:clamp(14px,2.4vw,26px);width:min(100%,1040px);margin:0 auto;display:flex;position:relative}.end-hero{place-items:center;width:100%;min-height:clamp(120px,20vw,220px);display:grid;position:relative}.end-title-art{pointer-events:none;filter:drop-shadow(0 10px 24px #283c4647);width:min(82%,620px);height:auto}.end-root.is-win .end-title-art{width:min(65.6%,496px)}.end-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.end-score-line{color:#333;letter-spacing:.06em;text-align:center;box-shadow:none;background:0 0;border:0;margin:0;padding:0;font-size:clamp(22px,2.8vw,34px);font-weight:700}.end-score-num,.end-score-max{color:#333;font-size:inherit;font-weight:inherit}.end-actions{flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,1.6vh,16px);display:flex}.end-root.is-lose .end-actions{position:relative;top:-25px}.end-btn{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:transform .12s,filter .12s;display:inline-grid;position:relative}.end-btn img{pointer-events:none;width:auto;height:clamp(52px,8vw,74px);display:block}.end-btn--wide img{width:clamp(240px,30vw,400px);height:auto}.end-btn span{color:#37474f;letter-spacing:.08em;text-shadow:0 1px 2px #fffc;pointer-events:none;place-items:center;font-size:clamp(16px,2.2vw,22px);font-weight:850;display:grid;position:absolute;inset:0}.end-btn--primary-action span{font-size:clamp(32px,4.4vw,44px)}.end-btn:hover{filter:brightness(1.04);transform:translateY(-2px)}.end-btn:active{transform:translateY(0)}.end-btn:focus-visible{outline:3px solid var(--end-accent-deep);outline-offset:3px;border-radius:4px}.end-lower{justify-content:space-between;align-items:flex-end;gap:clamp(16px,4vw,40px);width:100%;margin-top:clamp(4px,1.5vw,14px);display:flex}@media (width>=721px){.end-root{height:var(--app-height,100dvh);overflow:hidden}.end-lower{margin-top:0}.end-qr{z-index:2;position:fixed;bottom:clamp(20px,6vh,64px);left:clamp(24px,6vw,110px)}.end-ad-rail{z-index:2;position:fixed;bottom:clamp(60px,16vh,170px);right:clamp(24px,6vw,110px)}}.end-qr{box-shadow:none;background:0 0;border:0;border-radius:6px;flex-direction:column;align-items:center;gap:8px;padding:14px;display:flex}.end-qr-link{line-height:0;display:block}.end-qr-img,.end-qr-placeholder{border:4px solid #fff;border-radius:2px;width:clamp(112px,15vw,150px);height:clamp(112px,15vw,150px);box-shadow:0 8px 20px #31555a29}.end-qr-placeholder{color:#506166;text-align:center;background:repeating-linear-gradient(-45deg,#f2f7f7,#f2f7f7 9px,#e7f0ef 9px 18px);place-items:center;font-weight:650;display:grid}.end-qr-hint{color:#43575c;text-align:center;margin:0;font-size:clamp(20px,2.4vw,24px);font-weight:700}.end-qr-fallback{border:1px solid color-mix(in srgb, var(--end-accent) 42%, white);background:#fffffff2;border-radius:4px;width:clamp(180px,24vw,240px);padding:10px}.end-qr-error{color:var(--end-accent-deep);margin:0 0 6px;font-size:16px;line-height:1.5}.end-qr-link-label{color:#43575c;flex-direction:column;gap:4px;font-size:16px;font-weight:700;display:flex}.end-qr-link-input{color:#263f44;background:#f7fcfc;border:1px solid #62858b;border-radius:3px;width:100%;min-width:0;padding:6px 8px;font-size:16px}.end-ad-rail{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.end-ad-link{background:#fffffff0;border:1px solid #55797f59;border-radius:6px;padding:8px 12px;transition:transform .12s,box-shadow .12s;display:block;box-shadow:0 6px 16px #3053581f}.end-ad-link:hover{transform:translateY(-2px);box-shadow:0 10px 22px #3053582e}.end-ad-link:focus-visible{outline:3px solid var(--end-accent-deep);outline-offset:2px}.end-ad-link img{width:clamp(150px,18vw,220px);height:auto;display:block}.end-mascot-layer{z-index:0;pointer-events:none;position:fixed;inset:0}.end-mascot{pointer-events:none;position:absolute}.end-mascot img{width:100%;height:auto;image-rendering:pixelated;display:block}.end-mascot--elementary{width:clamp(52px,5.6vw,115px);top:30%;left:12%}.end-mascot--senior{width:clamp(48px,5vw,102px);top:30%;left:23%}.end-mascot--junior{width:clamp(48px,5vw,102px);top:30%;right:20%}.end-mascot--college{width:clamp(48px,5vw,102px);top:30%;right:11%}.end-mascot--events{width:clamp(108px,11.8vw,240px);bottom:4.7vh;left:50%;transform:translate(-50%)}.end-qr-visual,.end-qr-companions{display:contents}.end-qr-companions .end-mascot{position:fixed}@media (width<=720px){body:has(.end-root.is-win){background:#d3d3d3}.end-root.is-win{min-height:calc(100dvh - var(--safe-top) - var(--safe-bottom))}.end-root.is-win .end-bg-art{top:var(--safe-top);right:var(--safe-right);bottom:var(--safe-bottom);left:var(--safe-left);width:calc(100% - var(--safe-left) - var(--safe-right));height:calc(100dvh - var(--safe-top) - var(--safe-bottom))}.end-root.is-win .end-mascot-layer{inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.end-root.is-win .end-title-art{width:min(82%,620px)}.end-root.is-win .end-panel{margin-top:12px}.end-root.is-win .end-ad-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:95%;display:grid}.end-root.is-win .end-lower{gap:0;margin-top:calc(clamp(4px,1.5vw,14px) - 12px)}.end-root.is-win .end-qr{margin-bottom:0}.end-root.is-win .end-ad-link{place-items:center;min-width:0;height:100%;min-height:44px;padding:6px 8px;display:grid}.end-root.is-win .end-ad-link img{width:100%;max-width:200px}.end-root.is-win .end-qr-visual{--companion-width:clamp(32px, 12.3vw, 48px);--companion-gap:clamp(4px, 1.5vw, 10px);place-items:center;display:grid;position:relative}.end-qr-companions .end-mascot{width:var(--companion-width);opacity:.72;position:absolute;top:50%;transform:translateY(-50%)}.end-qr-companions .end-mascot--elementary{width:clamp(34px,13.3vw,52px);left:auto;right:calc(100% + var(--companion-width) + 2 * var(--companion-gap))}.end-qr-companions .end-mascot--senior{left:auto;right:calc(100% + var(--companion-gap))}.end-qr-companions .end-mascot--junior{right:auto;left:calc(100% + var(--companion-gap))}.end-qr-companions .end-mascot--college{right:auto;left:calc(100% + var(--companion-width) + 2 * var(--companion-gap))}.end-root{padding:16px 14px 40px}.end-bg-art{opacity:1}.end-mascot-layer{opacity:.72}.end-bg-anim{opacity:.9;width:min(66vw,340px)}.end-lower{flex-direction:column;align-items:center}.end-ad-rail{flex-flow:wrap;justify-content:center;align-items:center}.end-ad-link img{width:min(44vw,200px)}html[data-display-mode=browser] .end-root{height:auto;min-height:900px;padding-bottom:calc(48px + var(--safe-bottom));overflow:visible}html[data-display-mode=browser] .end-root .end-mascot-layer{position:absolute}html[data-display-mode=browser] .end-root.is-win{padding-bottom:calc(100px + var(--safe-bottom))}html[data-display-mode=browser] .end-root.is-win .end-bg-art,html[data-display-mode=browser] .end-root.is-lose .end-bg-art{width:100%;height:100%;position:absolute;inset:0}html[data-display-mode=browser] .end-root.is-win .end-mascot--events{bottom:calc(50px + var(--safe-bottom))}}@media (width>=901px) and (orientation:landscape){body:has(.end-root.is-win){background:#fff;place-items:center;min-height:100dvh;display:grid}#root:has(.end-root.is-win){--app-height:min(100dvh, 56.25vw);width:min(100vw,177.778dvh);height:var(--app-height);box-shadow:none;position:relative;overflow:hidden;transform:translateZ(0);container-type:inline-size}.end-root.is-win{width:100%;height:var(--app-height);background:#d9d9d9;padding:0;display:block}.is-win .end-panel{width:100%;height:100%;margin:0;display:block}.is-win .end-hero{width:37.9167%;min-height:0;position:absolute;top:12.037%;left:50%;transform:translate(-50%)}.end-root.is-win .end-title-art{filter:none;width:100%}.is-win .end-score-line{letter-spacing:0;color:#000;width:max-content;font-size:2.5cqw;font-weight:400;line-height:1.2;position:absolute;top:56.9444%;left:50%;transform:translate(-50%)}.is-win .end-score-num,.is-win .end-score-max{color:inherit;font-family:Times New Roman,serif}.is-win .end-actions{gap:1.25cqw;width:26.0417%;position:absolute;top:65.2778%;left:50%;transform:translate(-50%)}.is-win .end-btn{width:100%;height:5.52083cqw}.is-win .end-btn--wide img{width:100%;height:100%}.is-win .end-btn--primary-action span{letter-spacing:0;color:gray;text-shadow:none;font-size:3.125cqw;font-weight:400;line-height:1}.is-win .end-qr{gap:.416667cqw;width:12.5%;margin:0;padding:0;top:67.5926%;bottom:auto;left:7.03125%}.is-win .end-qr-img,.is-win .end-qr-placeholder{width:11.25cqw;height:11.25cqw;box-shadow:none;border:.416667cqw solid #fff;border-radius:0;padding:0}.is-win .end-qr-hint{color:#333;white-space:nowrap;font-size:2.08333cqw;font-weight:400;line-height:1.2}.is-win .end-ad-rail{gap:1.35417cqw;top:67.5926%;bottom:auto;right:5.83333%}.is-win .end-ad-link{box-shadow:none;background:#fff;border:0;border-radius:0;padding:0}.is-win .end-ad-link img{width:21.1458cqw}.is-win .end-mascot--elementary{width:6.25cqw;top:30.5556%;left:12.0833%}.is-win .end-mascot--senior{width:6.25cqw;top:30.5556%;left:23.0208%}.is-win .end-mascot--junior{width:6.25cqw;top:30.5556%;right:19.7917%}.is-win .end-mascot--college{width:6.25cqw;top:30.5556%;right:10%}.is-win .end-mascot--events{width:12.5cqw;bottom:4.44444%}}body:has(.result-root){display:block}#root:has(.result-root){height:auto;min-height:100dvh;margin-inline:auto;overflow:visible}.result-root{isolation:isolate;min-height:var(--app-height,100dvh);background:#f7faf9;justify-content:center;padding:24px 10px 72px;display:flex;position:relative}.result-panel{width:min(100%,720px)}.result-back-button{color:#fff;font:inherit;cursor:pointer;background:#4c7479;border:0;border-radius:4px;margin:0 0 14px;padding:9px 16px;font-weight:800;box-shadow:0 4px 10px #2f545a33}.result-back-button:hover{background:#365d62}.result-summary{text-align:center;clip-path:polygon(24px 0,calc(100% - 74px) 0,calc(100% - 58px) 12px,100% 12px,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px);background:linear-gradient(135deg,#f092361f,#0000 35%),#ffffffe0;border:2px solid #617f84;margin-bottom:22px;padding:clamp(24px,5vw,42px) clamp(18px,5vw,44px) 28px;position:relative;box-shadow:inset 0 0 0 6px #ffffffbd,0 18px 45px #33545921}.result-summary:before,.result-summary:after{content:"";background:linear-gradient(90deg,#75d09b,#59a6dc);height:5px;position:absolute}.result-summary:before{width:34%;top:0;left:64px}.result-summary:after{width:22%;bottom:0;right:22px}.result-kicker{display:none}.result-title{color:#2f545a;letter-spacing:.12em;margin:0 0 12px;font-size:clamp(30px,5vw,46px);font-weight:900}.result-score-row{line-height:1}.result-score{color:#247b77;background:linear-gradient(135deg,#4aa874,#367fc1);letter-spacing:-.05em;-webkit-background-clip:text;background-clip:text;font-size:clamp(58px,10vw,88px);font-weight:900}.result-score-max{color:#617176;font-size:clamp(20px,3vw,28px);font-weight:700}.result-count{color:#4f6267;font-size:var(--font-base);margin:12px 0 0;font-weight:650}.result-count-ok{color:#2c8c55;font-size:1.16em}.result-list{gap:18px;margin:0;padding:0;list-style:none;display:grid}.result-card{text-align:left;clip-path:polygon(14px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 14px);background:#fffffff0;border:2px solid #718b8f;border-left-width:7px;border-radius:2px;min-width:0;padding:clamp(18px,3vw,28px);position:relative;box-shadow:0 12px 30px #2f4d521c}.result-card:after{content:"";background:#7acb9b;width:96px;height:4px;position:absolute;top:-2px;right:20px}.result-card.is-correct{border-left-color:#42a76b}.result-card.is-wrong{border-left-color:#e2545d}.result-card.is-wrong:after{background:#e86a72}.result-card-head{border-bottom:1px solid #d8e2e2;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:10px;display:flex}.result-order{color:#496368;font-size:var(--font-base);letter-spacing:.06em;font-weight:850}.result-badge{color:#fff;min-width:64px;font-size:var(--font-sm);text-align:center;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);border-radius:2px;padding:4px 12px;font-weight:800}.result-badge.ok{background:linear-gradient(135deg,#65c589,#2f9660)}.result-badge.ng{background:linear-gradient(135deg,#f1747d,#c83f4a)}.result-question{color:#263d42;overflow-wrap:anywhere;margin:0 0 14px;font-size:clamp(19px,2.5vw,24px);font-weight:800;line-height:1.55}.result-img-wrap{text-align:center;margin:0 0 16px}.result-img{border:4px solid #fff;border-radius:3px;max-width:100%;max-height:280px;box-shadow:0 0 0 2px #8ba4a8,0 10px 28px #2c4c5124}.result-options{grid-template-columns:minmax(0,1fr);gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.result-option{color:#33494e;min-width:0;font-size:var(--font-base);background:#f6f9f9;border:1px solid #c9d7d8;border-radius:2px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.result-option.is-answer{background:#edf9f1;border-color:#54af76}.result-option.is-wrong-choice{background:#fff0f1;border-color:#d95a64}.result-option-key{color:#fff;width:32px;height:32px;font-size:var(--font-sm);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);background:#6d898e;border-radius:2px;justify-content:center;align-items:center;font-weight:850;display:inline-flex}.result-option.is-answer .result-option-key{background:#3b9d63}.result-option.is-wrong-choice .result-option-key{background:#cf4651}.result-option-text{overflow-wrap:anywhere;min-width:0}.result-option-tags{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.tag{font-size:var(--font-sm);white-space:nowrap;border-radius:2px;padding:2px 7px;font-weight:800}.tag-answer{color:#277447;background:#dff3e6}.tag-yours{color:#a8323b;background:#ffe0e2}.result-your-answer{color:#586a6e;font-size:var(--font-sm);margin:0 0 10px}.result-your-answer strong{color:#243b40}.result-brief{color:#34494e;font-size:var(--font-base);overflow-wrap:anywhere;background:#eef6fa;border-left:4px solid #5c9ed2;border-radius:0;margin:0;padding:14px 16px;line-height:1.65}.result-brief-label{color:#3478ad;margin-right:10px;font-weight:850;display:inline-block}.result-card.is-missing{opacity:.9;border-left-color:#94a3a6}.result-missing-note{color:#5d6f73;font-size:var(--font-base);margin:0 0 10px;line-height:1.6}.result-empty{text-align:center;clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px);background:#fffffff0;border:2px solid #6c898e;border-radius:2px;margin-top:min(16vh,120px);padding:clamp(34px,8vw,72px) clamp(20px,6vw,56px);position:relative;box-shadow:0 18px 48px #2f4e5324}.result-empty:before{content:"";pointer-events:none;border:1px solid #d5e0e0;position:absolute;inset:10px}.result-empty .result-title{letter-spacing:.05em;position:relative}.result-empty-text{color:#596b70;max-width:34em;font-size:var(--font-base);margin:0 auto 20px;line-height:1.7;position:relative}.result-empty .btn-primary{box-shadow:none;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:linear-gradient(135deg,#69c88d,#3d88c3);border-radius:3px;position:relative}@media (width<=430px){.result-summary{padding-inline:14px}.result-title{letter-spacing:.06em}.result-card{padding:16px 12px 18px 16px}.result-option{grid-template-columns:32px minmax(0,1fr)}.result-option-tags{grid-column:2;justify-content:flex-start}}.rank-root{isolation:isolate;min-height:var(--app-height,100dvh);background:linear-gradient(#f8f5e8 0%,#f4f8f3 56%,#eaf3f2 100%);justify-content:center;padding:clamp(20px,3.5vw,48px) clamp(12px,4vw,48px) 48px;display:flex;position:relative}@media (width>=721px){.rank-root{height:var(--app-height,100dvh);padding-top:clamp(10px,1.6vh,20px);padding-bottom:clamp(8px,1.5vh,16px);overflow:hidden}.rank-table-wrap{padding:16% 11.5% 16.5%}.rank-table tbody td{height:clamp(20px,3.4vh,30px)}.rank-table{top:-25px}}.rank-root:before{content:"";z-index:-2;opacity:1;pointer-events:none;background:url(/assets/Rank/A7_rank_bg.webp) 50%/100% 100% no-repeat;position:fixed;inset:0}.rank-root:after{display:none}.rank-panel{flex-direction:column;gap:0;width:min(100%,1680px);display:flex}.rank-header{z-index:2;position:fixed;top:clamp(20px,2.1vh,32px);right:clamp(24px,2.6vw,54px)}.rank-back{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:transform .12s,filter .12s;display:inline-grid;position:relative}.rank-back img{pointer-events:none;width:clamp(136px,10.6vw,204px);height:auto;display:block}.rank-back span{color:#37575c;letter-spacing:.06em;pointer-events:none;place-items:center;font-size:clamp(17px,1.55vw,30px);font-weight:850;display:grid;position:absolute;inset:0 0 0 22%}.rank-back:hover,.rank-page-btn:hover,.rank-upload-btn:not(:disabled):hover{filter:brightness(1.04);transform:translateY(-2px)}.rank-back:focus-visible,.rank-page-btn:focus-visible,.rank-upload-btn:focus-visible,.rank-retry:focus-visible{outline-offset:3px;border-radius:4px;outline:3px solid #256eaa}.rank-status{color:#53686d;text-align:center;background:#ffffffeb;border:2px solid #70898e;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:210px;padding:44px 28px;display:flex;box-shadow:0 16px 40px #304f541f}.rank-status p{margin:0;line-height:1.7}.rank-status.is-error p{color:#bd3e48}@media (width>=721px){.rank-status.is-empty{z-index:1;box-sizing:border-box;width:70%;min-height:clamp(180px,24vh,300px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.rank-status.is-empty p{font-size:clamp(24px,1.9vw,36px);font-weight:750}}.rank-retry{color:#fff;font-size:var(--font-base);cursor:pointer;background:linear-gradient(135deg,#6fc88d,#3f8cc5);border:0;border-radius:4px;padding:10px 24px;font-weight:800}.rank-table-wrap{aspect-ratio:16/9;width:80%;margin-inline:auto;padding:clamp(64px,6.6vw,112px) clamp(58px,6.8vw,130px) clamp(70px,7.2vw,112px);position:relative;overflow:visible}.rank-table-wrap:before{content:"";z-index:0;height:calc(var(--app-height,100dvh) - clamp(10px, 1.6vh, 20px) - clamp(10px, 2vh, 24px) - 103px - clamp(40px, calc(2.4vw + 6px), 52px) - 9px + 30px);pointer-events:none;background:url(/assets/Rank/A7_ranklist_bg_no_content.webp) 50%/100% 100% no-repeat;position:absolute;top:0;left:0;right:0}.rank-table{z-index:1;box-sizing:border-box;border-collapse:separate;border-spacing:0 5px;color:#33494e;table-layout:fixed;background:#315055;border-radius:10px;width:100%;padding:10px;font-size:25.5px;position:relative}.rank-table th,.rank-table td{text-align:left;padding:1.5px clamp(9px,1.4vw,16px)}.rank-table thead th{color:#fff;letter-spacing:.04em;white-space:nowrap;background:#bfd960;border:0;font-size:24px;font-weight:850}.rank-table thead th:first-child{clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px)}.rank-table thead th:last-child{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.rank-table tbody tr{background:#eef6f5eb}.rank-table tbody td{background:#fff;border-top:1px solid #d4e0df;border-bottom:1px solid #d4e0df;height:clamp(28px,3.4vw,40px)}.rank-table tbody td:first-child{border-left:4px solid #78bd7c}.rank-table tbody td:last-child{border-right:1px solid #d4e0df}.rank-row.is-empty-row td{background:#fff;border-color:#d4e0df80}.rank-col-no{color:#397e68;white-space:nowrap;width:4.5em;font-weight:900}.rank-col-name{overflow-wrap:anywhere;width:auto;font-weight:700}.rank-col-time{color:#5e7074;white-space:nowrap;width:12em;font-size:24px}.rank-col-score{color:#367cb2;text-align:right;width:5.5em;font-weight:900}.rank-row.is-me{background:#fff5dc}.rank-row.is-me td:first-child{border-left-color:#eea12f}.rank-row.is-me .rank-col-no,.rank-row.is-me .rank-col-score{color:#a65b10}.rank-me-badge{color:#fff;background:#ee9c28;border-radius:2px;margin-left:5px;padding:1px 6px;font-size:24px;font-weight:850;display:inline-block}.rank-pager{z-index:1;justify-content:center;align-items:center;gap:clamp(48px,6vw,120px);margin:0;display:flex;position:fixed;bottom:calc(clamp(10px,2vh,24px) + 103px);left:50%;transform:translate(-50%)}.rank-page-btn{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:transform .12s,filter .12s;display:inline-grid;position:relative}.rank-page-btn img{pointer-events:none;width:auto;height:clamp(40px,2.4vw + 6px,52px);display:block}.rank-page-btn span{color:#37575c;letter-spacing:.06em;pointer-events:none;place-items:center;padding-bottom:0;font-size:clamp(16px,1.9vw,18px);font-weight:850;display:grid;position:absolute;inset:0}.rank-page-btn--prev span{inset:34% 0 0}.rank-page-btn--next span{inset:0 0 34%}.rank-page-btn--prev{top:-9px}.rank-page-btn--next{top:9px}.rank-pager-info{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rank-upload{--rank-upload-text-size:clamp(16px, 2vw, 20px);z-index:2;aspect-ratio:5204/603;background:url(/assets/Rank/A7_upload_bg.webp) 50%/100% 100% no-repeat;width:min(100% - 24px,800px);margin:0;padding:0;position:fixed;bottom:clamp(10px,2vh,24px);left:50%;transform:translate(-50%)}.rank-upload-score{color:#1b1b1b;letter-spacing:.02em;font-size:clamp(19px,2.4vw,24px);font-weight:900;line-height:1;position:absolute;top:50%;left:8%;transform:translateY(-50%)}.rank-upload-field{width:46%;height:58%;position:absolute;top:50%;left:20%;transform:translateY(-50%)}.rank-upload-input{box-sizing:border-box;color:#33494e;width:100%;min-width:0;height:100%;font-size:var(--rank-upload-text-size);background:url(/assets/Rank/A7_input.webp) 50%/100% 100% no-repeat;border:0;border-radius:0;padding:10px 5%;font-weight:700}.rank-upload-input::placeholder{color:#a06066;font-weight:700}.rank-upload-input:disabled{cursor:not-allowed}.rank-upload-input:focus{box-shadow:none;outline:none}.rank-upload-btn{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:transform .12s,filter .12s;display:inline-grid;position:absolute;top:50%;right:8%;transform:translateY(-50%)}.rank-upload-btn:not(:disabled):hover{transform:translateY(calc(-50% - 2px))}.rank-upload-btn img{pointer-events:none;width:clamp(128px,12.2vw,186px);height:auto;display:block}.rank-upload-btn span{color:#fff;font-size:var(--rank-upload-text-size);letter-spacing:.06em;pointer-events:none;place-items:center;padding-top:0;font-weight:850;display:grid;position:absolute;inset:0}.rank-upload-btn:disabled{cursor:not-allowed;filter:grayscale(.4)opacity(.6)}.rank-upload-msg{width:46%;font-size:var(--font-sm);text-align:center;margin:3px 0 0;font-weight:750;position:absolute;top:100%;left:25%}.rank-upload-msg.is-ok{color:#2f8f52}.rank-upload-msg.is-error{color:#bd3e48}.rank-time-compact{display:none}@media (width<=720px){.rank-time-full{display:none}.rank-time-compact{display:inline}.rank-root{min-height:calc(100dvh - var(--safe-top) - var(--safe-bottom));height:auto;padding:72px 9px 28px}.rank-panel{min-height:0}.rank-status{flex:1;min-height:0;overflow-y:auto}.rank-upload{aspect-ratio:auto;flex-shrink:0;grid-template-columns:auto minmax(0,1fr) 80px;align-items:center;gap:6px;width:95%;min-height:64px;margin:12px auto 0;padding:8px 12px;display:grid;position:relative;bottom:auto;left:auto;transform:none}.rank-upload-score,.rank-upload-field,.rank-upload-btn{width:auto;position:static;transform:none}.rank-upload-score{font-size:18px}.rank-upload-field{height:44px}.rank-upload-btn{height:44px;position:relative;inset:auto}.rank-upload-btn img{width:100%}.rank-upload-btn:not(:disabled):hover{transform:translateY(-2px)}.rank-upload-msg{width:100%;left:0}.rank-pager{flex-shrink:0;margin-top:12px;position:relative;bottom:auto;left:auto;transform:none}.rank-page-btn--prev,.rank-page-btn--next{top:auto}.rank-root:before{inset:calc(52px + var(--safe-top)) var(--safe-right) var(--safe-bottom) var(--safe-left);opacity:1;background-image:url(/assets/Rank/A7_rank_bg_mobile.webp);background-position:50%;background-size:100% 100%}.rank-root:after{background:#f7faf6d1}.rank-header{top:calc(4px + var(--safe-top));right:calc(12px + var(--safe-right));flex-wrap:wrap}.rank-back{height:44px}.rank-table-wrap{aspect-ratio:auto;background:#ffffffed;border:2px solid #68868b;border-radius:6px;flex:none;width:95%;min-height:0;padding:8px;overflow:hidden}.rank-table-wrap:before{display:none}.rank-table{border-spacing:0;table-layout:auto;height:auto;display:block;overflow:visible}.rank-table thead{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:block;position:absolute;overflow:hidden}.rank-table tbody{grid-template-rows:repeat(10,minmax(46px,1fr));gap:4px;height:auto;display:grid}.rank-row.is-empty-row{display:grid}.rank-table tbody tr{background:#fff;border:1px solid #c7d7d6;border-left:5px solid #74b77b;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;min-height:46px;display:grid;box-shadow:0 2px 6px #304e5214}.rank-table tbody .rank-row td{background:0 0;border:0;width:auto;min-width:0;height:auto;padding:3px 6px;font-size:15px;line-height:1.25;display:block}.rank-table tbody td:first-child,.rank-table tbody td:last-child{border:0}.rank-col-no{text-align:center;grid-row:1/span 2;width:auto;font-size:16px}.rank-col-name{grid-column:2;font-size:16px;padding-bottom:0!important}.rank-col-score{grid-area:1/3;font-size:16px}.rank-table tbody tr:not(.is-empty-row) .rank-col-score:after{content:" 分";font-size:12px}.rank-col-time{color:#5e7074;white-space:nowrap;grid-area:2/2/auto/4;width:auto;font-size:13px;padding-top:0!important}.rank-table tbody .rank-col-time:before{content:"";color:#758487}.rank-row.is-me{background:#fff8e7;border-left-color:#eea12f}}@media (width<=390px){.rank-pager{gap:8px}.rank-pager-info{min-width:6.5em}}@media (width>=901px) and (orientation:landscape){body:has(.rank-root){background:#fff;place-items:center;min-height:100dvh;display:grid}#root:has(.rank-root){--app-height:min(100dvh, 56.25vw);width:min(100vw,177.778dvh);height:var(--app-height);box-shadow:none;position:relative;overflow:hidden;transform:translateZ(0);container-type:inline-size}.rank-root{width:100%;height:var(--app-height);padding:0}.rank-panel{width:100%}.rank-header{top:1.85185%;right:1.04167%}.rank-back img{width:13.3333cqw;height:3.85417cqw}.rank-back{isolation:isolate}.rank-back:after{content:"";mix-blend-mode:multiply;pointer-events:none;background:#ecc6c5;position:absolute;inset:16% 5% 16% 22%}.rank-back span{z-index:1;letter-spacing:0;color:#333;font-size:2.1875cqw;font-weight:400}.rank-table-wrap{aspect-ratio:auto;width:65.4167%;margin:0;padding:0;position:absolute;top:15.5556%;left:17.1875%}.rank-table-wrap:before{width:80%;height:80%;display:block;position:fixed;top:4.16667%;left:10.2083%;right:auto}.rank-table{border-spacing:0;background:#374f53;border:0;border-radius:0;padding:.9cqw .625cqw .28cqw 1.2153cqw;display:block;top:0}.rank-table thead,.rank-table tbody{display:block}.rank-table tr{background:0 0;grid-template-columns:18.5fr 34fr 28fr 14fr;column-gap:1.45833cqw;display:grid}.rank-table thead{margin-bottom:.8cqw}.rank-table tbody tr{background:0 0}.rank-table tbody{gap:.494792cqw;display:grid}.rank-table th,.rank-table td{color:#303030;text-align:center;border:0;place-items:center;width:auto;min-width:0;height:2.1875cqw;padding:0 .208333cqw;font-size:1.875cqw;font-weight:400;line-height:1;display:grid;overflow:hidden}.rank-table thead th:nth-child(n){color:#303030;letter-spacing:.1em;clip-path:polygon(1.25cqw 0,100% 0,100% 100%,0 100%,0 .9375cqw);background:#c2d872;font-size:1.25cqw;font-weight:400}.rank-table tbody td,.rank-table tbody td:first-child,.rank-table tbody td:last-child{clip-path:polygon(0 0,calc(100% - .9375cqw) 0,100% .729167cqw,100% 100%,0 100%);border:0;height:2.1875cqw}.rank-table .rank-col-time{font-family:Times New Roman,serif}.rank-table th.rank-col-time{font-family:inherit}.rank-table .rank-col-name{white-space:nowrap;text-overflow:ellipsis}.rank-table .rank-row.is-me td{background:#fff5dc}.rank-me-badge{font-size:.9375cqw}.rank-pager{gap:3.75cqw;top:81.1111%;bottom:auto}.rank-page-btn img{width:7.5cqw;height:3.54167cqw}.rank-page-btn--prev{top:-.625cqw}.rank-page-btn--next{top:.625cqw}.rank-page-btn span{letter-spacing:0;color:#333;font-size:1.25cqw;font-weight:400}.rank-upload{--rank-upload-text-size:1.66667cqw;aspect-ratio:auto;width:54.1667%;height:6.04167cqw;bottom:.925926%}.rank-upload-score{letter-spacing:0;font-size:2.1875cqw;font-weight:400;top:59%;left:10%}.rank-upload-field{width:50%;height:48%;top:57%;left:24%}.rank-upload-input,.rank-upload-input::placeholder{font-weight:400}.rank-upload-input{padding:0 2%}.rank-upload-btn{top:57%;right:7%}.rank-upload-btn img{width:8.95833cqw;height:2.60417cqw}.rank-upload-btn span{letter-spacing:0;font-weight:400}.rank-upload-msg{top:auto;bottom:100%}.rank-status{align-self:center;margin-top:15%}}.stats-root{isolation:isolate;min-height:var(--app-height,100dvh);background:radial-gradient(circle at 12% 12%,#afd95f33,#0000 32rem),radial-gradient(circle at 88% 84%,#569fd32e,#0000 30rem),linear-gradient(#fbfcf7,#edf5f4);justify-content:center;padding:clamp(24px,4vw,56px) clamp(12px,4vw,48px) 64px;display:flex;position:relative}.stats-root:before{content:"";z-index:-1;opacity:.28;pointer-events:none;background:url(/assets/Rank/A7_ranklist_bg.webp) 50%/cover no-repeat;position:fixed;inset:0}.stats-panel{flex-direction:column;gap:18px;width:min(100%,1040px);max-width:1040px;display:flex}.stats-header{border-bottom:3px solid #6d898e;justify-content:space-between;align-items:flex-end;gap:18px;padding:0 10px 14px;display:flex}.stats-kicker{display:none}.stats-title{color:#31555b;letter-spacing:.12em;background:0 0;margin:0;font-size:clamp(34px,6vw,58px);font-weight:900;line-height:1.05}.stats-header-actions{flex:none;gap:8px;display:flex}.stats-root .btn-primary,.stats-root .btn-secondary{box-shadow:none;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);border-radius:3px;font-weight:800}.stats-root .btn-primary{background:linear-gradient(135deg,#6fc88d,#3f8cc5)}.stats-root .btn-secondary{color:#3f7077;background:#fbfdfbeb;border-color:#69959b}.stats-status,.stats-total,.stats-chart,.stats-cards,.stats-disclaimer{clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);background:#ffffffed;border:2px solid #70898e;border-radius:2px;position:relative;box-shadow:0 14px 36px #304f541f}.stats-status:before,.stats-total:before,.stats-chart:before,.stats-cards:before,.stats-disclaimer:before{content:"";background:linear-gradient(90deg,#aed75f,#58a3d7);width:110px;height:5px;position:absolute;top:-2px;right:24px}.stats-status{color:#53686d;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:210px;padding:44px 28px;display:flex}.stats-status p{margin:0;line-height:1.7}.stats-status.is-error p{color:#bd3e48}.stats-total{color:#fff;text-align:center;background:linear-gradient(135deg,#ffffff21,#0000 38%),linear-gradient(135deg,#63b87d,#3f8fc7);border-color:#4f818a;padding:clamp(26px,5vw,46px)}.stats-total-num{letter-spacing:-.05em;font-size:clamp(60px,11vw,96px);font-weight:900;line-height:1}.stats-total-label{letter-spacing:.05em;margin-top:7px;font-size:clamp(18px,2.5vw,23px);font-weight:800}.stats-total-note{font-size:var(--font-sm);opacity:.92;margin:9px 0 0}.stats-chart,.stats-cards{padding:clamp(20px,4vw,34px)}.stats-section-title{color:#33585e;letter-spacing:.08em;border-bottom:2px solid #d2dede;margin:0 0 18px;padding-bottom:9px;font-size:clamp(21px,3vw,28px);font-weight:850}.stats-bars{flex-direction:column;gap:13px;margin:0;padding:0;list-style:none;display:flex}.stats-bar-row{grid-template-columns:5em minmax(0,1fr) 5em;align-items:center;gap:12px;display:grid}.stats-bar-label{color:#334b50;font-size:var(--font-base);white-space:nowrap;font-weight:850}.stats-bar-track{background:#e7efee;border:1px solid #c4d3d2;border-radius:2px;height:24px;padding:3px;overflow:hidden}.stats-bar-fill{background:linear-gradient(90deg,#a8d459,#58a3d7);border-radius:1px;min-width:3px;height:100%;transition:width .3s;display:block;box-shadow:inset 0 -3px #27585b24}.stats-bar-fill.is-zero{min-width:0}.stats-bar-fill.is-error{background:repeating-linear-gradient(45deg,#96a5a7,#96a5a7 6px,#d5dddd 6px 12px)}.stats-bar-value{color:#4d666b;min-width:0;font-size:var(--font-sm);text-align:right;white-space:nowrap;font-weight:850}.stats-card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.stats-card{background:linear-gradient(#f7fbfa,#edf5f4);border:1px solid #a7bbbc;border-top:5px solid #73bd79;border-radius:2px;min-width:0;padding:17px 14px;position:relative}.stats-card.is-error{border-top-color:#d5505a}.stats-card-title{color:#31555b;font-size:var(--font-lg);text-align:center;margin-bottom:11px;font-weight:900}.stats-card-error{color:#bd3e48;font-size:var(--font-sm);text-align:center}.stats-card-metrics{flex-direction:column;gap:7px;margin:0;display:flex}.stats-metric{border-top:1px solid #d6e1e0;justify-content:space-between;align-items:baseline;gap:6px;padding-top:6px;display:flex}.stats-metric dt{color:#65777b;font-size:var(--font-sm);white-space:nowrap}.stats-metric dd{color:#367eb5;font-size:var(--font-lg);overflow-wrap:anywhere;margin:0;font-weight:900}.stats-disclaimer{background:#fff9e6f0;border-color:#cfb56e;padding:18px clamp(18px,4vw,34px)}.stats-disclaimer:before{background:#efa83f}.stats-disclaimer p{color:#5d594b;font-size:var(--font-sm);margin:0;line-height:1.7}@media (width<=880px){.stats-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=620px){.stats-root{padding-inline:9px}.stats-header{flex-direction:column;align-items:flex-start}.stats-header-actions{width:100%}.stats-header-actions .btn-secondary{flex:1;padding-inline:10px}.stats-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-bar-row{grid-template-columns:4em minmax(0,1fr);gap:7px 9px}.stats-bar-value{text-align:left;grid-column:2}}@media (width<=390px){.stats-card-grid{grid-template-columns:minmax(0,1fr)}.stats-card-metrics{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stats-metric{text-align:center;flex-direction:column;align-items:center;gap:2px}}.install-guide{z-index:1000;padding:var(--space-md);padding-bottom:calc(var(--space-md) + var(--safe-bottom));pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.install-guide__card{pointer-events:auto;width:100%;max-width:var(--content-max-width);background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-lg) var(--space-md) var(--space-md);position:relative}.install-guide__close{top:var(--space-xs);right:var(--space-xs);width:var(--touch-target-min);height:var(--touch-target-min);color:var(--color-text-muted);font-size:var(--font-2xl);background:0 0;border:none;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute}.install-guide__title{margin:0 0 var(--space-sm);font-size:var(--font-lg);color:var(--color-primary-dark)}.install-guide__steps{margin:0 0 var(--space-md);font-size:var(--font-base);color:var(--color-text);padding-left:1.4em}.install-guide__steps li{margin-bottom:var(--space-xs)}.install-guide__dismiss{width:100%;min-height:var(--touch-target-min);border-radius:var(--radius-md);background:var(--gradient-brand);color:var(--color-text-inverse);font-size:var(--font-base);border:none;font-weight:600}
