:root{--stage-aspect-w: 1448;--stage-aspect-h: 1086;--bg-1: #e8f7ff;--bg-2: #ffe889;--ink: #243046;--ink-soft: #5d6a86;--accent: #ff5c7a;--accent-2: #35bdf6;--good: #2bb673;--bad: #d24b4b;--plate: #f3eadb;--plate-edge: #c9b89a;--tray: #d8a06b;--tray-edge: #8c5a2f;--belt-a: #4f4234;--belt-b: #6a5640;--shadow: 0 8px 28px rgba(58, 42, 30, .18);--shadow-soft: 0 2px 6px rgba(58, 42, 30, .12);font-synthesis:none;text-size-adjust:100%;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;overflow:hidden}#root{display:flex;align-items:center;justify-content:center;padding:12px}body{font-family:ui-rounded,-apple-system,Segoe UI,Helvetica Neue,system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.95) 0 7%,transparent 8%),radial-gradient(circle at 78% 20%,rgba(255,255,255,.7) 0 5%,transparent 6%),linear-gradient(160deg,var(--bg-1) 0%,#f0fff3 45%,var(--bg-2) 100%)}button{font-family:inherit;cursor:pointer}.app-shell{--stage-px: .0690608cqw;height:min(calc(100vh - 24px),calc(75vw - 18px));aspect-ratio:1448 / 1086;container-type:size;flex:0 0 auto;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:calc(12 * var(--stage-px));box-shadow:0 calc(18 * var(--stage-px)) calc(44 * var(--stage-px)) #3a2a1e42;background:url(/assets/barger_shop_background-BDGAhgEn.png) center / cover no-repeat,#fff7df}.screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:calc(24 * var(--stage-px))}.big-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--accent);color:#fff;font-size:calc(22 * var(--stage-px));font-weight:700;letter-spacing:.02em;padding:calc(14 * var(--stage-px)) calc(38 * var(--stage-px));border-radius:calc(999 * var(--stage-px));box-shadow:0 calc(7 * var(--stage-px)) 0 #c93b57,var(--shadow);transition:transform .12s ease,background .12s ease}.big-button:hover{background:#ff7a25}.big-button:active{transform:translateY(1px) scale(.98)}.big-button:focus-visible{outline:none}.big-button:disabled,.text-button:disabled{cursor:default;opacity:.72}.text-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--ink-soft);font-size:calc(14 * var(--stage-px));padding:calc(6 * var(--stage-px)) calc(10 * var(--stage-px));border-radius:calc(8 * var(--stage-px))}.text-button:hover{background:#0000000d}.soft-keyboard-dock{position:absolute;right:calc(14 * var(--stage-px));top:50%;z-index:60;display:none;transform:translateY(-50%)}.soft-keyboard-input{position:absolute;right:0;bottom:0;width:1px;height:1px;border:0;opacity:.01;pointer-events:none;font-size:16px}.soft-keyboard-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:calc(94 * var(--stage-px));min-height:calc(48 * var(--stage-px));border:calc(3 * var(--stage-px)) solid #243046;border-radius:calc(999 * var(--stage-px));background:#fff7d6;color:#243046;padding:calc(9 * var(--stage-px)) calc(13 * var(--stage-px));font-size:calc(15 * var(--stage-px));font-weight:900;box-shadow:0 calc(4 * var(--stage-px)) 0 #243046,0 calc(10 * var(--stage-px)) calc(18 * var(--stage-px)) #2430462e}.soft-keyboard-button:active{transform:translateY(calc(2 * var(--stage-px)));box-shadow:0 calc(2 * var(--stage-px)) 0 #243046,0 calc(7 * var(--stage-px)) calc(14 * var(--stage-px)) #24304629}.soft-keyboard-button:focus-visible{outline:none;background:#ffd84a}@media (pointer: coarse),(max-width: 900px){.soft-keyboard-dock{display:block}}.error-screen{width:calc(520 * var(--stage-px));padding:calc(28 * var(--stage-px)) calc(30 * var(--stage-px));border:calc(4 * var(--stage-px)) solid #243046;border-radius:calc(18 * var(--stage-px));background:#fff7df;box-shadow:0 calc(10 * var(--stage-px)) 0 #243046,0 calc(18 * var(--stage-px)) calc(28 * var(--stage-px)) #24304638;text-align:center}.error-screen h1{margin:0 0 calc(10 * var(--stage-px));font-size:calc(30 * var(--stage-px))}.error-screen p{margin:0 0 calc(16 * var(--stage-px));color:var(--ink-soft);font-weight:700;font-size:calc(15 * var(--stage-px))}.error-screen a{color:#ff315f;font-weight:900;text-decoration:none;font-size:calc(14 * var(--stage-px))}.error-screen a:hover{text-decoration:underline}.error-screen .error-action-button+a{display:block;margin-top:calc(14 * var(--stage-px))}.error-action-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:calc(3 * var(--stage-px)) solid #243046;border-radius:calc(10 * var(--stage-px));background:#ffd84a;color:var(--ink);padding:calc(9 * var(--stage-px)) calc(18 * var(--stage-px));font-size:calc(15 * var(--stage-px));font-weight:900;box-shadow:0 calc(4 * var(--stage-px)) 0 #243046}.error-action-button:active{transform:translateY(calc(1 * var(--stage-px)));box-shadow:0 calc(3 * var(--stage-px)) 0 #243046}.error-action-button:focus-visible{outline:none}.start-screen{background:transparent;position:relative;flex-direction:column;gap:0}.start-card{background:#fff;padding:calc(40 * var(--stage-px)) calc(48 * var(--stage-px)) calc(42 * var(--stage-px));border:calc(4 * var(--stage-px)) solid #243046;border-radius:calc(18 * var(--stage-px));box-shadow:0 calc(10 * var(--stage-px)) 0 #243046,0 calc(18 * var(--stage-px)) calc(28 * var(--stage-px)) #24304638;text-align:center;width:calc(980 * var(--stage-px));position:relative}.start-card:before{content:"";position:absolute;inset:calc(16 * var(--stage-px));border:calc(4 * var(--stage-px)) dashed rgba(53,189,246,.5);border-radius:calc(12 * var(--stage-px));pointer-events:none}.start-kicker{display:inline-block;background:#35bdf6;color:#fff;font-size:calc(13 * var(--stage-px));font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding:calc(6 * var(--stage-px)) calc(12 * var(--stage-px));border-radius:calc(999 * var(--stage-px));box-shadow:0 calc(3 * var(--stage-px)) 0 #1679ad}.title{margin:calc(2 * var(--stage-px)) auto calc(10 * var(--stage-px));width:calc(690 * var(--stage-px))}.title img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.subtitle{color:var(--ink-soft);margin:calc(10 * var(--stage-px)) auto calc(14 * var(--stage-px));font-size:calc(24 * var(--stage-px));line-height:1.24;max-width:calc(760 * var(--stage-px))}.start-course-panel{position:relative;margin:calc(44 * var(--stage-px)) 0 calc(16 * var(--stage-px));padding:calc(32 * var(--stage-px)) calc(16 * var(--stage-px)) calc(16 * var(--stage-px))}.start-course-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;border-radius:calc(16 * var(--stage-px));background:#fff;box-shadow:0 calc(-3 * var(--stage-px)) 0 #072536;pointer-events:none}.course-list{position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:calc(18 * var(--stage-px));margin:0}.course-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:calc(3 * var(--stage-px)) solid #243046;border-radius:calc(14 * var(--stage-px));background:#fff7d6;color:var(--ink);display:flex;min-height:calc(270 * var(--stage-px));flex-direction:column;align-items:center;justify-content:center;gap:calc(10 * var(--stage-px));padding:calc(18 * var(--stage-px)) calc(14 * var(--stage-px));text-align:center;box-shadow:0 calc(6 * var(--stage-px)) 0 #243046;transition:transform .12s ease,box-shadow .12s ease}.course-button:hover{transform:translateY(calc(-3 * var(--stage-px))) rotate(-1deg);box-shadow:0 calc(9 * var(--stage-px)) 0 #243046}.course-button:active{transform:translateY(calc(2 * var(--stage-px)));box-shadow:0 calc(3 * var(--stage-px)) 0 #243046}.course-button:disabled,.course-button:disabled:hover,.course-button:disabled:active{cursor:default;opacity:.68;transform:none;box-shadow:0 calc(4 * var(--stage-px)) 0 #6f7786;border-color:#6f7786}.course-button:focus-visible{outline:none}.course-easy{background:#e9fff1}.course-normal{background:#e9f6ff}.course-hard{background:#fff0f6}.course-plate{width:calc(164 * var(--stage-px));height:calc(168 * var(--stage-px));display:block;filter:drop-shadow(0 calc(4 * var(--stage-px)) 0 rgba(36,48,70,.24))}.course-burger{background-position:center bottom;background-repeat:no-repeat;background-size:var(--burger-title-w) var(--burger-title-h)}.ready-plate.course-burger{background-position:center;background-size:contain}.course-burger-easy{--burger-title-w: calc(98 * var(--stage-px));--burger-title-h: calc(96 * var(--stage-px));--burger-ready-w: calc(132 * var(--stage-px));--burger-ready-h: calc(128 * var(--stage-px));background-image:url(/assets/rookie-DHCsWFV_.png)}.course-burger-normal{--burger-title-w: calc(138 * var(--stage-px));--burger-title-h: calc(96 * var(--stage-px));--burger-ready-w: calc(194 * var(--stage-px));--burger-ready-h: calc(134 * var(--stage-px));background-image:url(/assets/pro-CmQAPKGt.png)}.course-burger-hard{--burger-title-w: calc(134 * var(--stage-px));--burger-title-h: calc(150 * var(--stage-px));--burger-ready-w: calc(190 * var(--stage-px));--burger-ready-h: calc(212 * var(--stage-px));background-image:url(/assets/legend-DgtkRuoH.png)}.course-burger-debug{--burger-title-w: calc(98 * var(--stage-px));--burger-title-h: calc(96 * var(--stage-px));--burger-ready-w: calc(132 * var(--stage-px));--burger-ready-h: calc(128 * var(--stage-px));background-image:url(/assets/rookie-DHCsWFV_.png)}.course-burger-practice{--burger-title-w: calc(102 * var(--stage-px));--burger-title-h: calc(102 * var(--stage-px));--burger-ready-w: calc(166 * var(--stage-px));--burger-ready-h: calc(158 * var(--stage-px));background-image:url(/assets/practice-CsW12pT5.png)}.course-main{display:flex;flex-direction:column;gap:calc(1 * var(--stage-px))}.course-label{font-size:calc(34 * var(--stage-px));line-height:1;color:#243046;font-weight:900}.course-price{font-size:calc(23 * var(--stage-px));line-height:1.1;font-weight:900;color:#ff5c7a}.course-detail{font-size:calc(18 * var(--stage-px));line-height:1.35;color:var(--ink-soft);font-weight:700;white-space:normal}.hints{margin:calc(16 * var(--stage-px)) 0 calc(12 * var(--stage-px)) 0;padding:0;list-style:none;color:var(--ink-soft);font-size:calc(19 * var(--stage-px));line-height:1.55}.how-to-button,.typing-basics-button,.sound-settings-button,.practice-mode-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:calc(2 * var(--stage-px)) solid #243046;border-radius:calc(999 * var(--stage-px));background:#fff7d6;color:#243046;padding:calc(10 * var(--stage-px)) calc(20 * var(--stage-px));font-size:calc(17 * var(--stage-px));font-weight:900;box-shadow:0 calc(3 * var(--stage-px)) 0 #243046;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.how-to-button:hover,.typing-basics-button:hover,.sound-settings-button:hover,.practice-mode-button:hover{background:#ffe889;transform:translateY(calc(-1 * var(--stage-px)));box-shadow:0 calc(4 * var(--stage-px)) 0 #243046}.how-to-button:active,.typing-basics-button:active,.sound-settings-button:active,.practice-mode-button:active{transform:translateY(calc(1 * var(--stage-px)));box-shadow:0 calc(2 * var(--stage-px)) 0 #243046}.how-to-button:focus-visible,.typing-basics-button:focus-visible,.sound-settings-button:focus-visible,.practice-mode-button:focus-visible{outline:none}.typing-basics-button{background:#e9fff1}.classroom-floating-link{position:absolute;left:calc(10 * var(--stage-px));bottom:calc(10 * var(--stage-px));--classroom-arrow-color: #054048;z-index:3;display:block;width:calc(218 * var(--stage-px));height:calc(136 * var(--stage-px));color:#202124;text-decoration:none;filter:drop-shadow(0 calc(4 * var(--stage-px)) 0 rgba(255,255,255,.8));transform:rotate(-5deg);transition:transform .14s ease,filter .14s ease}.classroom-floating-logo{position:absolute;right:calc(4 * var(--stage-px));top:0;display:block;width:calc(200 * var(--stage-px));height:auto;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 calc(3 * var(--stage-px)) 0 rgba(255,255,255,.78))}.classroom-floating-arrow{position:absolute;left:calc(20 * var(--stage-px));top:calc(45 * var(--stage-px));display:block;width:calc(60 * var(--stage-px));aspect-ratio:176.9 / 124.06;background:var(--classroom-arrow-color);filter:drop-shadow(0 calc(2 * var(--stage-px)) 0 rgba(255,255,255,.92)) drop-shadow(0 calc(4 * var(--stage-px)) calc(4 * var(--stage-px)) rgba(36,48,70,.18));-webkit-mask:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='_レイヤー_2'%20data-name='レイヤー%202'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20176.9%20124.06'%3e%3cg%20id='_レイヤー_1-2'%20data-name='レイヤー%201'%3e%3cpath%20d='M176.9,98.65L156.03,0,60.16,31.25l35.59,20.55C60.08,101.83,4.41,93.33,4.27,26.28c-19.29,71.56,29.7,115.94,87.54,90.59,14.59-5.89,42.75-37.57,47.16-40.11l37.93,21.9Z'/%3e%3c/g%3e%3c/svg%3e") center / contain no-repeat;mask:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='_レイヤー_2'%20data-name='レイヤー%202'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20176.9%20124.06'%3e%3cg%20id='_レイヤー_1-2'%20data-name='レイヤー%201'%3e%3cpath%20d='M176.9,98.65L156.03,0,60.16,31.25l35.59,20.55C60.08,101.83,4.41,93.33,4.27,26.28c-19.29,71.56,29.7,115.94,87.54,90.59,14.59-5.89,42.75-37.57,47.16-40.11l37.93,21.9Z'/%3e%3c/g%3e%3c/svg%3e") center / contain no-repeat;-webkit-user-select:none;user-select:none;transform:rotate(10deg);transform-origin:80% 20%}.classroom-floating-link:hover{transform:translateY(calc(-4 * var(--stage-px))) rotate(-3deg) scale(1.04);filter:drop-shadow(0 calc(4 * var(--stage-px)) 0 rgba(255,255,255,.9)) drop-shadow(0 calc(8 * var(--stage-px)) calc(8 * var(--stage-px)) rgba(36,48,70,.22))}.classroom-floating-link:active{transform:translateY(calc(2 * var(--stage-px))) rotate(-4deg) scale(.98)}.classroom-floating-link:focus-visible{outline:none;box-shadow:inset 0 0 0 calc(3 * var(--stage-px)) #243046,0 0 0 calc(5 * var(--stage-px)) #35bdf652;border-radius:calc(16 * var(--stage-px))}.start-controls{display:flex;align-items:center;justify-content:flex-end;gap:calc(10 * var(--stage-px))}.practice-mode-button{position:relative;display:inline-flex;align-items:center;gap:calc(8 * var(--stage-px));background:#fff}.practice-mode-button.is-on{background:#dff9e9}.practice-mode-button.is-on:hover{background:#ccf4dd}.practice-state{display:inline-flex;align-items:center;justify-content:center;min-width:calc(42 * var(--stage-px));padding:calc(3 * var(--stage-px)) calc(9 * var(--stage-px));border-radius:calc(999 * var(--stage-px));background:#2430461a;color:var(--ink-soft);font-size:calc(13 * var(--stage-px));line-height:1}.practice-mode-button.is-on .practice-state{background:#2bb673;color:#fff}.practice-tooltip{position:absolute;right:0;bottom:calc(100% + 10 * var(--stage-px));z-index:4;width:calc(250 * var(--stage-px));padding:calc(10 * var(--stage-px)) calc(12 * var(--stage-px));border:calc(2 * var(--stage-px)) solid #243046;border-radius:calc(10 * var(--stage-px));background:#fff7df;color:var(--ink);box-shadow:0 calc(4 * var(--stage-px)) 0 #243046,0 calc(12 * var(--stage-px)) calc(20 * var(--stage-px)) #2430462e;font-size:calc(12 * var(--stage-px));font-weight:800;line-height:1.35;opacity:0;pointer-events:none;text-align:left;transform:translateY(calc(4 * var(--stage-px)));transition:opacity .14s ease,transform .14s ease}.practice-tooltip:after{content:"";position:absolute;right:calc(20 * var(--stage-px));bottom:calc(-8 * var(--stage-px));width:calc(12 * var(--stage-px));height:calc(12 * var(--stage-px));border-right:calc(2 * var(--stage-px)) solid #243046;border-bottom:calc(2 * var(--stage-px)) solid #243046;background:#fff7df;transform:rotate(45deg)}.practice-mode-button:hover .practice-tooltip,.practice-mode-button:focus-visible .practice-tooltip{opacity:1;transform:translateY(0)}.settings-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:calc(24 * var(--stage-px));background:#24304647;-webkit-backdrop-filter:blur(calc(2 * var(--stage-px)));backdrop-filter:blur(calc(2 * var(--stage-px)))}.settings-dialog{width:calc(520 * var(--stage-px));max-height:calc(680 * var(--stage-px));overflow:auto;background:#fff7df;border:calc(4 * var(--stage-px)) solid #243046;border-radius:calc(16 * var(--stage-px));padding:calc(18 * var(--stage-px)) calc(20 * var(--stage-px)) calc(20 * var(--stage-px));box-shadow:0 calc(8 * var(--stage-px)) 0 #243046,0 calc(18 * var(--stage-px)) calc(32 * var(--stage-px)) #24304647;animation:popup-in .22s ease-out both}.how-to-dialog{width:calc(1120 * var(--stage-px));max-width:96%;max-height:calc(940 * var(--stage-px));overflow:auto;background:#fff7df;border:calc(4 * var(--stage-px)) solid #243046;border-radius:calc(16 * var(--stage-px));padding:calc(18 * var(--stage-px)) calc(22 * var(--stage-px)) calc(22 * var(--stage-px));box-shadow:0 calc(8 * var(--stage-px)) 0 #243046,0 calc(18 * var(--stage-px)) calc(32 * var(--stage-px)) #24304647;animation:popup-in .22s ease-out both}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:calc(16 * var(--stage-px));margin-bottom:calc(12 * var(--stage-px))}.settings-header h2{margin:0;font-size:calc(22 * var(--stage-px));line-height:1;color:#243046}.settings-close-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:calc(2 * var(--stage-px)) solid #243046;border-radius:calc(999 * var(--stage-px));background:#fff;color:#243046;padding:calc(7 * var(--stage-px)) calc(13 * var(--stage-px));font-size:calc(12 * var(--stage-px));font-weight:900;box-shadow:0 calc(3 * var(--stage-px)) 0 #243046}.settings-close-button:active{transform:translateY(calc(1 * var(--stage-px)));box-shadow:0 calc(2 * var(--stage-px)) 0 #243046}.settings-close-button:focus-visible{outline:none}.settings-section{padding:calc(14 * var(--stage-px)) 0 calc(16 * var(--stage-px));border-top:calc(2 * var(--stage-px)) dashed rgba(36,48,70,.22)}.settings-header+.settings-section{border-top:0;padding-top:calc(2 * var(--stage-px))}.settings-section:last-child{padding-bottom:0}.settings-section h3{margin:0 0 calc(10 * var(--stage-px));color:#243046;font-size:calc(14 * var(--stage-px));font-weight:900;text-align:left;text-transform:uppercase;letter-spacing:.08em}.how-to-lead{margin:0 0 calc(18 * var(--stage-px));color:#5d6a86;font-size:calc(26 * var(--stage-px));font-weight:800;line-height:1.38;text-align:left}.how-to-section{padding:calc(18 * var(--stage-px)) 0;border-top:calc(2 * var(--stage-px)) dashed rgba(36,48,70,.22)}.how-to-section h3{margin:0 0 calc(14 * var(--stage-px));color:#243046;font-size:calc(32 * var(--stage-px));font-weight:900;text-align:left}.how-to-visual-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:calc(18 * var(--stage-px));align-items:start}.how-to-play-image{position:relative;align-self:start;overflow:hidden;border:calc(3 * var(--stage-px)) solid #243046;border-radius:calc(10 * var(--stage-px));background:#141822;box-shadow:0 calc(4 * var(--stage-px)) 0 #243046}.how-to-screenshot{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.how-to-hotspot{position:absolute;z-index:3;border:calc(2 * var(--stage-px)) solid #243046;border-radius:calc(999 * var(--stage-px));background:#fff;color:#243046;padding:calc(8 * var(--stage-px)) calc(13 * var(--stage-px));font-size:calc(18 * var(--stage-px));font-weight:900;box-shadow:0 calc(2 * var(--stage-px)) 0 #243046;white-space:nowrap}.how-to-hotspot-type{left:42%;top:50%}.how-to-hotspot-bills{left:18%;top:79%}.how-to-hotspot-food{left:45%;top:76%}.how-to-hotspot-timer{right:19%;top:66%}.how-to-callouts,.how-to-info-grid{display:grid;grid-template-columns:1fr;gap:calc(14 * var(--stage-px))}.how-to-callouts article,.how-to-info-grid article{min-width:0;border:calc(2 * var(--stage-px)) solid rgba(36,48,70,.2);border-radius:calc(8 * var(--stage-px));background:#fff;padding:calc(16 * var(--stage-px));text-align:left}.how-to-callouts strong,.how-to-info-grid strong{display:block;margin-bottom:calc(8 * var(--stage-px));color:#243046;font-size:calc(25 * var(--stage-px));font-weight:900;line-height:1.16}.how-to-callouts p,.how-to-info-grid p{margin:0;color:#5d6a86;font-size:calc(23 * var(--stage-px));font-weight:800;line-height:1.34}.how-to-advice-list{margin:0;padding-left:calc(32 * var(--stage-px));color:#243046;font-size:calc(24 * var(--stage-px));font-weight:800;line-height:1.42;text-align:left}.how-to-advice-list li+li{margin-top:calc(11 * var(--stage-px))}.setting-toggle-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(10 * var(--stage-px))}.typing-set-tabs-field{display:grid;gap:calc(7 * var(--stage-px));margin:0 0 calc(12 * var(--stage-px));color:#243046;font-weight:900;text-align:left}.typing-set-tabs-label{font-size:calc(13 * var(--stage-px));text-transform:uppercase}.typing-set-tabs-shell{display:grid;gap:calc(7 * var(--stage-px))}.typing-set-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(6 * var(--stage-px));padding:calc(5 * var(--stage-px));border:calc(2 * var(--stage-px)) solid #243046;border-radius:calc(12 * var(--stage-px));background:#fff;box-shadow:0 calc(3 * var(--stage-px)) 0 #243046}.typing-set-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;min-height:calc(38 * var(--stage-px));border:0;border-radius:calc(8 * var(--stage-px));background:transparent;color:#5d6a86;padding:calc(7 * var(--stage-px)) calc(7 * var(--stage-px));font-family:inherit;font-size:calc(12 * var(--stage-px));font-weight:900;line-height:1.1;text-align:center;overflow-wrap:anywhere}.typing-set-tab-face{display:block;position:relative}.typing-set-tab-label{display:block}.typing-set-tab-label-compact{display:none}.typing-set-tab.is-selected{background:#ffd84a;color:#243046;box-shadow:inset 0 0 0 calc(2 * var(--stage-px)) #243046}.typing-set-tab:disabled{cursor:default;color:#8992a3}.typing-set-tab:disabled.is-selected{color:#243046;background:#e4e7eb}.typing-set-tab:focus-visible{outline:none;box-shadow:inset 0 0 0 calc(2 * var(--stage-px)) #243046,0 0 0 calc(3 * var(--stage-px)) #35bdf647}.typing-set-tabs-field>small{color:#5d6a86;font-size:calc(13 * var(--stage-px));font-weight:800;line-height:1.32}.start-typing-set-tabs{position:absolute;left:calc(16 * var(--stage-px));right:calc(16 * var(--stage-px));top:calc(-34 * var(--stage-px));width:auto;margin:0;text-align:left}.start-typing-set-tabs .typing-set-tabs-label{display:none}.start-typing-set-tabs .typing-set-tabs-shell{display:block}.start-typing-set-tabs .typing-set-tabs{position:relative;display:block;height:calc(36 * var(--stage-px));overflow:visible;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;--tab-selected-width: calc(188 * var(--stage-px));--tab-hover-width: calc(176 * var(--stage-px));--tab-rest-width: calc((100% - var(--tab-selected-width)) / 10)}.start-typing-set-tabs .typing-set-tab{--tab-lift: 0px;position:absolute;left:var(--tab-left, 0px);bottom:0;z-index:2;width:var(--tab-width, var(--tab-rest-width));min-width:0;min-height:calc(40 * var(--stage-px));border:calc(2 * var(--stage-px)) solid #243046;border-bottom-width:0;border-radius:calc(10 * var(--stage-px)) calc(10 * var(--stage-px)) 0 0;background:#fff;color:#243046;padding:0;box-shadow:calc(2 * var(--stage-px)) calc(-1 * var(--stage-px)) 0 #2430462e;white-space:normal;overflow-wrap:normal;word-break:normal;font-size:calc(15 * var(--stage-px));line-height:1.05;text-align:center;transition:left .16s ease,width .14s ease,transform .12s ease,box-shadow .12s ease;transform:translateY(var(--tab-lift))}.start-typing-set-tabs .typing-set-tab:before,.start-typing-set-tabs .typing-set-tab:after{display:none}.start-typing-set-tabs .typing-set-tab-label-full,.start-typing-set-tabs .typing-set-tab-label-compact{display:none}.start-typing-set-tabs .typing-set-tab:hover:not(:disabled) .typing-set-tab-label-full,.start-typing-set-tabs .typing-set-tab.is-selected .typing-set-tab-label-full{display:block}.start-typing-set-tabs .typing-set-tab-face{display:flex;align-items:center;justify-content:center;gap:calc(5 * var(--stage-px));position:relative;min-height:calc(38 * var(--stage-px));padding:calc(7 * var(--stage-px)) calc(3 * var(--stage-px)) calc(7 * var(--stage-px));overflow:hidden;border-radius:calc(8 * var(--stage-px)) calc(8 * var(--stage-px)) 0 0;background:#fff;white-space:nowrap;text-overflow:clip}.start-typing-set-tabs .typing-set-tab-icon{display:inline-flex;align-items:center;justify-content:center;gap:calc(2 * var(--stage-px));flex:0 0 auto;width:calc(20 * var(--stage-px));min-width:calc(20 * var(--stage-px));height:calc(22 * var(--stage-px));color:#243046db}.start-typing-set-tabs .typing-set-tab-icon.has-band{width:calc(35 * var(--stage-px));min-width:calc(35 * var(--stage-px))}.start-typing-set-tabs .typing-set-tab-icon-svg{display:block;flex:0 0 auto;width:calc(18 * var(--stage-px));height:calc(18 * var(--stage-px));fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.start-typing-set-tabs .typing-set-tab-band{display:inline-block;color:#243046c7;font-size:calc(8.5 * var(--stage-px));font-weight:900;line-height:1;letter-spacing:0}.start-typing-set-tabs .typing-set-tab.is-selected .typing-set-tab-icon,.start-typing-set-tabs .typing-set-tab:hover:not(:disabled) .typing-set-tab-icon,.start-typing-set-tabs .typing-set-tab.is-hovered .typing-set-tab-icon{color:#243046}.start-typing-set-tabs .typing-set-tab.is-selected .typing-set-tab-face,.start-typing-set-tabs .typing-set-tab:hover:not(:disabled) .typing-set-tab-face,.start-typing-set-tabs .typing-set-tab.is-hovered .typing-set-tab-face{padding-right:calc(8 * var(--stage-px));padding-left:calc(8 * var(--stage-px))}.start-typing-set-tabs .typing-set-tab.is-selected .typing-set-tab-icon.has-band,.start-typing-set-tabs .typing-set-tab:hover:not(:disabled) .typing-set-tab-icon.has-band,.start-typing-set-tabs .typing-set-tab.is-hovered .typing-set-tab-icon.has-band{width:calc(20 * var(--stage-px));min-width:calc(20 * var(--stage-px))}.start-typing-set-tabs .typing-set-tab.is-selected .typing-set-tab-band,.start-typing-set-tabs .typing-set-tab:hover:not(:disabled) .typing-set-tab-band,.start-typing-set-tabs .typing-set-tab.is-hovered .typing-set-tab-band{display:none}.start-typing-set-tabs .typing-set-tab:hover:not(:disabled),.start-typing-set-tabs .typing-set-tab.is-hovered{--tab-lift: calc(-2 * var(--stage-px));background:#fff}.start-typing-set-tabs .typing-set-tab.is-selected{z-index:7;background:#fff;color:#243046;border-color:#243046;box-shadow:0 calc(-2 * var(--stage-px)) 0 #243046,0 calc(-2 * var(--stage-px)) calc(3 * var(--stage-px)) #24304638}.start-typing-set-tabs .typing-set-tab.is-selected:after{content:"";display:block;position:absolute;left:0;right:0;bottom:calc(-8 * var(--stage-px));height:calc(11 * var(--stage-px));z-index:1;background:#fff;pointer-events:none}.start-typing-set-tabs .typing-set-tab.is-selected .typing-set-tab-face{z-index:2;background:#fff}.start-typing-set-tabs>small{display:none}.setting-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:calc(54 * var(--stage-px));border:calc(2 * var(--stage-px)) solid #243046;border-radius:calc(12 * var(--stage-px));background:#fff;color:#243046;padding:calc(9 * var(--stage-px)) calc(10 * var(--stage-px)) calc(9 * var(--stage-px)) calc(12 * var(--stage-px));box-shadow:0 calc(3 * var(--stage-px)) 0 #243046;display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--stage-px));text-align:left}.setting-toggle.is-on{background:#e9fff1}.setting-toggle.is-off{background:#edf0f2;color:var(--ink-soft);box-shadow:0 calc(2 * var(--stage-px)) 0 #6f7786;border-color:#6f7786}.setting-name{font-size:calc(13 * var(--stage-px));line-height:1.15;font-weight:900}.setting-switch{flex:0 0 auto;width:calc(42 * var(--stage-px));height:calc(24 * var(--stage-px));border:calc(2 * var(--stage-px)) solid currentColor;border-radius:calc(999 * var(--stage-px));padding:calc(2 * var(--stage-px));background:#ffffffbf}.setting-switch span{display:block;width:calc(16 * var(--stage-px));height:calc(16 * var(--stage-px));border-radius:calc(999 * var(--stage-px));background:currentColor;transition:transform .14s ease}.setting-toggle.is-on .setting-switch span{transform:translate(calc(18 * var(--stage-px)))}.setting-toggle:focus-visible{outline:none}.sound-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(8 * var(--stage-px));margin:0 0 calc(10 * var(--stage-px))}.sound-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:calc(2 * var(--stage-px)) solid #243046;border-radius:calc(10 * var(--stage-px));background:#f3f7ff;color:var(--ink);min-height:calc(48 * var(--stage-px));padding:calc(7 * var(--stage-px)) calc(8 * var(--stage-px));box-shadow:0 calc(3 * var(--stage-px)) 0 #243046;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(2 * var(--stage-px))}.sound-toggle.is-off{background:#edf0f2;color:var(--ink-soft);box-shadow:0 calc(2 * var(--stage-px)) 0 #6f7786;border-color:#6f7786}.sound-toggle:focus-visible{outline:none}.sound-name{font-size:calc(12 * var(--stage-px));font-weight:800}.sound-state{font-size:calc(11 * var(--stage-px));font-weight:900;text-transform:uppercase;letter-spacing:.08em}.key-sound-panel{display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--stage-px));margin:calc(8 * var(--stage-px)) 0 calc(8 * var(--stage-px))}.key-sound-label{color:var(--ink-soft);font-size:calc(12 * var(--stage-px));font-weight:900;text-transform:uppercase;letter-spacing:.08em}.key-sound-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:calc(2 * var(--stage-px)) solid #243046;border-radius:calc(999 * var(--stage-px));background:#fff;color:var(--ink);min-width:calc(104 * var(--stage-px));padding:calc(7 * var(--stage-px)) calc(12 * var(--stage-px));font-size:calc(12 * var(--stage-px));font-weight:900;box-shadow:0 calc(3 * var(--stage-px)) 0 #243046}.key-sound-button.is-selected{background:#ffd84a}.key-sound-button:active{transform:translateY(calc(1 * var(--stage-px)));box-shadow:0 calc(2 * var(--stage-px)) 0 #243046}.key-sound-button:focus-visible{outline:none}.meta-row{display:flex;justify-content:space-between;align-items:center;margin-top:calc(20 * var(--stage-px));font-size:calc(17 * var(--stage-px));color:var(--ink-soft);gap:calc(14 * var(--stage-px))}.hi-score{font-weight:600}.device-advice{display:none;margin:calc(12 * var(--stage-px)) auto 0;max-width:calc(440 * var(--stage-px));color:#9b4a3d;font-size:calc(12 * var(--stage-px));font-weight:800;line-height:1.35}.start-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(18 * var(--stage-px));margin-top:calc(16 * var(--stage-px));color:#5d6a86c7;font-size:calc(13 * var(--stage-px));font-weight:800;line-height:1}.start-footer-links a{color:inherit;text-decoration:none}.start-footer-links a:hover{color:var(--ink);text-decoration:underline}.classroom-screen{align-items:stretch;justify-content:center;padding:calc(34 * var(--stage-px));background:#fffdf357}.classroom-home-screen{align-items:center;justify-content:center;padding:calc(24 * var(--stage-px));background:transparent}.classroom-home-card{width:calc(900 * var(--stage-px));padding:calc(34 * var(--stage-px)) calc(54 * var(--stage-px)) calc(42 * var(--stage-px));text-align:center}.classroom-home-card .classroom-back-link{position:absolute;top:calc(24 * var(--stage-px));left:calc(34 * var(--stage-px));z-index:1;font-size:calc(16 * var(--stage-px))}.classroom-home-logo{width:calc(610 * var(--stage-px));margin:calc(8 * var(--stage-px)) auto calc(8 * var(--stage-px))}.classroom-home-card>h1:not(.title){margin:0;color:#243046;font-size:calc(46 * var(--stage-px));line-height:1;letter-spacing:0}.classroom-home-card .classroom-copy{max-width:calc(730 * var(--stage-px));margin:calc(12 * var(--stage-px)) auto calc(16 * var(--stage-px));color:var(--ink-soft);font-size:calc(22 * var(--stage-px));line-height:1.32;font-weight:800}.classroom-home-card .classroom-expiry-note{max-width:calc(660 * var(--stage-px));margin:0 auto calc(18 * var(--stage-px));border:calc(2 * var(--stage-px)) solid rgba(36,48,70,.12);background:#fff7d6;text-align:center}.classroom-home-card .classroom-field{max-width:calc(590 * var(--stage-px));margin:calc(16 * var(--stage-px)) auto calc(8 * var(--stage-px));text-align:left}.classroom-home-card .classroom-small{max-width:calc(590 * var(--stage-px));margin:calc(8 * var(--stage-px)) auto calc(16 * var(--stage-px));text-align:left}.classroom-home-card .classroom-primary-button{min-width:calc(320 * var(--stage-px))}.classroom-panel{width:min(calc(1180 * var(--stage-px)),100%);max-height:100%;overflow:auto;border:calc(4 * var(--stage-px)) solid #243046;border-radius:calc(16 * var(--stage-px));background:#fffdf3;box-shadow:0 calc(9 * var(--stage-px)) 0 #243046,0 calc(18 * var(--stage-px)) calc(30 * var(--stage-px)) #24304638}.classroom-panel-narrow{align-self:center;width:calc(660 * var(--stage-px));padding:calc(36 * var(--stage-px));text-align:left}.classroom-dashboard{padding:calc(28 * var(--stage-px))}.classroom-back-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#d92f59;padding:0;font-size:calc(18 * var(--stage-px));font-weight:900;text-decoration:underline}.classroom-kicker{margin:calc(18 * var(--stage-px)) 0 calc(7 * var(--stage-px));color:#1679ad;font-size:calc(18 * var(--stage-px));font-weight:900;text-transform:uppercase;letter-spacing:0}.classroom-panel h1,.classroom-panel h2{margin:0;color:#243046;line-height:1.02;letter-spacing:0}.classroom-panel h1{font-size:calc(54 * var(--stage-px))}.classroom-panel h2{font-size:calc(30 * var(--stage-px))}.classroom-copy,.classroom-small,.classroom-empty,.classroom-panel code{color:#5d6a86;font-weight:800;line-height:1.42}.classroom-copy{margin:calc(12 * var(--stage-px)) 0 calc(18 * var(--stage-px));font-size:calc(22 * var(--stage-px))}.classroom-expiry-note{margin:calc(-6 * var(--stage-px)) 0 calc(16 * var(--stage-px));border-radius:calc(8 * var(--stage-px));background:#fff7df;color:#5d6a86;padding:calc(9 * var(--stage-px)) calc(11 * var(--stage-px));font-size:calc(16 * var(--stage-px));font-weight:900;line-height:1.34}.classroom-small{margin:calc(10 * var(--stage-px)) 0 0;font-size:calc(17 * var(--stage-px))}.classroom-empty{margin:calc(12 * var(--stage-px)) 0 0;font-size:calc(18 * var(--stage-px))}.classroom-field{display:grid;gap:calc(7 * var(--stage-px));margin:calc(14 * var(--stage-px)) 0;color:#243046;font-size:calc(18 * var(--stage-px));font-weight:900}.classroom-field input,.classroom-field select{width:100%;min-height:calc(52 * var(--stage-px));border:calc(3 * var(--stage-px)) solid #243046;border-radius:calc(10 * var(--stage-px));background:#fff;color:#243046;padding:calc(10 * var(--stage-px)) calc(13 * var(--stage-px));font-family:inherit;font-size:calc(22 * var(--stage-px));font-weight:800}.classroom-field input:focus,.classroom-field select:focus{outline:none;box-shadow:0 0 0 calc(4 * var(--stage-px)) #35bdf647}.classroom-route-select{min-width:0;display:grid;grid-template-columns:auto minmax(calc(116 * var(--stage-px)),1fr);gap:calc(8 * var(--stage-px));align-items:center;margin:calc(8 * var(--stage-px)) 0 calc(10 * var(--stage-px));color:#5d6a86;font-size:calc(14 * var(--stage-px));font-weight:900}.classroom-route-select select{min-width:0;min-height:calc(36 * var(--stage-px));border:calc(2 * var(--stage-px)) solid rgba(36,48,70,.28);border-radius:calc(8 * var(--stage-px));background:#fffdf3;color:#243046;padding:calc(5 * var(--stage-px)) calc(9 * var(--stage-px));font-family:inherit;font-size:calc(15 * var(--stage-px));font-weight:900}.classroom-route-select select:focus{outline:none;box-shadow:0 0 0 calc(3 * var(--stage-px)) #35bdf647}.classroom-route-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(6 * var(--stage-px));margin:calc(9 * var(--stage-px)) 0 calc(11 * var(--stage-px));padding:calc(4 * var(--stage-px));border:calc(2 * var(--stage-px)) solid rgba(36,48,70,.18);border-radius:calc(10 * var(--stage-px));background:#fffdf3b8}.classroom-route-tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;min-height:calc(35 * var(--stage-px));border:0;border-radius:calc(7 * var(--stage-px));background:transparent;color:#5d6a86;padding:calc(6 * var(--stage-px)) calc(8 * var(--stage-px));font-family:inherit;font-size:calc(15 * var(--stage-px));font-weight:900}.classroom-route-tabs button.is-selected{background:#ffd84a;color:#243046;box-shadow:inset 0 0 0 calc(2 * var(--stage-px)) #243046}.classroom-route-tabs button:focus-visible{outline:none;box-shadow:inset 0 0 0 calc(2 * var(--stage-px)) #243046,0 0 0 calc(3 * var(--stage-px)) #35bdf647}.classroom-primary-button,.classroom-secondary-button,.classroom-link-box button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:calc(3 * var(--stage-px)) solid #243046;border-radius:calc(10 * var(--stage-px));color:#243046;font-family:inherit;font-weight:900;box-shadow:0 calc(4 * var(--stage-px)) 0 #243046}.classroom-primary-button{min-height:calc(56 * var(--stage-px));background:#ffd84a;padding:calc(11 * var(--stage-px)) calc(18 * var(--stage-px));font-size:calc(21 * var(--stage-px))}.classroom-secondary-button,.classroom-link-box button{min-height:calc(44 * var(--stage-px));background:#fff;padding:calc(8 * var(--stage-px)) calc(13 * var(--stage-px));font-size:calc(17 * var(--stage-px))}.classroom-secondary-button.is-active-focus{background:#ffd84a}.classroom-danger-button{border-color:#8d2c2c;color:#8d2c2c;box-shadow:0 calc(4 * var(--stage-px)) 0 #8d2c2c}.classroom-tooltip-button{position:relative;overflow:visible}.classroom-teacher-tooltip{position:absolute;left:50%;top:calc(100% + 10 * var(--stage-px));z-index:120;width:calc(270 * var(--stage-px));max-width:min(calc(270 * var(--stage-px)),82vw);padding:calc(10 * var(--stage-px)) calc(12 * var(--stage-px));border:calc(2 * var(--stage-px)) solid #243046;border-radius:calc(10 * var(--stage-px));background:#fff7df;color:#243046;box-shadow:0 calc(4 * var(--stage-px)) 0 #243046,0 calc(12 * var(--stage-px)) calc(20 * var(--stage-px)) #2430462e;font-size:calc(12 * var(--stage-px));font-weight:800;line-height:1.35;opacity:0;pointer-events:none;text-align:left;text-transform:none;transform:translate(-50%,calc(-4 * var(--stage-px)));transition:opacity .14s ease,transform .14s ease}.classroom-teacher-tooltip:before{content:"";position:absolute;left:50%;top:calc(-8 * var(--stage-px));width:calc(12 * var(--stage-px));height:calc(12 * var(--stage-px));border-left:calc(2 * var(--stage-px)) solid #243046;border-top:calc(2 * var(--stage-px)) solid #243046;background:#fff7df;transform:translate(-50%) rotate(45deg)}.classroom-tooltip-button:hover .classroom-teacher-tooltip,.classroom-tooltip-button:focus-visible .classroom-teacher-tooltip{opacity:1;transform:translate(-50%)}.classroom-primary-button:hover,.classroom-secondary-button:hover,.classroom-link-box button:hover{background:#ffe889}.classroom-primary-button:active,.classroom-secondary-button:active,.classroom-link-box button:active{transform:translateY(calc(1 * var(--stage-px)));box-shadow:0 calc(3 * var(--stage-px)) 0 #243046}.classroom-primary-button:disabled,.classroom-secondary-button:disabled{cursor:default;opacity:.6}.classroom-error{margin:calc(12 * var(--stage-px)) 0 0;color:#b83333;font-size:calc(18 * var(--stage-px));font-weight:900}.classroom-link-box{margin-top:calc(22 * var(--stage-px));padding:calc(18 * var(--stage-px));border:calc(3 * var(--stage-px)) solid #243046;border-radius:calc(10 * var(--stage-px));background:#e9fff1}.classroom-link-box strong{display:block;margin-bottom:calc(8 * var(--stage-px));color:#243046;font-size:calc(24 * var(--stage-px))}.classroom-link-box p{margin:calc(12 * var(--stage-px)) 0 calc(7 * var(--stage-px));color:#5d6a86;font-size:calc(17 * var(--stage-px));font-weight:900}.classroom-private-link-warning{display:grid;gap:calc(8 * var(--stage-px));margin-top:calc(16 * var(--stage-px));border:calc(2 * var(--stage-px)) solid rgba(141,44,44,.36);border-radius:calc(8 * var(--stage-px));background:#fff1e8;padding:calc(12 * var(--stage-px))}.classroom-private-link-warning strong{color:#8d2c2c;font-size:calc(15 * var(--stage-px));font-weight:900;text-transform:uppercase}.classroom-private-link-warning p{margin:0;color:#7a4b42;font-size:calc(14 * var(--stage-px));font-weight:800;line-height:1.32}.classroom-dashboard-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:calc(18 * var(--stage-px));margin-bottom:calc(22 * var(--stage-px))}.classroom-dashboard-logo{position:absolute;left:50%;top:calc(2 * var(--stage-px));width:calc(210 * var(--stage-px));height:auto;transform:translate(-50%);pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 calc(3 * var(--stage-px)) calc(4 * var(--stage-px)) rgba(36,48,70,.16))}.classroom-teacher-guide{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:calc(16 * var(--stage-px));align-items:start;margin-bottom:calc(18 * var(--stage-px));border:calc(3 * var(--stage-px)) solid rgba(36,48,70,.24);border-radius:calc(8 * var(--stage-px));background:#fff7d6;padding:calc(16 * var(--stage-px))}.classroom-teacher-guide h2{margin:calc(4 * var(--stage-px)) 0 0;color:#243046;font-size:calc(25 * var(--stage-px));line-height:1.05}.classroom-teacher-guide ol{display:grid;gap:calc(7 * var(--stage-px));margin:0;padding-left:calc(24 * var(--stage-px));color:#243046;font-size:calc(16 * var(--stage-px));font-weight:800;line-height:1.32}.classroom-teacher-guide strong{font-weight:900}.classroom-teacher-guide>p{grid-column:1 / -1;margin:0;border-top:calc(2 * var(--stage-px)) dashed rgba(141,44,44,.25);padding-top:calc(10 * var(--stage-px));color:#8d2c2c;font-size:calc(15 * var(--stage-px));font-weight:900}.classroom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(18 * var(--stage-px));align-items:start}.classroom-student-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.classroom-card{min-width:0;border:calc(3 * var(--stage-px)) solid rgba(36,48,70,.26);border-radius:calc(8 * var(--stage-px));background:#fff;padding:calc(18 * var(--stage-px))}.classroom-card-wide{grid-column:span 2}.classroom-card code{display:block;margin:calc(12 * var(--stage-px)) 0;padding:calc(10 * var(--stage-px));border-radius:calc(8 * var(--stage-px));background:#f3f7ff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:calc(14 * var(--stage-px));overflow-wrap:anywhere}.classroom-check{display:flex;align-items:center;gap:calc(10 * var(--stage-px));margin:calc(12 * var(--stage-px)) 0;color:#243046;font-size:calc(18 * var(--stage-px));font-weight:900}.classroom-check input{width:calc(24 * var(--stage-px));height:calc(24 * var(--stage-px));accent-color:#2bb673}.classroom-stat{margin:calc(14 * var(--stage-px)) 0 0;color:#2bb673;font-size:calc(54 * var(--stage-px));font-weight:900;line-height:1}.classroom-student-list{display:flex;flex-wrap:wrap;gap:calc(8 * var(--stage-px));margin-top:calc(14 * var(--stage-px))}.classroom-student-list span{border-radius:calc(999 * var(--stage-px));background:#e9f6ff;color:#243046;padding:calc(6 * var(--stage-px)) calc(10 * var(--stage-px));font-size:calc(17 * var(--stage-px));font-weight:900}.classroom-dashboard-section-heading{display:grid;gap:calc(6 * var(--stage-px));margin-bottom:calc(14 * var(--stage-px))}.classroom-dashboard-section-heading h2{margin:0}.classroom-dashboard-section-heading p{margin:0;color:#5d6a86;font-size:calc(17 * var(--stage-px));font-weight:800;line-height:1.34}.classroom-teacher-student-stat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(12 * var(--stage-px))}.classroom-teacher-stats-card{grid-column:1 / -1}.classroom-teacher-student-card{min-width:0;border:calc(2 * var(--stage-px)) solid rgba(36,48,70,.18);border-radius:calc(8 * var(--stage-px));background:#fffdf3;overflow:hidden}.classroom-teacher-student-summary{display:grid;gap:calc(10 * var(--stage-px));padding:calc(12 * var(--stage-px));cursor:pointer;list-style:none}.classroom-teacher-student-summary::-webkit-details-marker{display:none}.classroom-teacher-student-card[open] .classroom-teacher-student-summary{border-bottom:calc(2 * var(--stage-px)) dashed rgba(36,48,70,.18)}.classroom-teacher-student-head{display:flex;align-items:start;justify-content:space-between;gap:calc(12 * var(--stage-px))}.classroom-teacher-student-head h3{margin:0;color:#243046;font-size:calc(25 * var(--stage-px));line-height:1.04}.classroom-teacher-student-head span{display:block;margin-top:calc(4 * var(--stage-px));color:#5d6a86;font-size:calc(14 * var(--stage-px));font-weight:900}.classroom-teacher-student-head strong{flex:0 0 auto;color:#2bb673;font-size:calc(24 * var(--stage-px));line-height:1}.classroom-teacher-student-score{flex:0 0 auto;display:grid;justify-items:end;gap:calc(4 * var(--stage-px))}.classroom-teacher-details-cue{display:inline-flex;align-items:center;min-height:calc(22 * var(--stage-px));border-radius:calc(999 * var(--stage-px));background:#e9f6ff;color:#075f6e;padding:calc(3 * var(--stage-px)) calc(8 * var(--stage-px));font-size:calc(11 * var(--stage-px));font-weight:900;text-transform:uppercase}.classroom-teacher-student-card[open] .classroom-teacher-details-cue{background:#ffd84a;color:#243046}.classroom-teacher-student-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(8 * var(--stage-px))}.classroom-teacher-student-metrics span{min-width:0;display:grid;gap:calc(4 * var(--stage-px));border-radius:calc(8 * var(--stage-px));background:#e9f6ff;color:#5d6a86;padding:calc(8 * var(--stage-px));font-size:calc(12 * var(--stage-px));font-weight:900;text-transform:uppercase}.classroom-teacher-student-metrics b{color:#243046;font-size:calc(20 * var(--stage-px));line-height:1}.classroom-teacher-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(10 * var(--stage-px));padding:calc(12 * var(--stage-px))}.classroom-teacher-analytics-grid>div{display:grid;align-content:start;gap:calc(6 * var(--stage-px))}.classroom-teacher-analytics-grid strong{color:#075f6e;font-size:calc(13 * var(--stage-px));font-weight:900;text-transform:uppercase}.classroom-teacher-analytics-grid span,.classroom-teacher-analytics-grid em{min-width:0;display:grid;gap:calc(2 * var(--stage-px));border-radius:calc(7 * var(--stage-px));background:#fff;color:#5d6a86;padding:calc(7 * var(--stage-px));font-size:calc(12 * var(--stage-px));font-style:normal;font-weight:900;line-height:1.2}.classroom-teacher-analytics-grid b{color:#243046;font-size:calc(16 * var(--stage-px))}.classroom-teacher-audio-controls{display:grid;gap:calc(9 * var(--stage-px));border-top:calc(2 * var(--stage-px)) dashed rgba(36,48,70,.18);padding-top:calc(12 * var(--stage-px))}.classroom-audio-lock-check{margin:0;font-size:calc(15 * var(--stage-px))}.classroom-teacher-audio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(8 * var(--stage-px))}.classroom-sound-lock-row{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:calc(7 * var(--stage-px));align-items:stretch}.classroom-sound-lock-row-wide{grid-column:1 / -1}.classroom-mini-lock{background:#fff7d6}.classroom-mini-check,.classroom-mini-select{min-width:0;display:flex;align-items:center;gap:calc(7 * var(--stage-px));border-radius:calc(8 * var(--stage-px));background:#fff;color:#243046;padding:calc(8 * var(--stage-px));font-size:calc(13 * var(--stage-px));font-weight:900}.classroom-mini-check input{width:calc(18 * var(--stage-px));height:calc(18 * var(--stage-px));accent-color:#2bb673}.classroom-mini-select{justify-content:space-between}.classroom-mini-select select{max-width:calc(150 * var(--stage-px));border:calc(2 * var(--stage-px)) solid rgba(36,48,70,.24);border-radius:calc(7 * var(--stage-px));background:#fffdf3;color:#243046;font:inherit;padding:calc(5 * var(--stage-px)) calc(8 * var(--stage-px))}.classroom-leaderboard{display:grid;gap:calc(8 * var(--stage-px));margin:calc(14 * var(--stage-px)) 0 0;padding:0;list-style:none}.classroom-leaderboard li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:calc(10 * var(--stage-px));align-items:center;min-height:calc(42 * var(--stage-px));padding:calc(7 * var(--stage-px)) calc(9 * var(--stage-px));border-radius:calc(8 * var(--stage-px));background:#fff7d6;color:#243046;font-size:calc(17 * var(--stage-px));font-weight:900}.classroom-leaderboard strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classroom-rank{color:#d92f59}.classroom-run-table{display:grid;gap:calc(8 * var(--stage-px));margin-top:calc(14 * var(--stage-px))}.classroom-run-row{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(4,auto);gap:calc(11 * var(--stage-px));align-items:center;padding:calc(9 * var(--stage-px)) calc(10 * var(--stage-px));border-radius:calc(8 * var(--stage-px));background:#f3f7ff;color:#243046;font-size:calc(16 * var(--stage-px));font-weight:800}.classroom-run-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classroom-result-panel{position:absolute;right:calc(28 * var(--stage-px));top:calc(28 * var(--stage-px));z-index:18;width:calc(390 * var(--stage-px));max-height:calc(710 * var(--stage-px));overflow:auto;border:calc(4 * var(--stage-px)) solid #243046;border-radius:calc(14 * var(--stage-px));background:#fffdf3;box-shadow:0 calc(7 * var(--stage-px)) 0 #243046,0 calc(16 * var(--stage-px)) calc(24 * var(--stage-px)) #2430463d;padding:calc(18 * var(--stage-px))}.classroom-result-panel h2{margin:0;color:#243046;font-size:calc(28 * var(--stage-px));line-height:1.06}.classroom-result-panel p{color:#5d6a86;font-size:calc(18 * var(--stage-px));font-weight:800}.classroom-student-start{position:relative;flex-direction:column;overflow:hidden;animation:classroom-student-screen-in .36s ease-out both}.classroom-hero-ticket{position:absolute;right:calc(96 * var(--stage-px));top:calc(26 * var(--stage-px));z-index:1;display:inline-flex;align-items:center;min-height:calc(38 * var(--stage-px));padding:calc(8 * var(--stage-px)) calc(18 * var(--stage-px));border:calc(3 * var(--stage-px)) solid #243046;border-radius:calc(8 * var(--stage-px));background:#ffd84a;color:#243046;font-size:calc(17 * var(--stage-px));font-weight:900;box-shadow:0 calc(4 * var(--stage-px)) 0 #243046;transform:rotate(4deg)}.classroom-student-start-card{width:calc(1060 * var(--stage-px));padding:calc(22 * var(--stage-px)) calc(30 * var(--stage-px)) calc(24 * var(--stage-px));overflow:hidden;isolation:isolate}.classroom-student-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:calc(18 * var(--stage-px));align-items:end;margin-bottom:calc(12 * var(--stage-px))}.classroom-student-logo{width:calc(600 * var(--stage-px));margin:0}.classroom-student-title-copy{min-width:calc(200 * var(--stage-px));text-align:right}.classroom-student-title-copy .classroom-kicker{margin:0 0 calc(6 * var(--stage-px));font-size:calc(16 * var(--stage-px))}.classroom-student-subtitle{margin:0;color:#243046;font-size:calc(27 * var(--stage-px));font-weight:900;line-height:1.08}.classroom-student-start-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:calc(16 * var(--stage-px));align-items:stretch;text-align:left}.classroom-student-main{min-width:0;display:grid;grid-template-rows:auto 1fr;gap:calc(10 * var(--stage-px))}.classroom-student-side{min-width:0;display:flex;align-items:center;justify-content:center;padding:calc(8 * var(--stage-px)) calc(4 * var(--stage-px))}.classroom-student-round-label{display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--stage-px));color:#5d6a86;font-size:calc(17 * var(--stage-px));font-weight:900}.classroom-student-round-label span{color:#d92f59;text-transform:uppercase}.classroom-student-round-label strong{color:#1679ad;font-size:calc(15 * var(--stage-px))}.classroom-student-name-panel,.classroom-student-rank-card{min-width:0;border:calc(3 * var(--stage-px)) solid #243046;border-radius:calc(10 * var(--stage-px));background:#fff;padding:calc(16 * var(--stage-px));box-shadow:0 calc(4 * var(--stage-px)) 0 #243046;text-align:left}.classroom-student-join-card{background:linear-gradient(135deg,rgba(255,216,74,.24),transparent 42%),#fff}.classroom-crew-badge-card{--crew-badge-image: none;position:relative;width:min(100%,calc(386 * var(--stage-px)));aspect-ratio:1266 / 898;margin:calc(2 * var(--stage-px)) auto 0;background:var(--crew-badge-image) center / contain no-repeat;transform:rotate(3.4deg);transform-origin:50% 12%;filter:drop-shadow(calc(0 * var(--stage-px)) calc(5 * var(--stage-px)) 0 rgba(36,48,70,.32)) drop-shadow(calc(8 * var(--stage-px)) calc(18 * var(--stage-px)) calc(18 * var(--stage-px)) rgba(36,48,70,.25))}.classroom-crew-badge-card:before{content:"";position:absolute;left:50%;top:2.5%;width:7.5%;aspect-ratio:1;border-radius:50%;background:#ffffff47;box-shadow:inset 0 calc(2 * var(--stage-px)) calc(4 * var(--stage-px)) #ffffff5c,0 calc(1 * var(--stage-px)) calc(4 * var(--stage-px)) #2430463d;transform:translate(-50%);pointer-events:none}.crew-badge-name-field{position:absolute;left:25.2%;right:9%;top:66.4%;height:13.2%;display:flex;align-items:center}.crew-badge-name-field>span:not(.crew-badge-input-caret),.crew-badge-rank-field span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.crew-badge-name-field input{width:100%;height:100%;border:0;border-radius:calc(4 * var(--stage-px));background:#fffdf36b;color:#075f6e;padding:0 calc(12 * var(--stage-px));font-family:inherit;font-size:calc(26 * var(--stage-px));font-weight:900;letter-spacing:0;box-shadow:inset 0 0 0 calc(1 * var(--stage-px)) #075f6e1f}.crew-badge-name-field input:focus{outline:none;background:#ffffffad;box-shadow:inset 0 0 0 calc(2 * var(--stage-px)) #35bdf680,0 0 0 calc(3 * var(--stage-px)) #ffd84a40}.crew-badge-rank-field{position:absolute;left:27.2%;right:8.5%;top:77.7%;height:9.2%;display:flex;align-items:center;padding:0 calc(8 * var(--stage-px))}.crew-badge-rank-field strong{color:#d92f59;font-size:calc(34 * var(--stage-px));font-weight:900;line-height:1;text-shadow:calc(1 * var(--stage-px)) calc(1 * var(--stage-px)) 0 rgba(255,255,255,.76),0 calc(3 * var(--stage-px)) calc(5 * var(--stage-px)) rgba(36,48,70,.16)}.crew-badge-save-button{position:absolute;right:1.2%;bottom:6.8%;z-index:2;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:calc(94 * var(--stage-px));aspect-ratio:208 / 130;min-height:0;border:0;border-radius:0;background:transparent;color:#243046;padding:0;font-size:calc(15 * var(--stage-px));font-weight:900;line-height:1;text-shadow:calc(1 * var(--stage-px)) calc(1 * var(--stage-px)) 0 rgba(255,255,255,.5);box-shadow:none;transform:rotate(-2deg)}.crew-badge-save-button img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.crew-badge-save-button span{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;padding-top:calc(2 * var(--stage-px))}.crew-badge-save-button:disabled{cursor:default;opacity:.58}.crew-badge-save-button:active{transform:translateY(calc(1 * var(--stage-px))) rotate(-2deg);box-shadow:none}.crew-badge-note{position:absolute;left:27%;bottom:14%;max-width:55%;margin:0;color:#075f6e;font-size:calc(15 * var(--stage-px));font-weight:900;line-height:1.18}.classroom-student-name-panel h2,.classroom-student-rank-card h2{margin:0 0 calc(8 * var(--stage-px));color:#243046;font-size:calc(25 * var(--stage-px));line-height:1.06}.classroom-assignment-card{position:relative;min-height:calc(366 * var(--stage-px));justify-content:center;padding:calc(16 * var(--stage-px)) calc(18 * var(--stage-px));overflow:hidden}.classroom-assignment-card:before{content:"";position:absolute;inset:calc(12 * var(--stage-px));border:calc(2 * var(--stage-px)) dashed rgba(36,48,70,.24);border-radius:calc(10 * var(--stage-px));pointer-events:none}.classroom-order-ribbon{position:absolute;left:calc(18 * var(--stage-px));top:calc(18 * var(--stage-px));z-index:1;border-radius:calc(999 * var(--stage-px));background:#243046;color:#fff;padding:calc(6 * var(--stage-px)) calc(12 * var(--stage-px));font-size:calc(13 * var(--stage-px));font-weight:900;text-transform:uppercase;letter-spacing:0}.classroom-assignment-card .course-plate{width:calc(170 * var(--stage-px));height:calc(172 * var(--stage-px))}.classroom-assignment-card .course-label{font-size:calc(40 * var(--stage-px))}.classroom-assignment-card .course-price{font-size:calc(24 * var(--stage-px))}.classroom-assignment-card .course-detail{max-width:calc(520 * var(--stage-px));font-size:calc(19 * var(--stage-px))}.classroom-assignment-action{display:inline-flex;align-items:center;justify-content:center;min-height:calc(44 * var(--stage-px));margin-top:calc(7 * var(--stage-px));padding:calc(9 * var(--stage-px)) calc(18 * var(--stage-px));border:calc(3 * var(--stage-px)) solid #243046;border-radius:calc(999 * var(--stage-px));background:#ffd84a;color:#243046;font-size:calc(18 * var(--stage-px));font-weight:900;line-height:1.1;box-shadow:0 calc(3 * var(--stage-px)) 0 #243046}.classroom-student-bottom-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:calc(14 * var(--stage-px));align-items:stretch;margin-top:calc(14 * var(--stage-px))}.classroom-student-rank-wide,.classroom-student-wait-card{min-height:calc(116 * var(--stage-px))}.classroom-student-mini-rank{min-height:calc(110 * var(--stage-px))}.classroom-student-rank-card .classroom-stat{font-size:calc(44 * var(--stage-px))}.classroom-student-rank-card .classroom-leaderboard{margin-top:calc(8 * var(--stage-px))}.classroom-student-rank-card .classroom-leaderboard li{min-height:calc(35 * var(--stage-px));padding:calc(5 * var(--stage-px)) calc(8 * var(--stage-px));font-size:calc(15 * var(--stage-px))}.classroom-student-wait-card p,.classroom-settings-note{margin:calc(8 * var(--stage-px)) 0 0;color:#5d6a86;font-size:calc(17 * var(--stage-px));font-weight:800;line-height:1.32}.classroom-settings-note{margin:0 0 calc(12 * var(--stage-px));border:calc(2 * var(--stage-px)) solid rgba(36,48,70,.2);border-radius:calc(8 * var(--stage-px));background:#fff7d6;padding:calc(10 * var(--stage-px)) calc(12 * var(--stage-px))}.classroom-settings-note.is-open{background:#e9fff1}.classroom-exit-dialog{width:calc(620 * var(--stage-px));max-width:92%}.classroom-exit-link{display:block;margin:calc(12 * var(--stage-px)) 0;padding:calc(10 * var(--stage-px));border-radius:calc(8 * var(--stage-px));background:#f3f7ff;color:#243046;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:calc(14 * var(--stage-px));font-weight:800;overflow-wrap:anywhere}.classroom-exit-actions{display:flex;justify-content:flex-end;gap:calc(10 * var(--stage-px));margin-top:calc(14 * var(--stage-px))}.setting-toggle:disabled{cursor:default;opacity:.56}.classroom-student-meta{margin-top:calc(14 * var(--stage-px))}.classroom-student-splash-screen{--classroom-shop-background: none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:radial-gradient(circle at 50% 42%,#fffffff0 0,#fffffff0 24%,#ffffff47 44%,#ffffff0a 62%),linear-gradient(180deg,#f8fbff2e,#fff7df5c),var(--classroom-shop-background) center / cover no-repeat;animation:classroom-splash-screen-flow 1s ease-in-out both}.classroom-splash-logo{width:calc(620 * var(--stage-px));max-width:78%;filter:drop-shadow(0 calc(6 * var(--stage-px)) 0 rgba(36,48,70,.2)) drop-shadow(0 calc(18 * var(--stage-px)) calc(24 * var(--stage-px)) rgba(36,48,70,.18));animation:classroom-splash-in .68s ease-out both}.classroom-splash-preload{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}@keyframes classroom-splash-in{0%{opacity:0;transform:translateY(calc(8 * var(--stage-px))) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes classroom-splash-screen-flow{0%{opacity:0;filter:brightness(1.05) saturate(.95)}18%,76%{opacity:1;filter:brightness(1) saturate(1)}to{opacity:0;filter:brightness(1.08) saturate(.98)}}@keyframes classroom-student-screen-in{0%{opacity:0;transform:translateY(calc(10 * var(--stage-px))) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}.classroom-student-start-card{width:calc(1080 * var(--stage-px));min-height:calc(690 * var(--stage-px));padding:calc(22 * var(--stage-px)) calc(32 * var(--stage-px)) calc(26 * var(--stage-px));overflow:visible}.classroom-student-start-card:before{content:"";position:absolute;inset:calc(16 * var(--stage-px));border:calc(4 * var(--stage-px)) dashed rgba(53,189,246,.5);border-radius:calc(12 * var(--stage-px));pointer-events:none}.classroom-student-header{position:relative;min-height:calc(214 * var(--stage-px));grid-template-columns:minmax(0,1fr) minmax(calc(230 * var(--stage-px)),auto);align-items:start;padding-right:calc(250 * var(--stage-px));margin-bottom:calc(10 * var(--stage-px))}.classroom-student-logo{width:calc(540 * var(--stage-px));margin-top:calc(10 * var(--stage-px));margin-left:calc(80 * var(--stage-px))}.classroom-student-title-copy{--branch-board-image: none;position:absolute;left:calc(200 * var(--stage-px));top:calc(120 * var(--stage-px));width:calc(100 * var(--stage-px));aspect-ratio:1861 / 412;display:flex;align-items:center;justify-content:center;padding:calc(20 * var(--stage-px)) calc(29 * var(--stage-px)) calc(11 * var(--stage-px));background:var(--branch-board-image) center / contain no-repeat;filter:drop-shadow(0 calc(5 * var(--stage-px)) calc(5 * var(--stage-px)) rgba(36,48,70,.18));text-align:center}.classroom-student-subtitle{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#075f6e;font-size:calc(20 * var(--stage-px));font-weight:900;line-height:1.05;text-shadow:calc(1 * var(--stage-px)) calc(1 * var(--stage-px)) 0 rgba(255,253,243,.7)}.classroom-crew-badge-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;cursor:pointer}.classroom-student-header .classroom-crew-badge-button{position:absolute;right:calc(-40 * var(--stage-px));top:calc(-50 * var(--stage-px));z-index:4;width:calc(342 * var(--stage-px));transform:rotate(8deg)}.classroom-student-header .classroom-crew-badge-button:hover{transform:translateY(calc(-2 * var(--stage-px))) rotate(9deg)}.classroom-student-header .classroom-crew-badge-button:focus-visible{outline:calc(4 * var(--stage-px)) solid #ffd84a;outline-offset:calc(7 * var(--stage-px))}.crew-badge-name-display{position:absolute;left:26%;right:8%;top:67.5%;height:12.4%;display:flex;align-items:center;overflow:hidden;color:#075f6e;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:900;line-height:1;white-space:nowrap;text-align:left;padding-left:calc(7 * var(--stage-px));font-size:calc(21 * var(--stage-px))}.crew-badge-earned-stamp{position:absolute;right:3.5%;top:57%;width:24%;height:auto;pointer-events:none;transform:rotate(12deg);filter:drop-shadow(0 calc(9 * var(--stage-px)) calc(10 * var(--stage-px)) rgba(255,255,255,1));opacity:.95}.classroom-student-start-layout{display:grid;grid-template-columns:calc(262 * var(--stage-px)) minmax(0,1fr);gap:calc(20 * var(--stage-px));align-items:start}.classroom-student-sidebar{min-width:0;display:grid;gap:calc(12 * var(--stage-px));align-content:start}.classroom-side-actions{display:grid;gap:calc(7 * var(--stage-px))}.classroom-side-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;min-height:calc(44 * var(--stage-px));display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--stage-px));border:calc(2 * var(--stage-px)) solid rgba(36,48,70,.26);border-radius:calc(8 * var(--stage-px));background:#ffffffa3;color:#243046;padding:calc(8 * var(--stage-px)) calc(10 * var(--stage-px));font-size:calc(16 * var(--stage-px));font-weight:900;text-align:left;box-shadow:none;transition:background .14s ease,border-color .14s ease,transform .14s ease}.classroom-side-action-label{min-width:0;display:inline-flex;align-items:center;gap:calc(8 * var(--stage-px))}.classroom-side-action-label span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classroom-side-icon{flex:0 0 auto;width:calc(22 * var(--stage-px));height:calc(22 * var(--stage-px));fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.classroom-side-action-badge{flex:0 0 auto;border-radius:calc(999 * var(--stage-px));background:#35bdf624;padding:calc(3 * var(--stage-px)) calc(8 * var(--stage-px));color:#1679ad;font-size:calc(11 * var(--stage-px));font-weight:900;text-transform:uppercase}.classroom-side-action:hover{z-index:40;transform:translateY(calc(-1 * var(--stage-px)));border-color:#24304675;background:#ffffffe0}.classroom-side-action:focus-visible{z-index:40}.classroom-side-toggle.is-on{border-color:#2bb67385;background:#e9fff1b8}.classroom-side-toggle.is-on .classroom-side-action-badge{background:#2bb6732e;color:#1c7c48}.classroom-side-tooltip{position:absolute;left:calc(100% + 10 * var(--stage-px));top:50%;z-index:80;width:calc(245 * var(--stage-px));padding:calc(10 * var(--stage-px)) calc(12 * var(--stage-px));border:calc(2 * var(--stage-px)) solid #243046;border-radius:calc(10 * var(--stage-px));background:#fff7df;color:#243046;box-shadow:0 calc(4 * var(--stage-px)) 0 #243046,0 calc(12 * var(--stage-px)) calc(20 * var(--stage-px)) #2430462e;font-size:calc(12 * var(--stage-px));font-weight:800;line-height:1.35;opacity:0;pointer-events:none;text-align:left;text-transform:none;transform:translate(calc(-4 * var(--stage-px)),-50%);transition:opacity .14s ease,transform .14s ease}.classroom-side-tooltip:after{content:"";position:absolute;left:calc(-8 * var(--stage-px));top:50%;width:calc(12 * var(--stage-px));height:calc(12 * var(--stage-px));border-left:calc(2 * var(--stage-px)) solid #243046;border-bottom:calc(2 * var(--stage-px)) solid #243046;background:#fff7df;transform:translateY(-50%) rotate(45deg)}.classroom-side-action:hover .classroom-side-tooltip,.classroom-side-action:focus-visible .classroom-side-tooltip{opacity:1;transform:translateY(-50%)}.classroom-side-card{min-width:0;border:calc(2 * var(--stage-px)) solid rgba(36,48,70,.18);border-radius:calc(8 * var(--stage-px));background:#ffffff94;padding:calc(12 * var(--stage-px));box-shadow:none}.classroom-stats-card{max-height:calc(490 * var(--stage-px));overflow:auto}.classroom-side-card-heading{display:flex;align-items:baseline;justify-content:space-between;gap:calc(10 * var(--stage-px))}.classroom-side-card-heading h2,.classroom-side-card h2{margin:0;color:#243046;font-size:calc(22 * var(--stage-px));line-height:1.05}.classroom-side-heading-label{display:inline-flex;align-items:center;gap:calc(8 * var(--stage-px))}.classroom-side-heading-label .classroom-side-icon{width:calc(21 * var(--stage-px));height:calc(21 * var(--stage-px))}.classroom-side-card-heading span{flex:0 0 auto;color:#5d6a86;font-size:calc(12 * var(--stage-px));font-weight:900;text-transform:uppercase}.classroom-side-help{margin:calc(7 * var(--stage-px)) 0 calc(10 * var(--stage-px));color:#5d6a86;font-size:calc(13 * var(--stage-px));font-weight:800;line-height:1.32}.classroom-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(8 * var(--stage-px))}.classroom-stats-grid span{min-width:0;display:grid;gap:calc(3 * var(--stage-px));border-radius:calc(8 * var(--stage-px));background:#fff7df;color:#5d6a86;padding:calc(8 * var(--stage-px));font-size:calc(12 * var(--stage-px));font-weight:900;text-transform:uppercase}.classroom-stats-grid strong{color:#243046;font-size:calc(20 * var(--stage-px));line-height:1}.classroom-stat-strip{display:grid;gap:calc(6 * var(--stage-px));margin-top:calc(9 * var(--stage-px))}.classroom-stat-strip span{border-radius:calc(999 * var(--stage-px));background:#2bb67324;color:#243046;padding:calc(5 * var(--stage-px)) calc(8 * var(--stage-px));font-size:calc(12 * var(--stage-px));font-weight:900}.classroom-stats-detail-button{width:100%;margin-top:calc(10 * var(--stage-px))}.classroom-analytics-dialog{width:calc(920 * var(--stage-px));max-width:94%;max-height:calc(890 * var(--stage-px));overflow:auto;border:calc(4 * var(--stage-px)) solid #243046;border-radius:calc(16 * var(--stage-px));background:#fff7df;padding:calc(22 * var(--stage-px));box-shadow:0 calc(8 * var(--stage-px)) 0 #243046,0 calc(20 * var(--stage-px)) calc(34 * var(--stage-px)) #2430464d;animation:popup-in .22s ease-out both}.classroom-analytics-dialog h2{margin:0;color:#243046;font-size:calc(32 * var(--stage-px))}.classroom-analytics-dialog-help{font-size:calc(17 * var(--stage-px))}.classroom-analytics-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(14 * var(--stage-px))}.classroom-analytics-detail-section{min-width:0;border:calc(3 * var(--stage-px)) solid #243046;border-radius:calc(10 * var(--stage-px));background:#fff;padding:calc(14 * var(--stage-px));box-shadow:0 calc(4 * var(--stage-px)) 0 #243046}.classroom-analytics-detail-section h3{margin:0;color:#243046;font-size:calc(22 * var(--stage-px))}.classroom-analytics-detail-wide{grid-column:1 / -1}.classroom-analytics-detail-list{display:grid;gap:calc(10 * var(--stage-px));margin:0;padding:0;list-style:none}.classroom-analytics-detail-list li{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:calc(10 * var(--stage-px));align-items:start;border-radius:calc(8 * var(--stage-px));background:#f8fbff;padding:calc(10 * var(--stage-px))}.classroom-analytics-detail-list li>div{min-width:0;display:grid;gap:calc(6 * var(--stage-px))}.classroom-analytics-detail-list strong{color:#243046;font-size:calc(15 * var(--stage-px));line-height:1.2}.classroom-analytics-detail-list>li>span,.classroom-analytics-detail-list>li>div>span{color:#5d6a86;font-size:calc(13 * var(--stage-px));font-weight:900}.classroom-analytics-detail-list .analytics-keycap{min-width:calc(46 * var(--stage-px));min-height:calc(42 * var(--stage-px));display:inline-flex;align-items:center;justify-content:center;border:calc(2 * var(--stage-px)) solid #243046;border-radius:calc(8 * var(--stage-px));background:#fff;color:#243046;font-size:calc(17 * var(--stage-px));box-shadow:0 calc(3 * var(--stage-px)) 0 #243046}.classroom-finger-detail-list li{grid-template-columns:calc(54 * var(--stage-px)) minmax(0,1fr);align-items:center}.keyboard-finger-dot{width:calc(34 * var(--stage-px));height:calc(34 * var(--stage-px));display:inline-flex;align-self:center;justify-self:center;border:calc(2 * var(--stage-px)) solid #243046;border-radius:999px;box-shadow:0 calc(3 * var(--stage-px)) 0 #24304647}.classroom-chunk-detail-list li{grid-template-columns:minmax(0,1fr)}.classroom-character-detail-list .chunk-practice,.classroom-chunk-detail-list .chunk-practice{min-width:0}.classroom-cumulative-analytics{margin-top:calc(10 * var(--stage-px));border-top:calc(2 * var(--stage-px)) dashed rgba(36,48,70,.2);padding-top:calc(10 * var(--stage-px))}.classroom-cumulative-analytics h3{margin:0;color:#243046;font-size:calc(17 * var(--stage-px));line-height:1.05}.classroom-mini-analytics-group{display:grid;gap:calc(5 * var(--stage-px));margin-top:calc(8 * var(--stage-px))}.classroom-mini-analytics-group>strong{color:#075f6e;font-size:calc(12 * var(--stage-px));font-weight:900;text-transform:uppercase}.classroom-mini-analytics-group span,.classroom-mini-analytics-group em{min-width:0;display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);gap:calc(6 * var(--stage-px));border-radius:calc(7 * var(--stage-px));background:#fff7df;color:#5d6a86;padding:calc(6 * var(--stage-px));font-size:calc(11 * var(--stage-px));font-style:normal;font-weight:900;line-height:1.2}.classroom-mini-analytics-group b{min-width:0;overflow:hidden;color:#243046;text-overflow:ellipsis;white-space:nowrap}.classroom-student-center-stack{min-width:0;width:min(100%,calc(730 * var(--stage-px)));display:grid;justify-self:center;justify-items:center;gap:calc(12 * var(--stage-px))}.classroom-order-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(16 * var(--stage-px));align-items:stretch}.classroom-order-grid-four{gap:calc(13 * var(--stage-px))}.classroom-order-column{min-width:0;display:grid;gap:calc(8 * var(--stage-px));align-content:start}.classroom-order-route-control{margin-bottom:calc(-2 * var(--stage-px))}.classroom-order-route-control .classroom-route-select{margin:0}.classroom-student-round-label{width:100%}.classroom-start-order-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:min(100%,calc(630 * var(--stage-px)));min-height:calc(260 * var(--stage-px));display:grid;grid-template-columns:calc(185 * var(--stage-px)) minmax(0,1fr);align-items:center;gap:calc(20 * var(--stage-px));border:calc(4 * var(--stage-px)) solid #243046;border-radius:calc(12 * var(--stage-px));background:linear-gradient(135deg,rgba(255,216,74,.22),transparent 42%),#eaf7ff;color:#243046;padding:calc(28 * var(--stage-px)) calc(24 * var(--stage-px)) calc(22 * var(--stage-px));box-shadow:0 calc(7 * var(--stage-px)) 0 #243046,0 calc(15 * var(--stage-px)) calc(22 * var(--stage-px)) #24304633;text-align:left}.classroom-order-grid .classroom-start-order-button{width:100%;min-height:calc(232 * var(--stage-px));grid-template-columns:calc(126 * var(--stage-px)) minmax(0,1fr);padding:calc(20 * var(--stage-px)) calc(16 * var(--stage-px));gap:calc(15 * var(--stage-px))}.classroom-order-grid-four .classroom-start-order-button{min-height:calc(192 * var(--stage-px));grid-template-columns:calc(154 * var(--stage-px)) minmax(0,1fr);padding:calc(15 * var(--stage-px)) calc(13 * var(--stage-px));gap:calc(12 * var(--stage-px))}.classroom-order-grid .classroom-start-order-button .course-plate{width:calc(126 * var(--stage-px));height:calc(140 * var(--stage-px))}.classroom-order-grid-four .classroom-start-order-button .course-plate{width:var(--burger-title-w);height:var(--burger-title-h);justify-self:center;background-position:center;background-size:contain}.classroom-order-grid-four .classroom-start-order-button.course-practice .course-plate{width:calc(142 * var(--stage-px));height:calc(142 * var(--stage-px))}.classroom-order-grid .classroom-start-order-copy span{min-height:calc(36 * var(--stage-px));padding:calc(6 * var(--stage-px)) calc(10 * var(--stage-px));font-size:calc(15 * var(--stage-px));line-height:1.05}.classroom-order-grid .classroom-start-order-copy strong{font-size:calc(31 * var(--stage-px))}.classroom-order-grid-four .classroom-start-order-copy strong{font-size:calc(26 * var(--stage-px))}.classroom-order-grid .classroom-start-order-copy small{font-size:calc(13 * var(--stage-px))}.classroom-order-grid-four .classroom-start-order-copy small{font-size:calc(12 * var(--stage-px))}.classroom-order-loading{grid-column:1 / -1;width:100%}.classroom-practice-order-button{background:linear-gradient(135deg,rgba(43,182,115,.16),transparent 42%),#fffdf3}.classroom-start-order-button:disabled{cursor:default;opacity:.72}.classroom-start-order-button:not(:disabled):hover{transform:translateY(calc(-2 * var(--stage-px)))}.classroom-start-order-button:not(:disabled):active{transform:translateY(calc(2 * var(--stage-px)));box-shadow:0 calc(4 * var(--stage-px)) 0 #243046,0 calc(10 * var(--stage-px)) calc(18 * var(--stage-px)) #2430462e}.classroom-start-order-button .course-plate{width:calc(168 * var(--stage-px));height:calc(170 * var(--stage-px))}.classroom-start-order-copy{min-width:0;display:grid;gap:calc(5 * var(--stage-px))}.classroom-start-order-copy span{display:inline-flex;justify-content:center;width:fit-content;min-height:calc(43 * var(--stage-px));align-items:center;border:calc(3 * var(--stage-px)) solid #243046;border-radius:calc(999 * var(--stage-px));background:#ffd84a;color:#243046;padding:calc(8 * var(--stage-px)) calc(16 * var(--stage-px));font-size:calc(19 * var(--stage-px));font-weight:900;box-shadow:0 calc(3 * var(--stage-px)) 0 #243046}.classroom-start-order-copy .classroom-start-order-subtitle{display:block;width:auto;min-height:0;border:0;border-radius:0;background:transparent;color:#ff5c7a;padding:0;font-size:calc(23 * var(--stage-px));font-weight:900;line-height:1.1;box-shadow:none}.classroom-order-grid .classroom-start-order-copy .classroom-start-order-subtitle{min-height:0;padding:0;font-size:calc(20 * var(--stage-px));line-height:1.1}.classroom-start-order-copy strong{color:#243046;font-size:calc(42 * var(--stage-px));line-height:1}.classroom-start-order-copy small{color:#5d6a86;font-size:calc(16 * var(--stage-px));font-weight:900;line-height:1.25}.classroom-student-rank-wide{width:100%;margin-top:calc(18 * var(--stage-px));min-height:0;border:0;background:transparent;box-shadow:none;padding:0}.classroom-student-leaderboard{max-height:calc(258 * var(--stage-px));overflow:auto;padding-right:calc(5 * var(--stage-px))}.classroom-student-leaderboard li{background:#f7faffeb;color:#39475f;font-weight:850;box-shadow:inset 0 0 0 calc(1 * var(--stage-px)) #24304614}.classroom-student-leaderboard .classroom-rank{color:#66758f}.classroom-student-leaderboard li.is-current-student{position:sticky;top:0;z-index:2;background:#fff7df;color:#243046;box-shadow:inset calc(4 * var(--stage-px)) 0 0 #ffd84a,inset 0 0 0 calc(1 * var(--stage-px)) #d92f5924,0 calc(4 * var(--stage-px)) calc(10 * var(--stage-px)) #24304621}.classroom-student-leaderboard li.is-current-student .classroom-rank{color:#d92f59}.classroom-student-leaderboard li.is-current-student.is-unranked .classroom-rank{color:#5d6a86;font-size:calc(12 * var(--stage-px))}.classroom-student-leaderboard li.has-rank-divider{margin-top:calc(12 * var(--stage-px))}.classroom-student-leaderboard li.has-rank-divider:before{content:"";position:absolute;left:0;right:0;top:calc(-8 * var(--stage-px));border-top:calc(2 * var(--stage-px)) dashed rgba(36,48,70,.28)}.classroom-name-editor-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#1418228f;-webkit-backdrop-filter:blur(calc(8 * var(--stage-px)));backdrop-filter:blur(calc(8 * var(--stage-px)));animation:classroom-overlay-fade-in .22s ease-out both}.classroom-crew-badge-editor{width:calc(600 * var(--stage-px));max-width:88%;transform:none;animation:popup-in .22s ease-out both}.classroom-crew-badge-editor .crew-badge-save-button{right:-24.5%;bottom:2.5%;width:calc(110 * var(--stage-px));font-size:calc(24 * var(--stage-px));transform:none}.classroom-crew-badge-editor .crew-badge-name-field{top:66.4%}.crew-badge-name-field.is-editing input{caret-color:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#ffffffad}.crew-badge-name-field.is-editing input::selection{background:#ffd84a8c}.crew-badge-input-caret{position:absolute;z-index:2;left:calc(calc(12 * var(--stage-px)) + var(--crew-name-caret-offset, 0ch) - var(--crew-name-caret-scroll, 0px) + .08ch);top:16%;width:.56ch;height:68%;border-radius:calc(2 * var(--stage-px));background:#24304657;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:calc(26 * var(--stage-px));opacity:1;pointer-events:none;animation:crew-caret-blink 1s steps(2,start) infinite}@keyframes crew-caret-blink{0%,49.99%{opacity:1}50%,to{opacity:0}}@keyframes classroom-overlay-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(calc(8 * var(--stage-px)));backdrop-filter:blur(calc(8 * var(--stage-px)))}}.keyboard-basics-dialog{width:calc(1110 * var(--stage-px));max-width:98%;max-height:calc(940 * var(--stage-px));overflow:auto;border:calc(4 * var(--stage-px)) solid #243046;border-radius:calc(16 * var(--stage-px));background:#fff7df;padding:calc(24 * var(--stage-px)) calc(28 * var(--stage-px));box-shadow:0 calc(8 * var(--stage-px)) 0 #243046,0 calc(20 * var(--stage-px)) calc(34 * var(--stage-px)) #2430464d;animation:popup-in .22s ease-out both}.keyboard-basics-dialog h2{margin:0;color:#243046;font-size:calc(30 * var(--stage-px))}.keyboard-basics-lead{margin:calc(10 * var(--stage-px)) 0 calc(16 * var(--stage-px));color:#5d6a86;font-size:calc(18 * var(--stage-px));font-weight:800;line-height:1.35}.keyboard-hands{display:grid;grid-template-columns:minmax(0,1fr) calc(150 * var(--stage-px)) minmax(0,1fr);align-items:center;gap:calc(18 * var(--stage-px));margin-bottom:calc(16 * var(--stage-px))}.keyboard-hand{display:block;width:100%;height:calc(300 * var(--stage-px));overflow:visible}.keyboard-hand-art{overflow:visible}.keyboard-fingertip{stroke:#243046;stroke-width:3;transition:filter .12s ease,stroke-width .12s ease}.keyboard-fingertip.is-active{filter:drop-shadow(0 0 calc(7 * var(--stage-px)) rgba(255,216,74,.92)) drop-shadow(0 calc(2 * var(--stage-px)) 0 #243046);stroke-width:6}.keyboard-hand-label{fill:#243046;color:#243046;font-size:14px;font-weight:900;paint-order:stroke;stroke:#ffffffb8;stroke-width:2px}.keyboard-active-key-display{position:relative;width:calc(240 * var(--stage-px));min-height:calc(78 * var(--stage-px));display:inline-flex;align-items:center;justify-content:flex-start;justify-self:center;border:calc(3 * var(--stage-px)) solid #243046;border-radius:calc(8 * var(--stage-px));background:linear-gradient(180deg,#fffffff5,#f6fafff5),#fff;color:#6f7786;padding:calc(10 * var(--stage-px)) calc(16 * var(--stage-px));font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:calc(24 * var(--stage-px));font-weight:900;line-height:1.25;overflow:hidden;white-space:pre;box-shadow:0 calc(5 * var(--stage-px)) 0 #243046,inset 0 calc(5 * var(--stage-px)) calc(14 * var(--stage-px)) #24304621,inset 0 calc(-2 * var(--stage-px)) calc(8 * var(--stage-px)) #ffffffd1,inset 0 0 0 calc(2 * var(--stage-px)) #35bdf61f}.keyboard-active-key-display:after{content:"";position:absolute;left:calc(14 * var(--stage-px));right:calc(14 * var(--stage-px));bottom:calc(7 * var(--stage-px));height:calc(2 * var(--stage-px));border-radius:calc(999 * var(--stage-px));background:#2430462e;pointer-events:none}.keyboard-active-key-display.has-key{background:linear-gradient(180deg,#fff,#f8fbff),#fff;color:#243046}.keyboard-active-key-text{min-width:0;overflow:hidden;padding-bottom:calc(3 * var(--stage-px))}.keyboard-active-key-text.is-fading{color:#243046;animation:keyboard-buffer-fade 1.2s ease-out forwards}.keyboard-active-key-text.is-placeholder{color:#8d95a3}@keyframes keyboard-buffer-fade{0%{opacity:1}62%{opacity:.76}to{opacity:.18}}.keyboard-active-key-caret{flex:0 0 auto;width:calc(13 * var(--stage-px));height:calc(28 * var(--stage-px));margin-left:calc(3 * var(--stage-px));background:#1c638129;animation:keyboard-active-caret-blink .92s steps(1,end) infinite}@keyframes keyboard-active-caret-blink{0%,48%{opacity:1}49%,to{opacity:0}}.keyboard-map{display:grid;gap:calc(9 * var(--stage-px));border:calc(3 * var(--stage-px)) solid #243046;border-radius:calc(12 * var(--stage-px));background:#f8fbff;padding:calc(18 * var(--stage-px));box-shadow:inset 0 0 0 calc(2 * var(--stage-px)) #24304614}.keyboard-map-row,.keyboard-space-row{display:flex;justify-content:center;gap:calc(7 * var(--stage-px))}.keyboard-map-row-1{transform:translate(calc(-54 * var(--stage-px)))}.keyboard-map-row-2{transform:translate(calc(-28 * var(--stage-px)))}.keyboard-map-row-3{transform:translate(calc(18 * var(--stage-px)))}.keyboard-map-row-4{transform:translate(0)}.keyboard-key,.keyboard-thumb-key{position:relative;min-width:calc(54 * var(--stage-px));min-height:calc(48 * var(--stage-px));display:inline-flex;align-items:center;justify-content:center;border:calc(2 * var(--stage-px)) solid #243046;border-radius:calc(8 * var(--stage-px));color:#243046;font-size:calc(20 * var(--stage-px));font-weight:900;box-shadow:0 calc(3 * var(--stage-px)) 0 #243046;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.keyboard-thumb-key{min-width:calc(270 * var(--stage-px));background:#fff;font-size:calc(18 * var(--stage-px))}.keyboard-key.is-wide-key{min-width:calc(92 * var(--stage-px));font-size:calc(15 * var(--stage-px))}.keyboard-key-left-pinky{background:#ffb7c5}.keyboard-key-left-ring{background:#ffd38a}.keyboard-key-left-middle{background:#ffe889}.keyboard-key-left-index{background:#a8e6c1}.keyboard-key-left-thumb,.keyboard-key-right-thumb{background:#d7f3b1}.keyboard-key-right-index{background:#9de0f6}.keyboard-key-right-middle{background:#bfc5ff}.keyboard-key-right-ring{background:#d9b8ff}.keyboard-key-right-pinky{background:#f2b6df}.keyboard-fingertip.keyboard-key-left-pinky{fill:#ffb7c5}.keyboard-fingertip.keyboard-key-left-ring{fill:#ffd38a}.keyboard-fingertip.keyboard-key-left-middle{fill:#ffe889}.keyboard-fingertip.keyboard-key-left-index{fill:#a8e6c1}.keyboard-fingertip.keyboard-key-left-thumb,.keyboard-fingertip.keyboard-key-right-thumb{fill:#d7f3b1}.keyboard-fingertip.keyboard-key-right-index{fill:#9de0f6}.keyboard-fingertip.keyboard-key-right-middle{fill:#bfc5ff}.keyboard-fingertip.keyboard-key-right-ring{fill:#d9b8ff}.keyboard-fingertip.keyboard-key-right-pinky{fill:#f2b6df}.keyboard-key.is-active,.keyboard-thumb-key.is-active{transform:translateY(calc(3 * var(--stage-px)));filter:saturate(1.35) brightness(1.05);box-shadow:0 calc(1 * var(--stage-px)) 0 #243046,0 0 0 calc(5 * var(--stage-px)) #ffd84ad6}.keyboard-key.is-home-key{box-shadow:0 calc(3 * var(--stage-px)) 0 #243046,inset 0 0 0 calc(4 * var(--stage-px)) #ffffffdb,inset 0 0 0 calc(7 * var(--stage-px)) #2430461f}.keyboard-key.is-home-key:after{content:"";position:absolute;left:50%;bottom:calc(6 * var(--stage-px));width:calc(20 * var(--stage-px));height:calc(5 * var(--stage-px));border:calc(2 * var(--stage-px)) solid rgba(255,255,255,.86);border-radius:calc(999 * var(--stage-px));background:#243046;transform:translate(-50%);box-shadow:0 calc(1 * var(--stage-px)) 0 #ffffffb8}.keyboard-key.is-home-key.is-active{box-shadow:0 calc(1 * var(--stage-px)) 0 #243046,0 0 0 calc(5 * var(--stage-px)) #ffd84ad6,inset 0 0 0 calc(4 * var(--stage-px)) #ffffffdb,inset 0 0 0 calc(7 * var(--stage-px)) #2430461f}.keyboard-basics-tips{display:grid;gap:calc(8 * var(--stage-px));margin:calc(16 * var(--stage-px)) 0 0;padding-left:calc(28 * var(--stage-px));color:#243046;font-size:calc(17 * var(--stage-px));font-weight:800;line-height:1.32}.ready-screen{background:transparent;position:relative}.ready-card{width:calc(760 * var(--stage-px));background:#fff;border:calc(4 * var(--stage-px)) solid #243046;border-radius:calc(18 * var(--stage-px));box-shadow:0 calc(10 * var(--stage-px)) 0 #243046,0 calc(18 * var(--stage-px)) calc(28 * var(--stage-px)) #24304638;text-align:center;padding:calc(56 * var(--stage-px)) calc(58 * var(--stage-px)) calc(50 * var(--stage-px))}.ready-plate{width:var(--burger-ready-w);height:var(--burger-ready-h);margin:0 auto calc(24 * var(--stage-px));display:block;filter:drop-shadow(0 calc(5 * var(--stage-px)) 0 rgba(36,48,70,.22))}.ready-kicker{display:inline-block;color:#fff;background:#35bdf6;border-radius:calc(999 * var(--stage-px));padding:calc(7 * var(--stage-px)) calc(16 * var(--stage-px));font-size:calc(17 * var(--stage-px));font-weight:900;letter-spacing:.1em;text-transform:uppercase}.ready-title{margin:calc(18 * var(--stage-px)) 0 calc(14 * var(--stage-px));font-size:calc(68 * var(--stage-px));line-height:1;color:#ff5c7a}.ready-copy{margin:0 0 calc(12 * var(--stage-px));color:var(--ink-soft);font-size:calc(26 * var(--stage-px));font-weight:800}.ready-button{min-width:calc(470 * var(--stage-px));display:inline-flex;align-items:center;justify-content:center;gap:calc(12 * var(--stage-px));padding-inline:calc(34 * var(--stage-px));font-size:calc(27 * var(--stage-px));white-space:nowrap}.ready-button-or{color:#ffffffc7;font-size:.72em;font-weight:900;text-transform:uppercase}.ready-keycap{display:inline-flex;align-items:center;justify-content:center;min-width:calc(88 * var(--stage-px));height:calc(36 * var(--stage-px));padding:0 calc(14 * var(--stage-px));border:calc(2 * var(--stage-px)) solid rgba(255,255,255,.7);border-radius:calc(7 * var(--stage-px));background:#24304638;color:#fff7df;font-size:calc(15 * var(--stage-px));line-height:1;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 calc(-2 * var(--stage-px)) 0 #2430462e}.launch-callout{position:absolute;left:50%;top:50%;z-index:4;width:calc(560 * var(--stage-px));margin:0;filter:drop-shadow(0 calc(8 * var(--stage-px)) calc(12 * var(--stage-px)) rgba(80,41,21,.22));animation:launch-callout-pop 2s cubic-bezier(.24,1.55,.42,1) both}.launch-callout img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none}@keyframes launch-callout-pop{0%{transform:translate(-50%,calc(-50% + 18 * var(--stage-px))) scale(.72) rotate(-6deg);opacity:0}16%{transform:translate(-50%,calc(-50% - 6 * var(--stage-px))) scale(1.08) rotate(2deg);opacity:1}76%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}to{transform:translate(-50%,calc(-50% - 18 * var(--stage-px))) scale(.96) rotate(0);opacity:0}}.game-screen{--stage-px: .0690608cqw;width:100%;height:100%;max-width:none;display:flex;flex-direction:column;padding:calc(16 * var(--stage-px)) calc(24 * var(--stage-px)) calc(24 * var(--stage-px));gap:calc(12 * var(--stage-px));position:relative;overflow:hidden;background:url(/assets/barger_shop_background-BDGAhgEn.png) center / cover no-repeat,#f3c684;animation:game-screen-enter .46s ease-out both}@keyframes game-screen-enter{0%{opacity:.78;filter:saturate(.92) brightness(1.04)}to{opacity:1;filter:saturate(1) brightness(1)}}.status-bar{display:flex;align-items:center;position:absolute;left:calc(24 * var(--stage-px));top:calc(18 * var(--stage-px));z-index:8;width:auto;padding:0;background:transparent;border:0;box-shadow:none}.quit-button{margin:0;color:#243046;background:#fff7dff0;border:calc(2 * var(--stage-px)) solid #243046;box-shadow:0 calc(3 * var(--stage-px)) 0 #243046,0 calc(6 * var(--stage-px)) calc(12 * var(--stage-px)) #3a2a1e21;font-weight:800;letter-spacing:.02em}.status-bar .text-button{font-size:calc(15 * var(--stage-px));padding:calc(8 * var(--stage-px)) calc(13 * var(--stage-px));border-radius:calc(10 * var(--stage-px))}.status-bar .text-button:hover{background:#fff1c0fa}.game-stage{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;min-height:0}.conveyor-scene{position:absolute;top:0;right:0;bottom:0;left:0}.foreground-radio{--radio-left: 91.44%;--radio-top: 39.6%;--radio-width: 8.56%;position:absolute;left:var(--radio-left);top:var(--radio-top);width:var(--radio-width);aspect-ratio:124 / 160;background:url(/assets/radio_background-cutout-BixffcPb.png) center / contain no-repeat;z-index:4;pointer-events:none}.kitchen-timer{--timer-angle: 0deg;position:absolute;left:72.3%;top:72.5%;z-index:5;width:10.4%;aspect-ratio:263 / 326;pointer-events:none;filter:drop-shadow(calc(1.4 * var(--stage-px)) calc(3.4 * var(--stage-px)) 0 rgba(88,51,23,.16)) drop-shadow(calc(5 * var(--stage-px)) calc(9 * var(--stage-px)) calc(7 * var(--stage-px)) rgba(68,37,18,.24));transform:translate(-50%,-50%) rotate(-2deg)}.kitchen-timer-back,.kitchen-timer-center,.kitchen-timer-tick{-webkit-user-select:none;user-select:none;pointer-events:none}.kitchen-timer-back{display:block;width:100%;height:100%;object-fit:contain}.kitchen-timer-tick-wrap{position:absolute;left:50.2%;top:49.7%;width:10.5%;height:36.5%;transform:translate(-50%,-87.6%) rotate(var(--timer-angle));transform-origin:50% 87.6%;will-change:transform}.kitchen-timer-tick{display:block;width:100%;height:100%;object-fit:contain}.kitchen-timer-center{position:absolute;left:50.2%;top:49.7%;width:15.6%;height:auto;transform:translate(-50%,-50%);filter:drop-shadow(calc(.6 * var(--stage-px)) calc(1.1 * var(--stage-px)) calc(1.4 * var(--stage-px)) rgba(36,20,10,.28))}.kitchen-timer.is-urgent{animation:kitchen-timer-urgent .52s ease-in-out infinite alternate}@keyframes kitchen-timer-urgent{0%{filter:drop-shadow(calc(1.4 * var(--stage-px)) calc(3.4 * var(--stage-px)) 0 rgba(88,51,23,.16)) drop-shadow(calc(5 * var(--stage-px)) calc(9 * var(--stage-px)) calc(7 * var(--stage-px)) rgba(68,37,18,.24))}to{filter:drop-shadow(calc(1.4 * var(--stage-px)) calc(3.4 * var(--stage-px)) 0 rgba(88,51,23,.16)) drop-shadow(calc(5 * var(--stage-px)) calc(9 * var(--stage-px)) calc(7 * var(--stage-px)) rgba(68,37,18,.24)) drop-shadow(0 0 calc(9 * var(--stage-px)) rgba(255,49,95,.46))}}.time-up-sign{position:absolute;left:50%;top:calc(-58 * var(--stage-px));z-index:12;width:calc(540 * var(--stage-px));aspect-ratio:765 / 1406;pointer-events:none;transform-origin:50% 0;will-change:transform;backface-visibility:hidden;filter:drop-shadow(calc(3 * var(--stage-px)) calc(6 * var(--stage-px)) 0 rgba(90,54,25,.18)) drop-shadow(calc(12 * var(--stage-px)) calc(22 * var(--stage-px)) calc(16 * var(--stage-px)) rgba(54,31,18,.3));animation:time-up-sign-drop 3.4s both}.time-up-sign img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}@keyframes time-up-sign-drop{0%{opacity:1;transform:translate3d(-50%,-124%,0) rotate(-1.4deg);animation-timing-function:cubic-bezier(.14,.86,.24,1)}10%{opacity:1;transform:translate3d(-50%,.62%,0) rotate(0);animation-timing-function:ease-in-out}17%{transform:translate3d(-50%,-.5%,0) rotate(0);animation-timing-function:ease-in-out}24%{transform:translate3d(-50%,.3%,0) rotate(0);animation-timing-function:ease-in-out}31%{transform:translate3d(-50%,-.16%,0) rotate(0);animation-timing-function:ease-in-out}38%{transform:translate3d(-50%,.07%,0) rotate(0);animation-timing-function:ease-out}48%{transform:translate3d(-50%,0,0) rotate(0)}88%{opacity:1;transform:translate3d(-50%,0,0) rotate(0);animation-timing-function:cubic-bezier(.72,0,1,.44)}to{opacity:0;transform:translate3d(-50%,-132%,0) rotate(-3deg)}}.combo-bill-stack{--stack-edge-height: calc(5 * var(--stage-px));--stack-edge-x: calc(1 * var(--stage-px));--stack-edge-y: calc(1 * var(--stage-px));position:absolute;left:24.4%;top:84.2%;width:15.1%;aspect-ratio:575 / 424;z-index:2;pointer-events:none;transform:translate(-50%,-50%) perspective(calc(820 * var(--stage-px))) rotateX(51deg) rotate(-4deg) skew(-2.6deg);transform-origin:58% 74%;animation:combo-stack-enter .18s ease-out both}.combo-bill-stack:before{content:"";position:absolute;left:4%;right:0%;bottom:-6%;height:24%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(75,43,19,.26) 0%,rgba(75,43,19,.12) 45%,transparent 72%);transform:translate(calc(8 * var(--stage-px)),calc(8 * var(--stage-px))) rotate(7deg);filter:blur(calc(1 * var(--stage-px)))}.combo-bill-stack:after{display:none}.combo-bill-sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--bill-z);transform:translate(var(--bill-x),var(--bill-y)) rotate(var(--bill-rotation)) scale(var(--bill-scale));transform-origin:58% 72%;animation:combo-bill-land .22s cubic-bezier(.26,1.35,.5,1) both}.combo-bill-sheet img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(calc(.3 * var(--stage-px)) calc(.75 * var(--stage-px)) 0 rgba(116,72,33,.13)) drop-shadow(calc(1.2 * var(--stage-px)) calc(1.7 * var(--stage-px)) calc(1.6 * var(--stage-px)) rgba(77,47,24,.055))}.combo-bill-sheet.is-top-sheet img{filter:drop-shadow(calc(.8 * var(--stage-px)) calc(1.4 * var(--stage-px)) 0 rgba(116,72,33,.24)) drop-shadow(calc(4 * var(--stage-px)) calc(6 * var(--stage-px)) calc(6 * var(--stage-px)) rgba(77,47,24,.16))}.combo-tip-burst{position:absolute;left:25.2%;top:78.2%;z-index:6;display:block;padding:0;border:0;background:transparent;color:#ff315f;font-size:calc(64 * var(--stage-px));line-height:1;font-weight:900;letter-spacing:0;text-shadow:calc(2.4 * var(--stage-px)) calc(2.8 * var(--stage-px)) 0 #fff3a6,calc(-1.4 * var(--stage-px)) calc(1.4 * var(--stage-px)) 0 #ffffff,0 calc(8 * var(--stage-px)) calc(12 * var(--stage-px)) rgba(105,40,20,.34);transform:translate(-50%,-50%);animation:combo-tip-pop 1.04s cubic-bezier(.2,1.2,.3,1) both}@keyframes combo-stack-enter{0%{opacity:0;transform:translate(-50%,-46%) perspective(calc(820 * var(--stage-px))) rotateX(51deg) rotate(-4deg) skew(-2.6deg) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) perspective(calc(820 * var(--stage-px))) rotateX(51deg) rotate(-4deg) skew(-2.6deg) scale(1)}}@keyframes combo-bill-land{0%{opacity:0;transform:translate(calc(var(--bill-x) + 10 * var(--stage-px)),calc(var(--bill-y) - 18 * var(--stage-px))) rotate(calc(var(--bill-rotation) + 7deg)) scale(calc(var(--bill-scale) * 1.04))}to{opacity:1;transform:translate(var(--bill-x),var(--bill-y)) rotate(var(--bill-rotation)) scale(var(--bill-scale))}}@keyframes combo-tip-pop{0%{opacity:0;transform:translate(-50%,calc(-50% + 16 * var(--stage-px))) scale(.62)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.18)}64%{opacity:1;transform:translate(-50%,calc(-50% - 14 * var(--stage-px))) scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% - 72 * var(--stage-px))) scale(.92)}}.conveyor{position:absolute;left:0;right:0;top:37%;height:14.5%;border-radius:0;overflow:visible;background:transparent;box-shadow:none;z-index:2}.belt{display:none}.belt-stripes{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,var(--belt-a) 0 30px,var(--belt-b) 30px 60px);animation:belt-scroll 1.2s linear infinite}@keyframes belt-scroll{0%{transform:translate(-60px)}to{transform:translate(0)}}.ingredient-tray{--tray-width: 43.025%;--tray-offset: 0%;--tray-arrive-ms: 1.22s;--tray-run-ms: 8.78s;position:absolute;top:50%;width:var(--tray-width);aspect-ratio:623 / 111;display:flex;flex-direction:column;align-items:center;overflow:visible;transform:translate(var(--tray-offset)) translateY(-50%);transition:opacity .6s ease;will-change:transform}.ingredient-tray.order-active{animation:tray-run var(--tray-run-ms) linear var(--tray-arrive-ms) both}.ingredient-tray.order-completed{animation:tray-deliver .7s cubic-bezier(.5,-.2,.7,1.3) forwards}.ingredient-tray.order-expired{opacity:.55}.tray-motion-x,.tray-motion-y{--tray-fall-y: 0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:translateZ(0);will-change:transform}.tray-motion-y{transform:translate3d(0,calc(var(--tray-fall-y) * var(--stage-px)),0)}.ingredient-tray.order-active .tray-motion-x{animation:tray-arrive-x var(--tray-arrive-ms) linear both}@keyframes tray-deliver{0%{transform:translate(var(--tray-offset)) translateY(-50%) scale(1)}60%{transform:translate(var(--tray-offset)) translateY(calc(-50% - 14 * var(--stage-px))) scale(1.04)}to{transform:translate(var(--tray-offset)) translateY(-50%) scale(1)}}@keyframes tray-run{0%{transform:translate3d(0,-50%,0)}to{transform:translate3d(100cqw,-50%,0)}}@keyframes tray-arrive-x{0%{transform:translate3d(-26%,0,0)}to{transform:translateZ(0)}}.tray-base{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:url(/assets/tray-cutout-9cbThqCC.png) center / contain no-repeat;border:none;border-radius:0;box-shadow:none;overflow:visible;z-index:0}.tray-base:before{display:none}.tray-base:after{display:none}.tray-items{position:absolute;top:-14%;right:14%;bottom:39%;left:14%;display:block;padding:0;z-index:2}.ingredient{--tray-item-left: 50%;--tray-item-top: 20%;--tray-item-rotation: 0deg;--tray-item-scale: 1;--tray-item-z: 1;--tray-visual-width: calc(148 * var(--stage-px));--tray-visual-height: calc(108 * var(--stage-px));--tray-visual-lift: 0px;--tray-cast-shadow-opacity: .1;--tray-cast-shadow-top: 64%;--tray-cast-shadow-y: calc(9 * var(--stage-px));--tray-cast-shadow-blur: calc(5 * var(--stage-px));--tray-cast-shadow-width-scale: .72;width:var(--tray-visual-width);height:var(--tray-visual-height);margin:0;display:flex;align-items:center;justify-content:center;position:absolute;left:var(--tray-item-left);top:var(--tray-item-top);transform:translate(-50%,-50%) rotate(var(--tray-item-rotation)) scale(var(--tray-item-scale));transform-origin:50% 72%;z-index:var(--tray-item-z);transition:opacity .4s ease}.ingredient:before{content:"";position:absolute;left:50%;top:var(--tray-cast-shadow-top);width:calc(var(--tray-visual-width) * var(--tray-cast-shadow-width-scale));height:calc(18 * var(--stage-px));border-radius:999px;background:rgba(44,31,22,var(--tray-cast-shadow-opacity));filter:blur(var(--tray-cast-shadow-blur));transform:translate(-50%,-50%) translateY(var(--tray-cast-shadow-y));z-index:0;pointer-events:none}.ingredient-visual-wrap{position:relative;z-index:1;display:inline-block;transform-origin:50% 70%}.ingredient-visual{position:relative;display:block;width:var(--tray-visual-width);height:var(--tray-visual-height);transform:translateY(var(--tray-visual-lift));filter:drop-shadow(0 calc(5 * var(--stage-px)) calc(3 * var(--stage-px)) rgba(45,35,26,.28))}.ingredient-image{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.ingredient.state-completed{animation:fly-to-plate .38s cubic-bezier(.25,1.4,.5,1) forwards;pointer-events:none}.ingredient.state-remainingAtExpire{opacity:.35;filter:grayscale(70%)}.ingredient.ingredient-top-bun,.ingredient.ingredient-bottom-bun{--tray-visual-width: calc(196 * var(--stage-px));--tray-visual-height: calc(140 * var(--stage-px))}.ingredient.ingredient-bacon{--tray-visual-width: calc(194 * var(--stage-px));--tray-visual-height: calc(78 * var(--stage-px))}.ingredient.ingredient-patty{--tray-visual-width: calc(178 * var(--stage-px));--tray-visual-height: calc(82 * var(--stage-px))}.ingredient.ingredient-lettuce{--tray-visual-width: calc(168 * var(--stage-px));--tray-visual-height: calc(88 * var(--stage-px))}.ingredient.ingredient-cheese{--tray-visual-width: calc(150 * var(--stage-px));--tray-visual-height: calc(82 * var(--stage-px))}.ingredient.ingredient-tomato{--tray-visual-width: calc(132 * var(--stage-px));--tray-visual-height: calc(78 * var(--stage-px))}.ingredient.ingredient-egg{--tray-visual-width: calc(126 * var(--stage-px));--tray-visual-height: calc(76 * var(--stage-px))}.ingredient.ingredient-avocado{--tray-visual-width: calc(96 * var(--stage-px));--tray-visual-height: calc(62 * var(--stage-px))}.ingredient.ingredient-onion{--tray-visual-width: calc(88 * var(--stage-px));--tray-visual-height: calc(88 * var(--stage-px))}.ingredient.ingredient-pickle{--tray-visual-width: calc(82 * var(--stage-px));--tray-visual-height: calc(96 * var(--stage-px))}.ingredient.is-wobbling .ingredient-visual-wrap{animation:wobble .24s ease-out}@keyframes wobble{0%{transform:rotate(0)}25%{transform:rotate(-7deg)}55%{transform:rotate(6deg)}80%{transform:rotate(-3deg)}to{transform:rotate(0)}}@keyframes fly-to-plate{0%{transform:translate(0) scale(1);opacity:1}60%{transform:translateY(calc(-60 * var(--stage-px))) scale(1.05);opacity:1}to{transform:translateY(calc(220 * var(--stage-px))) scale(.6);opacity:0}}.plate-area{--delivery-delay: 2.3s;position:absolute;top:72.5%;left:0;right:0;height:18%;display:flex;align-items:center;justify-content:center;transition:transform .7s cubic-bezier(.4,0,.2,1),opacity .7s;z-index:1}.plate-area.delivering{animation:plate-deliver .7s cubic-bezier(.4,0,.2,1) var(--delivery-delay) forwards}.plate-area.presentation-plate{z-index:1}.plate-area.active-plate{z-index:2}@keyframes plate-deliver{0%{transform:translate(0) scale(1)}40%{transform:translate(0) scale(1.06)}to{transform:translate(76cqw) scale(.72);opacity:0}}.plate{width:calc(520 * var(--stage-px));height:calc(198 * var(--stage-px));border-radius:50%;background:transparent;box-shadow:none;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.plate.has-items{animation:plate-pulse .28s ease-out}@keyframes plate-pulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.plate-item{--dish-item-width: calc(222 * var(--stage-px));--dish-item-height: calc(132 * var(--stage-px));--dish-item-x: 0px;--dish-item-y: 0px;--dish-item-scale: 1;--dish-item-rotation: 0deg;--dish-item-shadow: .2;position:absolute;left:calc(50% + var(--dish-item-x));top:calc(43% + var(--dish-item-y));width:var(--dish-item-width);height:var(--dish-item-height);filter:drop-shadow(0 calc(2 * var(--stage-px)) calc(1 * var(--stage-px)) rgba(0,0,0,var(--dish-item-shadow)));z-index:var(--stack-z);transform:translate(-50%,calc(-50% - var(--stack-y))) rotate(var(--dish-item-rotation)) scale(var(--dish-item-scale));animation:plate-pop .32s cubic-bezier(.34,1.56,.64,1)}.plate-item .ingredient-visual-dish{width:var(--dish-item-width);height:var(--dish-item-height);transform-origin:50% 55%}.side-plate{overflow:visible}.side-dish-item{--stack-y: 0px;position:absolute;left:50%;top:39%;width:calc(286 * var(--stage-px));height:calc(196 * var(--stage-px));z-index:3;filter:drop-shadow(0 calc(4 * var(--stage-px)) calc(2 * var(--stage-px)) rgba(0,0,0,.2));transform:translate(-50%,-50%);animation:plate-pop .32s cubic-bezier(.34,1.56,.64,1)}.side-dish-image{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.side-dish-shake{top:16%;width:calc(134 * var(--stage-px));height:calc(262 * var(--stage-px))}.side-dish-salad{width:calc(276 * var(--stage-px));height:calc(190 * var(--stage-px))}@keyframes plate-pop{0%{transform:translate(-50%,calc(-50% - var(--stack-y) - 28 * var(--stage-px))) scale(.72);opacity:0}60%{opacity:1}to{transform:translate(-50%,calc(-50% - var(--stack-y))) scale(1);opacity:1}}.money-popup{--payout-popup-x: calc(116 * var(--stage-px));--payout-popup-y: calc(-134 * var(--stage-px));position:absolute;left:calc(50% + var(--payout-popup-x));top:calc(81.5% + var(--payout-popup-y));z-index:7;padding:0;text-align:center;pointer-events:none;transform:translate(-50%,-50%);animation:payout-pop 1.04s cubic-bezier(.2,1.2,.3,1) both}.popup-money{font-size:calc(64 * var(--stage-px));font-weight:900;color:#2bb673;letter-spacing:0;line-height:1;text-shadow:calc(2.4 * var(--stage-px)) calc(2.8 * var(--stage-px)) 0 #fff3a6,calc(-1.4 * var(--stage-px)) calc(1.4 * var(--stage-px)) 0 #ffffff,0 calc(8 * var(--stage-px)) calc(12 * var(--stage-px)) rgba(105,40,20,.34)}@keyframes payout-pop{0%{opacity:0;transform:translate(-50%,calc(-50% + 16 * var(--stage-px))) scale(.62)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.18)}64%{opacity:1;transform:translate(-50%,calc(-50% - 14 * var(--stage-px))) scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% - 72 * var(--stage-px))) scale(.92)}}.typing-panel{--typing-space-cue: var(--ink);background:#ffffffdb;border-radius:calc(18 * var(--stage-px));padding:calc(18 * var(--stage-px)) calc(28 * var(--stage-px));height:calc(144 * var(--stage-px));border:calc(2 * var(--stage-px)) solid rgba(36,48,70,.08);box-shadow:0 calc(10 * var(--stage-px)) calc(26 * var(--stage-px)) #3a2a1e2e;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(8 * var(--stage-px));overflow:hidden}.typing-panel.is-dark{--typing-space-cue: #f8fbff;background:#12161edb;border-color:#fff7df47;box-shadow:0 calc(10 * var(--stage-px)) calc(26 * var(--stage-px)) #00000052,inset 0 0 0 calc(1 * var(--stage-px)) #ffffff14}.typing-panel-slot{position:absolute;left:50%;top:55%;right:auto;width:63.54%;transform:translate(-50%,-50%);z-index:3}.typing-panel-slot .typing-panel{width:100%}.typing-panel.intermission{min-height:1em}.typing-line{--typing-word-spacing: -.26em;--typing-space-width: calc(1ch + var(--typing-word-spacing));display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:calc(32 * var(--stage-px));font-stretch:92%;letter-spacing:0;line-height:1.12;text-align:center;white-space:pre-wrap;word-spacing:var(--typing-word-spacing);transform:scaleX(.96);width:100%;animation:typing-line-rise .18s ease-out both}.typing-preview{--typing-word-spacing: -.26em;width:100%;color:#2430466b;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:calc(32 * var(--stage-px));font-stretch:92%;letter-spacing:0;line-height:1.12;overflow:hidden;text-align:center;text-overflow:ellipsis;transform:scaleX(.96);white-space:nowrap;word-spacing:var(--typing-word-spacing);animation:typing-preview-appear .22s ease-out .21s both}.typing-panel.is-dark .typing-preview{color:#f8fbff6b}.chunk{display:inline;white-space:pre;position:relative}.typing-line .typed{color:#2430462e}.typing-line .remaining{color:var(--ink)}.typing-panel.is-dark .typed{color:#f8fbff2e}.typing-panel.is-dark .remaining{color:#f8fbff}.current-space{display:inline-block;position:relative;width:var(--typing-space-width);color:transparent;white-space:pre;vertical-align:baseline}.current-space:after{content:"";position:absolute;left:50%;bottom:.03em;width:var(--typing-space-width);height:.32em;border-right:calc(1.7 * var(--stage-px)) solid var(--typing-space-cue);border-bottom:calc(1.7 * var(--stage-px)) solid var(--typing-space-cue);border-left:calc(1.7 * var(--stage-px)) solid var(--typing-space-cue);border-radius:0 0 calc(3 * var(--stage-px)) calc(3 * var(--stage-px));transform:translate(-50%);pointer-events:none}@keyframes typing-line-rise{0%{opacity:.72;transform:translateY(calc(31 * var(--stage-px))) scaleX(.96)}to{opacity:1;transform:translateY(0) scaleX(.96)}}@keyframes typing-preview-appear{0%{opacity:0;transform:translateY(calc(-4 * var(--stage-px))) scaleX(.96)}to{opacity:1;transform:translateY(0) scaleX(.96)}}.result-screen{--stage-px: .0690608cqw;position:relative;padding:0}.result-screen:before{display:none}.final-report-layout{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.final-report-board{position:relative;width:min(calc(690 * var(--stage-px)),88%);aspect-ratio:1066 / 1476;animation:result-card-enter .52s cubic-bezier(.2,1.2,.3,1)}.final-report-sheet{position:absolute;left:0;top:0;width:100%;height:100%}.final-report-image{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.result-stamp{position:absolute;left:76%;top:43.4%;z-index:3;width:18.8%;height:auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 calc(6 * var(--stage-px)) calc(5 * var(--stage-px)) rgba(70,39,24,.2));opacity:0;transform:translate(-50%,-56%) rotate(-18deg) scale(1.42)}.result-stamp.is-stamped{animation:result-stamp-hit .62s cubic-bezier(.18,1.28,.3,1) both}.report-money,.report-stat,.report-score-note,.report-new-high,.report-lock{position:absolute;z-index:4;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:center;font-variant-numeric:tabular-nums}.report-money{left:49.8%;top:46.2%;width:42%;color:#d24b4b;font-size:calc(54 * var(--stage-px));line-height:1;font-weight:900;letter-spacing:.01em;transform:translate(-50%,-50%) rotate(-1deg)}.report-money:not(.negative){color:#2bb673}.report-new-high{left:29.6%;top:52.2%;width:25%;color:#d24b4b;font-size:calc(18 * var(--stage-px));font-weight:900;letter-spacing:.08em;text-transform:uppercase}.report-stat{width:23%;color:#243046;font-size:calc(28 * var(--stage-px));line-height:1;font-weight:900;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;white-space:nowrap}.report-stat span{font-size:calc(15 * var(--stage-px));color:#5d6a86;font-weight:800}.report-plates{left:23.2%;top:59.7%}.report-keys-sec{left:50.7%;top:59.7%}.report-misses{left:78.2%;top:59.7%}.report-wpm{left:23.2%;top:72.9%}.report-combo{left:50.7%;top:72.9%}.report-keystrokes{left:78.2%;top:72.9%}.report-keystrokes{width:26.5%;font-size:calc(25 * var(--stage-px))}.challenge-friend-button{position:absolute;left:88.5%;top:25.8%;z-index:6;width:36%;aspect-ratio:286 / 70;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;cursor:pointer;filter:drop-shadow(0 calc(7 * var(--stage-px)) calc(8 * var(--stage-px)) rgba(70,39,24,.24));transform:rotate(4deg);transform-origin:center;animation:challenge-note-in .52s cubic-bezier(.18,1.28,.3,1) both}.challenge-friend-button img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:50% 55%;animation:challenge-note-sway 2.6s ease-in-out .62s infinite;will-change:transform}.challenge-friend-button:hover{transform:translateY(calc(-4 * var(--stage-px))) rotate(3deg)}.challenge-friend-button:active{transform:translateY(calc(2 * var(--stage-px))) rotate(4deg) scale(.98)}.challenge-friend-button:focus-visible{outline:none}.view-stats-button{position:absolute;left:88.5%;top:34.5%;z-index:6;width:28%;aspect-ratio:2137 / 578;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;cursor:pointer;filter:drop-shadow(0 calc(7 * var(--stage-px)) calc(8 * var(--stage-px)) rgba(70,39,24,.24));transform:rotate(-5deg);transform-origin:center;animation:challenge-note-in .52s cubic-bezier(.18,1.28,.3,1) both}.view-stats-button img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:50% 55%;animation:challenge-note-sway 2.6s ease-in-out .72s infinite;will-change:transform}.view-stats-button:hover{transform:translateY(calc(-4 * var(--stage-px))) rotate(-4deg)}.view-stats-button:active{transform:translateY(calc(2 * var(--stage-px))) rotate(-5deg) scale(.98)}.view-stats-button:focus-visible{outline:none}.report-score-note{left:29.5%;top:82.3%;width:36%;color:#5d6a86;font-size:calc(14 * var(--stage-px));font-weight:800;letter-spacing:.02em}.report-lock{left:82%;top:58.5%;width:30%;color:#5d6a86;font-size:calc(14 * var(--stage-px));font-weight:900;letter-spacing:.08em;text-transform:uppercase;transform:translate(-50%,-50%);animation:result-lock-pulse .9s ease-in-out infinite alternate}.report-play-button,.report-menu-button{position:relative;z-index:4;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;font-weight:900;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:center}.report-play-button,.report-menu-button{border:0;background:transparent}.report-play-button img,.report-menu-button img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.report-play-button span,.report-menu-button span{position:relative;z-index:1}.report-play-button{width:calc(156 * var(--stage-px));aspect-ratio:423 / 165;color:#fff7df;font-size:calc(20 * var(--stage-px));letter-spacing:.065em;text-shadow:0 calc(2 * var(--stage-px)) 0 rgba(115,40,30,.24)}.report-menu-button{width:calc(158 * var(--stage-px));aspect-ratio:372 / 123;color:#0d6980;font-size:calc(17 * var(--stage-px));letter-spacing:.045em}.result-actions{position:absolute;left:50%;top:85.2%;transform:translate(-50%,-50%);z-index:4;display:flex;align-items:center;justify-content:center;gap:calc(15 * var(--stage-px));width:54%}.share-dialog-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:calc(24 * var(--stage-px));background:#24304652;-webkit-backdrop-filter:blur(calc(2 * var(--stage-px)));backdrop-filter:blur(calc(2 * var(--stage-px)))}.share-dialog{width:calc(520 * var(--stage-px));background:#fff7df;border:calc(4 * var(--stage-px)) solid #243046;border-radius:calc(16 * var(--stage-px));padding:calc(22 * var(--stage-px)) calc(24 * var(--stage-px)) calc(20 * var(--stage-px));box-shadow:0 calc(8 * var(--stage-px)) 0 #243046,0 calc(20 * var(--stage-px)) calc(34 * var(--stage-px)) #2430464d;animation:popup-in .22s ease-out both}.share-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:calc(16 * var(--stage-px));margin-bottom:calc(12 * var(--stage-px))}.share-dialog h2{margin:0;color:#243046;font-size:calc(26 * var(--stage-px));line-height:1}.share-summary{margin:0 0 calc(16 * var(--stage-px));color:var(--ink-soft);font-size:calc(15 * var(--stage-px));font-weight:800;line-height:1.35;white-space:pre-line}.share-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(10 * var(--stage-px))}.share-choice-button,.share-close-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:calc(2 * var(--stage-px)) solid #243046;background:#fff;color:#243046;font-weight:900;box-shadow:0 calc(3 * var(--stage-px)) 0 #243046}.share-choice-button{min-height:calc(58 * var(--stage-px));border-radius:calc(12 * var(--stage-px));padding:calc(10 * var(--stage-px)) calc(12 * var(--stage-px));font-size:calc(17 * var(--stage-px))}.share-choice-button:hover,.share-close-button:hover{background:#ffe889}.share-choice-button:active,.share-close-button:active{transform:translateY(calc(1 * var(--stage-px)));box-shadow:0 calc(2 * var(--stage-px)) 0 #243046}.share-choice-button:focus-visible,.share-close-button:focus-visible{outline:none}.share-choice-button:disabled{cursor:default;opacity:.72}.share-close-button{border-radius:calc(999 * var(--stage-px));padding:calc(7 * var(--stage-px)) calc(13 * var(--stage-px));font-size:calc(12 * var(--stage-px))}.share-status{min-height:calc(18 * var(--stage-px));margin:calc(12 * var(--stage-px)) 0 0;color:#2bb673;font-size:calc(13 * var(--stage-px));font-weight:900;text-align:center}.share-status.is-error{color:#d24b4b}.report-play-button:disabled,.report-menu-button:disabled{cursor:default;opacity:1}.analytics-dialog-overlay{align-items:center}.analytics-dialog{width:calc(920 * var(--stage-px));max-width:94%;max-height:calc(900 * var(--stage-px));overflow:auto;background:#fff7df;border:calc(4 * var(--stage-px)) solid #243046;border-radius:calc(16 * var(--stage-px));padding:calc(22 * var(--stage-px)) calc(24 * var(--stage-px)) calc(24 * var(--stage-px));box-shadow:0 calc(8 * var(--stage-px)) 0 #243046,0 calc(20 * var(--stage-px)) calc(34 * var(--stage-px)) #2430464d;animation:popup-in .22s ease-out both}.analytics-dialog h2{margin:0;color:#243046;font-size:calc(26 * var(--stage-px));line-height:1}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(12 * var(--stage-px))}.analytics-section{min-width:0;border:calc(2 * var(--stage-px)) solid rgba(36,48,70,.22);border-radius:calc(8 * var(--stage-px));background:#fff;padding:calc(14 * var(--stage-px))}.analytics-section-wide{grid-column:1 / -1}.analytics-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:calc(12 * var(--stage-px));margin-bottom:calc(10 * var(--stage-px))}.analytics-section-heading h3{margin:0;color:#243046;font-size:calc(18 * var(--stage-px));line-height:1.1}.analytics-section-heading span{flex:0 0 auto;color:#5d6a86;font-size:calc(12 * var(--stage-px));font-weight:900;text-transform:uppercase}.analytics-help{margin:calc(-2 * var(--stage-px)) 0 calc(12 * var(--stage-px));color:#5d6a86;font-size:calc(13 * var(--stage-px));font-weight:800;line-height:1.38}.analytics-list{list-style:none;margin:0;padding:0;display:grid;gap:calc(8 * var(--stage-px))}.analytics-row{min-width:0;display:flex;align-items:center;gap:calc(10 * var(--stage-px));padding:calc(9 * var(--stage-px));border-radius:calc(8 * var(--stage-px));background:#fff7df}.analytics-row-main{min-width:0;flex:1 1 auto}.analytics-keycap{flex:0 0 calc(74 * var(--stage-px));min-height:calc(42 * var(--stage-px));display:flex;align-items:center;justify-content:center;border:calc(2 * var(--stage-px)) solid #243046;border-radius:calc(8 * var(--stage-px));background:#fff;color:#243046;box-shadow:0 calc(2 * var(--stage-px)) 0 #243046;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:calc(16 * var(--stage-px));font-weight:900}.analytics-row-title{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--stage-px));margin-bottom:calc(6 * var(--stage-px));color:#243046;font-size:calc(14 * var(--stage-px));line-height:1.2}.analytics-row-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-row-title span{flex:0 0 auto;color:#5d6a86;font-size:calc(11 * var(--stage-px));font-weight:900;text-transform:uppercase}.analytics-bar{height:calc(8 * var(--stage-px));overflow:hidden;border-radius:calc(999 * var(--stage-px));background:#2430461f}.analytics-bar span{display:block;height:100%;border-radius:inherit;background:#ff5c7a}.analytics-chip-row,.analytics-metric-row{display:flex;flex-wrap:wrap;gap:calc(6 * var(--stage-px));margin-top:calc(7 * var(--stage-px))}.analytics-chip,.analytics-metric-row span{border-radius:calc(999 * var(--stage-px));background:#35bdf629;color:#243046;padding:calc(3 * var(--stage-px)) calc(7 * var(--stage-px));font-size:calc(11 * var(--stage-px));font-weight:900;white-space:nowrap}.analytics-finger-row p{margin:calc(7 * var(--stage-px)) 0 0;color:#5d6a86;font-size:calc(12 * var(--stage-px));font-weight:800}.analytics-chunk-row{align-items:stretch}.chunk-practice{width:100%;min-height:calc(52 * var(--stage-px));display:flex;align-items:center;margin-top:calc(10 * var(--stage-px));padding:calc(10 * var(--stage-px)) calc(12 * var(--stage-px));border:calc(2 * var(--stage-px)) solid rgba(248,251,255,.72);border-radius:calc(8 * var(--stage-px));background:#141822;box-shadow:inset 0 0 0 calc(2 * var(--stage-px)) #243046a6,0 calc(3 * var(--stage-px)) 0 #243046;color:#f8fbff;cursor:text}.chunk-practice:focus{outline:none;border-color:#ffe889;box-shadow:inset 0 0 0 calc(2 * var(--stage-px)) #243046a6,0 0 0 calc(3 * var(--stage-px)) #ffe8896b,0 calc(3 * var(--stage-px)) 0 #243046}.chunk-practice-line{display:block;width:100%;min-width:0;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:calc(17 * var(--stage-px));font-weight:900;line-height:1.28;letter-spacing:0}.chunk-practice-typed{color:#f8fbff38}.chunk-practice-remaining{color:#f8fbff}.chunk-practice-space{position:relative;display:inline-block;width:.72em;height:1em;vertical-align:-.1em}.chunk-practice-space:after{content:"";position:absolute;left:12%;right:12%;bottom:.08em;height:.28em;border:calc(2 * var(--stage-px)) solid rgba(248,251,255,.9);border-top:0;border-radius:0 0 calc(4 * var(--stage-px)) calc(4 * var(--stage-px))}.chunk-practice.is-complete{border-color:#2bb673}.analytics-empty{min-height:calc(70 * var(--stage-px));display:flex;align-items:center;justify-content:center;margin:0;color:#5d6a86;font-size:calc(13 * var(--stage-px));font-weight:800;text-align:center}.result-card{background:#fff;padding:calc(32 * var(--stage-px)) calc(40 * var(--stage-px)) calc(28 * var(--stage-px));border-radius:calc(24 * var(--stage-px));box-shadow:var(--shadow);text-align:center;width:calc(560 * var(--stage-px));position:relative;z-index:2;animation:result-card-enter .52s cubic-bezier(.2,1.2,.3,1)}@keyframes receipt-drop{0%{opacity:0;transform:translate(-50%,-106%)}to{opacity:1;transform:translate(-50%,-18%)}}@keyframes result-stamp-hit{0%{opacity:0;transform:translate(-50%,-57%) rotate(-18deg) scale(1.46)}28%{opacity:1;transform:translate(-50%,-49%) rotate(-7deg) scale(.86)}48%{opacity:1;transform:translate(-50%,-50%) rotate(-7deg) scale(1.05)}72%{opacity:1;transform:translate(-50%,-50%) rotate(-7deg) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) rotate(-7deg) scale(1)}}@keyframes challenge-note-in{0%{opacity:0;transform:translate(calc(26 * var(--stage-px)),calc(-10 * var(--stage-px))) rotate(8deg) scale(.92)}to{opacity:1;transform:translate(0) rotate(4deg) scale(1)}}@keyframes challenge-note-sway{0%,to{transform:translateY(0) rotate(0)}18%{transform:translateY(calc(-1.2 * var(--stage-px))) rotate(-1.1deg)}42%{transform:translateY(calc(.7 * var(--stage-px))) rotate(.85deg)}64%{transform:translateY(calc(-.8 * var(--stage-px))) rotate(-.65deg)}82%{transform:translateY(calc(.4 * var(--stage-px))) rotate(.45deg)}}@keyframes result-card-enter{0%{opacity:0;transform:translateY(calc(18 * var(--stage-px))) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.result-kicker{display:inline-block;margin-bottom:calc(8 * var(--stage-px));padding:calc(5 * var(--stage-px)) calc(12 * var(--stage-px));border-radius:calc(999 * var(--stage-px));background:#243046;color:#fff;font-size:calc(12 * var(--stage-px));font-weight:900;letter-spacing:.12em;text-transform:uppercase}.rating{font-size:calc(14 * var(--stage-px));letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:700}.big-money{font-size:calc(84 * var(--stage-px));font-weight:900;color:var(--good);line-height:1;margin:calc(4 * var(--stage-px)) 0 calc(6 * var(--stage-px));animation:money-count-pop .78s cubic-bezier(.2,1.45,.32,1) .22s both}.big-money.negative{color:var(--bad)}@keyframes money-count-pop{0%{opacity:0;transform:scale(.72) rotate(-2deg)}62%{opacity:1;transform:scale(1.08) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0)}}.new-high{display:inline-block;background:#fff3d2;color:#b06b00;padding:calc(4 * var(--stage-px)) calc(10 * var(--stage-px));border-radius:calc(999 * var(--stage-px));font-size:calc(13 * var(--stage-px));letter-spacing:.04em;margin-bottom:calc(12 * var(--stage-px))}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(10 * var(--stage-px));margin:calc(18 * var(--stage-px)) 0}.stat-box{background:#faf3e6;border-radius:calc(14 * var(--stage-px));padding:calc(10 * var(--stage-px)) calc(8 * var(--stage-px));animation:stat-rise .42s ease-out both}.stat-box:nth-child(1){animation-delay:.5s}.stat-box:nth-child(2){animation-delay:.56s}.stat-box:nth-child(3){animation-delay:.62s}.stat-box:nth-child(4){animation-delay:.68s}.stat-box:nth-child(5){animation-delay:.74s}.stat-box:nth-child(6){animation-delay:.8s}@keyframes stat-rise{0%{opacity:0;transform:translateY(calc(8 * var(--stage-px)))}to{opacity:1;transform:translateY(0)}}.stat-box-label{font-size:calc(11 * var(--stage-px));text-transform:uppercase;color:var(--ink-soft);letter-spacing:.06em}.stat-box-value{font-size:calc(24 * var(--stage-px));font-weight:800;color:var(--ink);margin-top:calc(2 * var(--stage-px))}.muted-mini{font-size:calc(14 * var(--stage-px));color:var(--ink-soft);font-weight:500}.hi-score-row{margin:calc(6 * var(--stage-px)) 0 calc(18 * var(--stage-px));font-size:calc(14 * var(--stage-px));color:var(--ink-soft)}.result-lock{margin:calc(4 * var(--stage-px)) auto calc(14 * var(--stage-px));color:var(--ink-soft);font-size:calc(13 * var(--stage-px));font-weight:900;letter-spacing:.08em;text-transform:uppercase;animation:result-lock-pulse .9s ease-in-out infinite alternate}@keyframes result-lock-pulse{0%{opacity:.55}to{opacity:1}}.text-button.bottom{display:block;margin:calc(14 * var(--stage-px)) auto 0}.result-menu-button{display:block;margin:calc(12 * var(--stage-px)) auto 0;font-weight:800}.ready-card .result-menu-button{margin-top:calc(18 * var(--stage-px));font-size:calc(17 * var(--stage-px))}