/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#17324a;--ink-soft:#52697d;--paper:#fffdf7;--surface:#fff;--sky:#ebf8ff;--sky-strong:#d8effc;--mint:#e9f8f0;--peach:#fff0e5;--pink:#ffeaf1;--lavender:#f1edff;--yellow:#ffdc68;--blue:#2386b8;--blue-dark:#115f88;--orange:#ef7d4a;--green:#24785a;--warning:#8a4b0d;--line:#c9ddea;--shadow:0 18px 0 #7dbcd621, 0 28px 70px #2d69871f}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{background:#f5fbff;min-width:320px}body{color:var(--ink);background-color:#f5fbff;background-image:radial-gradient(circle at 7% 5%,#ffdc6866,#0000 22rem),radial-gradient(circle at 94% 12%,#95e3c361,#0000 25rem),radial-gradient(circle at 4% 68%,#ffb8c933,#0000 18rem),radial-gradient(circle at 96% 82%,#bdb3ff38,#0000 20rem),linear-gradient(#fbfeff 0%,#eef8fd 58%,#fffaf0 100%);margin:0;font-family:Apple SD Gothic Neo,Noto Sans KR,Pretendard,system-ui,sans-serif;line-height:1.6}button,input,textarea{color:inherit;font:inherit}button{cursor:pointer;border:0;border-radius:16px;min-height:48px;font-weight:850}button:focus-visible,input:focus-visible{outline-offset:3px;outline:4px solid #f7a92e}label:has(input:focus-visible){outline-offset:3px;outline:4px solid #f7a92e}button:disabled{color:#637786;box-shadow:none;cursor:not-allowed;background:#edf3f6;border-color:#c9d6dc}figure,h1,h2,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:16px;font-size:clamp(2.15rem,5vw,4rem);line-height:1.12}h2{line-height:1.3}main h1:focus,main h2:focus{outline:none}.app-shell{min-height:100vh}.app-header{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:2px solid #fff;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100% - 32px);margin:16px auto 0;padding:12px 16px;display:flex;position:relative;box-shadow:0 10px 30px #3e809f1a}.brand-block,.header-actions,.zone-heading,.board-heading,.dialog-heading{align-items:center;display:flex}.brand-block{gap:13px}.brand-mark{color:#fff;background:linear-gradient(145deg,#62c5e9,#2386b8);border:4px solid #fff;border-radius:19px 19px 16px 16px;place-items:center;width:56px;height:56px;padding-top:4px;font-weight:950;display:grid;position:relative;box-shadow:0 7px #d1edf8,0 12px 24px #176f9e33}.brand-mark:before{content:"";background:var(--yellow);border-radius:0 0 5px 5px;width:18px;height:10px;position:absolute;top:0}.brand-mark span{z-index:1;position:relative}.brand-mark b{z-index:2;color:#9b6500;background:var(--yellow);border:3px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.7rem;display:grid;position:absolute;top:-9px;right:-7px}.brand-name{letter-spacing:-.03em;margin:0;font-size:1.02rem;font-weight:950}.eyebrow{color:var(--blue-dark);letter-spacing:.11em;text-transform:uppercase;margin-bottom:5px;font-size:.78rem;font-weight:950}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px}.mission-progress{min-width:235px;color:var(--blue-dark);background:linear-gradient(135deg,#fff8cf,#ffe98e);border:2px solid #f2c84c;border-radius:18px;align-items:center;gap:10px;padding:7px 11px;display:flex}.progress-copy{white-space:nowrap;line-height:1.15;display:grid}.progress-copy strong{font-size:.78rem}.progress-copy small{color:#6f5a1e;margin-top:3px;font-size:.68rem;font-weight:750}.progress-dots{gap:3px;display:flex}.progress-dots i{color:#6f7f89;background:#fff;border:1px solid #d7c870;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.58rem;font-style:normal;font-weight:900;display:grid}.progress-dots i.completed{color:#fff;background:var(--green);border-color:var(--green)}.progress-dots i.current{color:#fff;background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 2px #fff}.small-button{min-height:48px;color:var(--blue-dark);border:2px solid var(--line);background:#fff;padding:0 15px;box-shadow:0 5px #e4f0f5}.small-button.ghost{color:var(--ink-soft);box-shadow:none;background:#ffffff8c}.screen{width:min(1180px,100% - 32px);margin:0 auto;padding:clamp(34px,6vw,70px) 0 72px}.narrow-screen{width:min(820px,100% - 32px)}.screen-lead{max-width:670px;color:var(--ink-soft);margin-bottom:28px;font-size:1.12rem}.narrow-screen:not(.start-screen),.board-screen,.summary-screen{box-shadow:var(--shadow);background:#fffffff0;border:3px solid #fff;border-radius:34px;outline:2px solid #70a4bf38;margin-top:18px;padding:clamp(24px,5vw,44px);position:relative;overflow:hidden}.narrow-screen:not(.start-screen):after,.summary-screen:after{content:"✦";z-index:0;color:#ffd766;font-size:2rem;position:absolute;top:18px;right:24px;transform:rotate(12deg)}.narrow-screen>*,.board-screen>*,.summary-screen>*{z-index:1;position:relative}.hero-card{min-height:590px;box-shadow:var(--shadow);background:linear-gradient(135deg,#fff7d6 0%,#fffefa 38%,#e8f8ff 100%);border:4px solid #fff;border-radius:42px;outline:2px solid #5695b429;grid-template-columns:.88fr 1.12fr;align-items:center;gap:clamp(28px,5vw,58px);padding:clamp(25px,5vw,62px);display:grid;position:relative;overflow:hidden}.hero-card:before{content:"";background:#ffdc6842;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-120px;left:-90px}.hero-card:after{content:"";background:#b2efd757;border-radius:45% 55% 60% 40%;width:300px;height:220px;position:absolute;top:-110px;right:-90px;transform:rotate(-14deg)}.hero-copy{z-index:1;position:relative}.hero-kicker{color:#8a4b0d;letter-spacing:.02em;background:#fff0b0;border:2px solid #f3cb57;border-radius:999px;width:fit-content;margin-bottom:16px;padding:7px 13px;font-size:.86rem;font-weight:950}.hero-copy h1{max-width:540px}.hero-title{font-size:clamp(2.5rem,4.5vw,3.75rem)}.hero-title span{color:var(--blue-dark);text-shadow:0 4px #fff;display:block}.hero-title span:last-child{color:#df6f3d}.hero-lead{max-width:620px;margin-bottom:13px;font-size:clamp(1.3rem,2.5vw,1.9rem)}.hero-lead strong{color:var(--blue-dark);background:linear-gradient(#0000 62%,#ffdc68b8 62%)}.hero-copy>p:not(.eyebrow):not(.hero-lead){max-width:540px;color:var(--ink-soft);font-size:1.05rem}.hero-visual{min-width:0;margin:0;position:relative}.hero-sticker{z-index:3;color:#25614b;background:#c9f4df;border:3px solid #fff;border-radius:14px 14px 14px 4px;padding:9px 14px;font-size:.88rem;font-weight:950;position:absolute;top:-18px;right:-8px;transform:rotate(3deg);box-shadow:0 6px 16px #387a5e2e}.hero-art{aspect-ratio:1.82;object-fit:cover;border:8px solid #fff;border-radius:28px;width:100%;display:block;box-shadow:0 18px 40px #2d69872e}.hero-demo{z-index:2;border:2px solid var(--sky-strong);background:#fffffff5;border-radius:22px;justify-content:center;align-items:center;gap:18px;width:min(92%,520px);margin:-42px auto 0;padding:16px 20px;display:flex;position:relative;box-shadow:0 12px 28px #2d698726}.learning-route{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0 4px;font-size:.86rem;font-weight:850;display:flex}.learning-route span{background:#fff;border:2px solid #d9eaf2;border-radius:999px;align-items:center;gap:6px;padding:7px 10px 7px 7px;display:inline-flex}.learning-route b{color:#fff;background:var(--orange);border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.learning-route span:nth-of-type(2) b{background:var(--blue)}.learning-route span:nth-of-type(3) b{background:var(--green)}.learning-route i{color:#8aa6b7;font-style:normal;font-weight:950}.demo-group{color:var(--ink-soft);justify-items:center;gap:6px;font-size:.85rem;display:grid}.mini-loose{grid-template-columns:repeat(5,18px);gap:5px;width:112px;display:grid}.mini-loose span,.loose-box{aspect-ratio:1;background:linear-gradient(145deg,#ffc266,#ed8b3b);border:2px solid #bc6425;border-radius:6px;position:relative;overflow:hidden;box-shadow:inset 0 -3px #8040131f}.mini-loose span:after,.loose-box:after{content:"";background:#ffe8aab8;width:24%;height:100%;position:absolute;top:0;left:38%}.equals{color:var(--blue);font-size:2rem;font-weight:950}.mini-bundle{width:118px;min-height:90px;color:var(--blue-dark);background:var(--sky-strong);border:4px solid var(--blue);border-radius:17px;place-items:center;display:grid;position:relative;overflow:hidden}.mini-bundle:before{content:"";background:#ffdc68cc;width:20px;height:100%;position:absolute;top:0}.mini-bundle strong,.mini-bundle span{z-index:1;position:relative}.mini-bundle strong{font-size:2.25rem;line-height:1}.mini-bundle span{font-size:.82rem;font-weight:850}.trust-row{flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0 0;display:flex}.trust-row span{min-width:210px;color:var(--ink-soft);background:#ffffffe6;border:2px solid #cfe7f2;border-radius:20px;grid-template-columns:auto 1fr;column-gap:8px;padding:12px 16px;font-size:.92rem;display:grid;box-shadow:0 7px #9ccde12e}.trust-row span:nth-child(2){background:#f6fffa;border-color:#bee6d2}.trust-row span:nth-child(3){background:#fffaf1;border-color:#efd8b5}.trust-row b{grid-row:1/3;align-self:center;font-size:1.35rem}.trust-row strong,.trust-row small{display:block}.trust-row small{font-size:.76rem}.teacher-guide-button{min-height:42px;color:var(--blue-dark);text-underline-offset:4px;background:0 0;border:0;border-radius:10px;margin:14px auto 0;padding:6px 14px;text-decoration:underline;display:block}.primary-button{color:#fff;background:linear-gradient(135deg,#42a9d4,#2386b8);border:2px solid #1975a2;border-radius:18px;padding:13px 25px;box-shadow:inset 0 2px #ffffff4d,0 7px #0d638e,0 13px 22px #176f9e2e}.primary-button:hover{background:linear-gradient(135deg,#176f9e,#0e557d);transform:translateY(-1px)}.primary-button.large{margin-top:20px;padding-inline:34px;font-size:1.1rem}.secondary-button{color:var(--blue-dark);border:2px solid var(--line);background:#fff;padding:12px 20px}.danger-button{color:#fff;background:#a74444;padding:12px 20px}.mission-reset-confirm{color:#6e3b0c;background:#fff0d3;border:2px solid #e5a85d;padding:12px 20px}.parcel-visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;min-width:0;margin:26px 0;display:grid}.parcel-visual>*{min-width:0}.parcel-zone{border:3px solid var(--line);background:#fff;border-radius:28px;min-width:0;min-height:220px;padding:20px;box-shadow:0 8px #88bfd71f}.bundle-zone{background:linear-gradient(#dff5ff 0 58px,#fafdff 58px);border-color:#9fd8ed}.loose-zone{background:linear-gradient(#ffeadf 0 58px,#fffdfb 58px);border-color:#f0bb9c}.zone-heading{justify-content:space-between;margin-bottom:18px}.zone-heading span{color:var(--ink-soft);font-weight:800}.zone-heading b{color:var(--blue);font-size:1.1rem}.loose-zone .zone-heading b{color:var(--orange)}.zone-heading strong{background:#fff;border-radius:999px;padding:2px 10px;font-size:1.22rem}.bundle-shelf,.loose-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:10px;min-width:0;min-height:128px;display:grid}.ten-bundle{border:3px solid var(--blue);background:#dff3fc;border-radius:18px;min-height:88px;padding:9px;position:relative;box-shadow:0 5px #b7dce9,0 9px 16px #176f9e14}.bundle-label{z-index:3;color:#fff;background:var(--blue-dark);border:3px solid #fff;border-radius:999px;place-items:center;width:30px;height:30px;font-size:.7rem;font-weight:950;display:grid;position:absolute;top:-11px;right:-5px}.bundle-tape{z-index:2;background:#ffdc68b3;width:16%;position:absolute;inset:0 auto 0 42%}.bundle-grid{grid-template-columns:repeat(2,1fr);gap:3px;height:100%;display:grid}.bundle-grid span{z-index:1;background:linear-gradient(145deg,#ffe99a,#ffc96a);border:1px solid #aa702e;border-radius:5px;position:relative}.loose-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.loose-box{max-width:40px}.empty-marker{color:#8198aa;border:2px dashed var(--line);background:#f8fcfe;border-radius:14px;place-items:center;min-height:98px;font-size:2rem;font-weight:950;display:grid}.total-strip{min-height:76px;color:var(--ink);background:linear-gradient(135deg,#e6f6ff,#f0fff7);border:3px solid #afd9e9;border-radius:22px;grid-column:1/-1;justify-content:center;align-items:center;gap:14px;padding:16px 22px;font-size:clamp(1rem,3vw,1.42rem);display:flex;box-shadow:0 6px #8bc6dc24}.total-strip strong{color:var(--blue-dark)}.parcel-visual.compact .parcel-zone{min-height:154px}.parcel-visual.compact .bundle-shelf,.parcel-visual.compact .loose-grid{gap:5px;min-height:76px}.parcel-visual.compact .bundle-shelf{grid-template-columns:repeat(5,minmax(0,1fr))}.parcel-visual.compact .loose-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.parcel-visual.compact .ten-bundle{min-height:64px}.parcel-visual.compact .empty-marker{min-height:66px}.success-copy,.relation-sentence,.mission-brief,.feedback,.final-note{border-radius:18px;padding:17px 19px}.success-copy,.feedback{color:#185d44;background:var(--mint);border:1px solid #a8d8c3;font-weight:780}.feedback.warning{color:var(--warning);background:#fff5dc;border-color:#e8c579}.mission-total{background:linear-gradient(135deg,#fff7c9,#ffeadf);border:3px solid #efd7a0;border-radius:22px;justify-content:space-between;align-items:baseline;padding:20px;display:flex;box-shadow:0 6px #deab5f1f}.mission-total strong{color:var(--blue-dark);font-size:2rem}.mission-brief{background:var(--peach);border-left:7px solid var(--orange);margin-bottom:22px}.mission-brief span{color:var(--ink-soft);font-size:.85rem;font-weight:750;display:block}.board-heading{justify-content:space-between;gap:20px}.board-tools{justify-items:end;gap:8px;display:grid}.locked-total{color:var(--blue-dark);background:var(--sky);white-space:nowrap;border:1px solid #b8dceb;border-radius:999px;padding:10px 15px;font-weight:850}.mission-reset-button{color:#7b4716;min-height:42px;box-shadow:none;background:#fff;border:2px solid #efbd82;border-radius:12px;padding:7px 12px;font-size:.82rem}.parcel-disclosure>summary{color:var(--blue-dark);background:var(--sky);cursor:pointer;border:2px solid #b9deed;border-radius:14px;justify-content:space-between;gap:12px;padding:11px 14px;font-weight:850;display:flex}.parcel-disclosure[open]>summary{margin-bottom:-8px}.relation-sentence{border:1px solid var(--line);background:#f8fcff;gap:4px;margin-bottom:17px;display:grid}.relation-sentence strong{color:var(--blue-dark);font-size:1.08rem}.relation-sentence span{color:var(--ink-soft);font-weight:700}.action-guide{background:linear-gradient(135deg,#fff7ca,#e7f8ff);border:3px solid #a9d9eb;border-radius:24px;margin:18px 0;padding:18px;box-shadow:0 7px #72b5cf21}.action-guide-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.action-guide-heading .step-label{margin:0}.action-guide-heading strong{color:var(--blue-dark);font-size:1.05rem}.action-guide ol{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:14px 0 10px;padding:0;list-style:none;display:grid}.action-step{border:2px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:58px;padding:10px 12px;font-weight:800;display:grid}.action-step.current{border-color:var(--orange);box-shadow:0 0 0 3px #e9783724}.action-step.completed{color:#185d44;background:var(--mint);border-color:#a8d8c3}.action-step-number{color:#fff;background:var(--blue);border-radius:999px;place-items:center;width:32px;height:32px;font-weight:950;display:grid}.action-step.current .action-step-number{background:var(--orange)}.action-step.completed .action-step-number{background:var(--green)}.action-step small{color:var(--ink-soft)}.action-guide-note{color:var(--ink-soft);margin:0}.exchange-controls{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.exchange-controls button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.exchange-controls svg{flex:none;width:22px;height:22px}.exchange-controls .exchange-button{color:#fff;padding:12px}.exchange-controls .bundle-button{background:var(--blue-dark);border:2px solid #0b4f70}.exchange-controls .unbundle-button{color:#70330f;background:#ffbd8f;border:2px solid #d86f36}.exchange-controls .undo-button{color:var(--ink-soft);background:#fff}.exchange-controls .next-action-button{box-shadow:0 0 0 4px #f7a92e80,0 9px 20px #176f9e2e}.availability-notes{color:var(--ink-soft);flex-wrap:wrap;gap:10px;margin:11px 0;font-size:.9rem;display:flex}.availability-notes span{background:#f6fafc;border:1px solid #dfebf1;border-radius:9px;padding:7px 11px}.split-screen{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:24px;min-width:0;display:grid}.split-screen>*{min-width:0}.screen-utility-bar{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.screen-utility-bar>span{color:var(--blue-dark);font-weight:850}.sticky-summary,.question-card,.summary-question{background:#fffffff5;border:3px solid #d2e7f0;border-radius:28px;padding:25px;box-shadow:0 8px #85c0d81f,0 18px 34px #2d698712}.sticky-summary{position:sticky;top:18px}.question-card h2{font-size:clamp(1.4rem,3vw,2.1rem)}.step-label{color:var(--blue-dark);letter-spacing:.08em;margin-bottom:8px;font-size:.82rem;font-weight:950}.quantity-label{margin-bottom:8px;font-weight:850;display:block}.quantity-input{width:100%;height:76px;color:var(--ink);border:3px solid var(--blue);text-align:center;background:#fff;border-radius:18px;padding:8px 18px;font-size:2rem;font-weight:950}.keypad{grid-template-columns:repeat(3,1fr);gap:9px;margin:17px 0;display:grid}.keypad button{color:var(--ink);background:linear-gradient(180deg, white, var(--sky));border:2px solid var(--line);font-size:1.1rem;box-shadow:0 4px #d6e9f1}.keypad .key-delete{color:var(--warning);background:#fff5dc;grid-column:span 2}.choice-fieldset{border:0;min-width:0;padding:0}.choice-fieldset legend{margin-bottom:16px;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:950;line-height:1.35}.choice-list{gap:11px;display:grid}.choice-card{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:18px;align-items:center;gap:12px;min-height:60px;padding:13px 15px;font-weight:750;display:flex;box-shadow:0 4px #a0c6d61f}.choice-card.selected{background:var(--sky);border-color:var(--blue);box-shadow:inset 5px 0 var(--blue)}.choice-card input{width:22px;height:22px;accent-color:var(--blue)}.completion-card{background:linear-gradient(135deg,#fff2b7,#ddfaec);border:3px solid #a9d9c1;border-radius:28px;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;padding:25px;display:grid;box-shadow:0 8px #6cb18f1f}.completion-card>p{grid-column:1/-1;margin-bottom:8px;font-weight:850}.completion-card>div{background:#fff;border:1px solid #70a4bf33;border-radius:16px;justify-content:space-between;align-items:center;padding:15px;display:flex}.completion-card strong{color:var(--blue-dark);font-size:1.45rem}.completion-card .hundred-card{color:var(--ink);background:var(--sky);border-color:#abd8eb;grid-column:1/-1}.activity-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0;display:grid}.activity-grid span{color:#185d44;text-align:center;background:linear-gradient(135deg,#effff7,#ddf7eb);border:2px solid #b8dfcd;border-radius:18px;padding:14px;font-weight:850;box-shadow:0 5px #6db08f1f}.summary-questions{grid-template-columns:1fr 1fr;gap:18px;display:grid}.summary-question{box-shadow:none}.summary-question:last-child{grid-column:1/-1}.review-panel,.reflection-panel,.bonus-panel{background:#fbfeff;border:2px solid #c9e2ed;border-radius:22px;margin:20px 0;padding:18px}.review-panel>summary,.reflection-panel>summary,.bonus-panel>summary{color:var(--blue-dark);cursor:pointer;font-size:1.08rem;font-weight:900}.review-panel>p,.reflection-panel>p,.bonus-panel>p{color:var(--ink-soft);margin:12px 0}.mission-review-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mission-review-grid button{text-align:left;min-height:108px;color:var(--ink);border:2px solid var(--line);background:#fff;border-radius:16px;align-content:center;gap:3px;padding:12px;display:grid;box-shadow:0 4px #85c0d81f}.mission-review-grid button:hover{border-color:var(--blue);transform:translateY(-1px)}.mission-review-grid span,.mission-review-grid small{color:var(--ink-soft);font-size:.75rem}.bonus-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.bonus-question{background:#fff;border:2px solid #d8e8ef;border-radius:17px;min-width:0;margin:0;padding:15px}.bonus-question legend{color:var(--ink);padding:0 4px;font-weight:900}.bonus-question label{cursor:pointer;border:2px solid #e0e9ed;border-radius:12px;align-items:center;gap:8px;min-height:44px;margin-top:7px;padding:8px 10px;display:flex}.bonus-question label.selected{background:var(--sky);border-color:var(--blue)}.bonus-question input{width:20px;height:20px;accent-color:var(--blue)}.bonus-correct,.bonus-retry{border-radius:10px;margin:10px 0 0;padding:9px;font-size:.82rem;font-weight:800}.bonus-correct{color:#185d44;background:var(--mint)}.bonus-retry{color:var(--warning);background:#fff5dc}.final-note{color:var(--ink);background:linear-gradient(135deg, var(--sky), #fff7d7);border:1px solid #bfdce6;justify-content:space-between;gap:10px;margin:20px 0;display:flex}.final-note span{color:var(--blue-dark);font-weight:800}.dialog-backdrop{z-index:50;background:#18374c75;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog-card{width:min(560px,100%);max-height:calc(100vh - 40px);color:var(--ink);background:var(--paper);border:4px solid #fff;border-radius:30px;outline:2px solid #cce4ee;padding:27px;overflow:auto;box-shadow:0 25px 80px #0000002e}.dialog-heading{justify-content:space-between;gap:16px}.dialog-heading h2{margin-bottom:0}.icon-button{width:48px;color:var(--ink);background:var(--sky);padding:0;font-size:1.8rem}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.changelog-list{padding-left:22px}.changelog-list li{margin:18px 0}.changelog-list li div{justify-content:space-between;gap:10px;display:flex}.changelog-list p{color:var(--ink-soft)}.current-version{color:var(--ink-soft);font-size:.86rem}.teacher-guide-content{gap:10px;margin:18px 0;display:grid}.teacher-guide-content p{border:1px solid var(--line);background:#fff;border-radius:14px;gap:3px;margin:0;padding:13px;display:grid}.teacher-guide-content strong{color:var(--blue-dark)}.teacher-guide-content span{color:var(--ink-soft)}.fatal-error{text-align:center;background:#fff;border-radius:24px;width:min(620px,100% - 32px);margin:15vh auto;padding:32px}@media (width<=900px){.hero-card,.split-screen,.summary-questions{grid-template-columns:minmax(0,1fr)}.hero-card{min-height:auto}.hero-copy{text-align:center}.hero-copy h1,.hero-copy>p,.hero-kicker{margin-left:auto;margin-right:auto}.learning-route{justify-content:center}.sticky-summary{position:static}.activity-grid,.mission-review-grid{grid-template-columns:repeat(2,1fr)}.bonus-grid{grid-template-columns:1fr}}@media (width<=600px){.app-header{border-radius:20px;grid-template-columns:1fr auto;align-items:center;width:min(100% - 24px,1180px);margin-top:10px;padding:10px 12px;display:grid}.brand-block{gap:9px}.brand-block .eyebrow{display:none}.brand-mark{border-width:3px;border-radius:15px;width:44px;height:44px}.brand-name{font-size:.9rem}.app-header:not(:has(.mission-progress)) .header-actions{grid-area:1/2}.app-header:has(.mission-progress) .header-actions{grid-area:2/1/auto/-1;justify-content:stretch;width:100%}.mission-progress{flex:100%;min-width:0}.progress-dots{display:none}.small-button{min-height:44px;padding:0 10px;font-size:.78rem}.screen,.narrow-screen{width:min(100% - 24px,1180px);padding-top:24px}.narrow-screen:not(.start-screen),.board-screen,.summary-screen{border-radius:24px;margin-top:8px;padding:23px 17px}.hero-card{border-radius:26px;padding:27px 18px}.hero-sticker{font-size:.76rem;top:-12px;right:2px}.learning-route i{display:none}.hero-art{border-width:5px;border-radius:22px}.hero-demo{gap:9px;width:96%;margin-top:-20px;padding:13px 10px}.mini-loose{grid-template-columns:repeat(5,13px);gap:4px;width:83px}.mini-bundle{width:88px;min-height:76px}.mini-bundle strong{font-size:1.8rem}.demo-group{font-size:.74rem}.parcel-visual{grid-template-columns:1fr}.parcel-visual.compact{grid-template-columns:minmax(0,1fr)}.parcel-disclosure .parcel-visual{margin-top:20px}.total-strip,.parcel-visual.compact .total-strip{flex-wrap:wrap;grid-column:1}.bundle-shelf{grid-template-columns:repeat(5,minmax(45px,1fr))}.loose-grid{grid-template-columns:repeat(10,minmax(16px,1fr))}.action-guide-heading{flex-direction:column;align-items:flex-start;gap:4px}.exchange-controls{grid-template-columns:1fr}.board-heading,.final-note{flex-direction:column;align-items:flex-start}.board-tools{grid-template-columns:1fr auto;place-items:center stretch;width:100%}.locked-total{text-align:center}.relation-sentence span{font-size:.9rem}.screen-utility-bar{flex-wrap:wrap;align-items:flex-start}.completion-card{grid-template-columns:1fr}.completion-card>p,.completion-card .hundred-card{grid-column:1}.activity-grid,.mission-review-grid{grid-template-columns:1fr}.summary-question:last-child{grid-column:auto}.dialog-actions>button{width:100%}}@media (prefers-reduced-motion:no-preference){button{transition:transform .16s,background-color .16s,box-shadow .16s}.ten-bundle,.loose-box{animation:.22s both parcel-in}.hero-sticker{animation:2.8s ease-in-out infinite sticker-bob}@keyframes parcel-in{0%{opacity:.2;transform:translateY(4px)scale(.98)}}@keyframes sticker-bob{50%{transform:rotate(-2deg)translateY(-4px)}}}@media (forced-colors:active){button,.parcel-zone,.ten-bundle,.loose-box,.choice-card,.dialog-card{border:2px solid canvastext}.brand-mark,.primary-button,.mission-progress,.total-strip{forced-color-adjust:none}}