@font-face{font-family:Inter;src:url(./inter-latin-400-normal-C38fXH4l.woff2);font-weight:400}@font-face{font-family:Inter;src:url(./inter-latin-600-normal-LgqL8muc.woff2);font-weight:600}@font-face{font-family:Poppins;src:url(./poppins-latin-600-normal-zEkxB9Mr.woff2);font-weight:600}:root{font-family:Inter,Segoe UI,sans-serif;color:#2f2f2f;background:#fefdfc;font-synthesis:none;--ink:#36566f;--blue:#7ea8c9;--orange:#dfa05a}*{box-sizing:border-box}body{margin:0}#app{min-height:100dvh;display:flex;flex-direction:column}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #385d86;outline-offset:3px}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}.topbar{height:60px;width:100%;max-width:1360px;margin:0 auto;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(14px,2.5vw,30px)}.brand{display:flex;align-items:center;gap:10px;font:600 24px Poppins,sans-serif;color:#7e9fc3}.brand img{width:40px;height:40px;object-fit:contain}.top-actions{display:flex;align-items:center;gap:10px}main{width:100%;max-width:1360px;margin:0 auto;padding:10px clamp(14px,2.5vw,30px) 0;flex:1;min-height:0;display:flex;flex-direction:column}.heading{display:flex;flex:none;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:11px}.eyebrow,.tray-label{font-size:11px;font-weight:600;letter-spacing:.13em;color:#6f7fb8}.heading h1{font:600 clamp(26px,3vw,36px)/1.12 Poppins,sans-serif;margin:1px 0 0;color:var(--ink)}.heading p{margin:3px 0 0;font-size:14px;color:#5b6670}.practice{display:flex;gap:10px;align-items:center;color:var(--ink);font-size:14px;font-weight:600}.site{position:relative;flex:1;min-height:405px;display:flex;flex-direction:column;overflow:hidden;border:3px solid #afc8da;border-radius:24px;background:#eef4f8;box-shadow:0 6px #afc8da}.site-top{height:76px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:3px solid #d8be9a;background:#fbf8e6;gap:15px}.site-sign{font-size:11px;letter-spacing:.12em;font-weight:600;color:#6c7a89}.site-badge{font-size:13px;font-weight:600;color:#6c7a89;border-radius:20px;background:#f4edb6;padding:8px 12px}.step{position:relative;display:inline-grid;place-items:center;width:38px;height:40px;margin:0 6px;border:2px solid #dfa05a;border-radius:10px;background:#fefdfc;color:#6c7a89;font:600 18px Poppins,sans-serif;box-shadow:0 3px #d8be9a}.step.done{background:#deecdf;border-color:#7faf8c;color:var(--ink)}.step.done:after{content:"✓";position:absolute;top:-9px;right:-6px;font:600 12px/19px Inter,sans-serif;width:19px;height:19px;border-radius:50%;background:#7faf8c;color:#fff}.play{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(16px,2.4vw,35px);padding:24px clamp(16px,2.5vw,32px) 25px}.model-card{min-height:0;display:flex;flex-direction:column;padding:16px;border:2px solid #d8be9a;border-radius:18px;background:#fefdfc;box-shadow:0 5px #d8be9a}.card-heading{min-height:41px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ink);font-weight:600;font-size:13px}.card-heading>span{letter-spacing:.04em}#preview.game-ui-button{height:38px!important;min-height:38px!important;padding:0 9px!important;font-size:13px!important}#preview .control-speaker{width:18px;height:18px}.plan-frame{flex:1;min-height:180px;display:grid;place-items:center;margin:10px 0;border:2px solid #f4edb6;border-radius:14px;background:#fefdfc}.welcome{display:grid;justify-items:center;text-align:center;gap:4px;color:var(--ink);padding:8px}.welcome strong{font:600 19px Poppins,sans-serif}.welcome p{margin:3px 0;font-size:14px;color:#6c7a89}.welcome img{display:block;width:240px;max-width:100%;height:145px;object-fit:contain}.welcome-icon{font-size:48px;color:var(--orange)}#start{align-self:center}#model{width:100%;text-align:center;padding:20px 8px;font:600 clamp(42px,5vw,64px) Poppins,sans-serif;color:var(--ink)}#model.closed{font:600 23px Poppins,sans-serif;color:#6c7a89;letter-spacing:.04em;border-block:12px solid transparent;border-image:repeating-linear-gradient(135deg,#ead66b 0 12px,#fefdfc 12px 24px) 12}.workbench{min-height:0;display:flex;flex-direction:column;padding:17px clamp(15px,2vw,27px) 14px;border:3px solid #a7bfcb;border-radius:19px;background:#fefdfc;box-shadow:0 5px #afc8da}.bench-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.bench-heading h2{font:600 21px Poppins,sans-serif;color:var(--ink);margin:0}#remaining{font-weight:600;color:#6c7a89;background:#fbf8e6;padding:7px 10px;border-radius:20px;font-size:13px;white-space:nowrap}#slots{display:flex;justify-content:center;align-items:center;gap:10px;margin:clamp(10px,2vh,23px) 0 clamp(12px,2vh,21px);padding:12px 8px;min-height:94px;border:2px solid #f4edb6;border-radius:15px;background:#fbf8e6}.slot{width:65px;height:67px;flex:0 1 65px;border:3px dashed #afc8da;border-radius:12px;background:#fefdfc;display:grid;place-items:center;font:600 36px Poppins,sans-serif;color:var(--ink)}.slot.active{border-color:#7ea8c9;background:#eef4f8}.slot.filled{border-style:solid;border-color:#b89264;background:#f8f3cf}.mat-hint,.tray-hint{font-size:14px;color:#6c7a89;text-align:center}.letter-tray{position:relative;flex:1;min-height:110px;display:flex;flex-direction:column;padding:24px 12px 12px;border:2px solid #afc8da;border-radius:15px;background:#eef4f8;box-shadow:inset 0 3px 6px #6c7a8915,0 2px #afc8da}.tray-label{position:absolute;top:7px;left:14px;color:#516f86;font-size:10px}#bank{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.brick{width:55px;height:60px;padding:0;border:2px solid #b89264;border-radius:11px;background:#f8f3cf;color:var(--ink);box-shadow:0 4px #dfa05a;font:600 33px Poppins,sans-serif;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .12s,background .12s}.brick:hover:not(:disabled){transform:translateY(-3px);background:#f4edb6}.brick.used{visibility:hidden}.brick.wrong{border-color:#c96a6a;background:#f7e3e3;animation:shake .3s linear}#message{min-height:40px;margin:12px 0 0;font-size:13px;line-height:1.5;color:#51616a;font-weight:600}footer{width:100%;max-width:1360px;margin:9px auto 0;padding:0 clamp(14px,2.5vw,30px) 10px;display:flex;justify-content:space-between;gap:10px;color:#738087;font-size:11px}dialog{border:1px solid #d8e4e8;border-radius:22px;padding:26px;max-width:min(540px,90vw);color:#2f2f2f;box-shadow:0 20px 70px #27394725}dialog::backdrop{background:#263a4d66}dialog h2{font:600 25px Poppins,sans-serif;color:var(--ink);margin:0 0 10px}dialog p{line-height:1.5;color:#536773}dialog a{display:block;padding:14px;background:#eef4f8;border-radius:10px;color:var(--ink);font-weight:600;text-decoration:none;margin:16px 0}dialog button{min-height:44px;border:1px solid #cddce5;border-radius:12px;background:#fefdfc;padding:8px 17px;font-weight:600}#finish{text-align:center}.finish-icon{font-size:54px;color:#dfa05a}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@media(max-height:650px){main{padding-top:6px}.heading{margin-bottom:7px}.heading h1{font-size:25px}.heading p{font-size:12px}.site{min-height:370px}.site-top{height:63px}.step{width:34px;height:36px}.play{padding:16px 20px 18px;gap:20px}.model-card{padding:11px}.plan-frame{min-height:140px;margin:7px 0}.welcome img{height:105px}.welcome strong{font-size:17px}.workbench{padding:11px 14px 8px}.bench-heading h2{font-size:19px}#slots{min-height:73px;margin:7px 0 10px;padding:6px}.slot{height:58px;width:58px;font-size:32px}.letter-tray{min-height:83px;padding:20px 8px 10px}.brick{height:54px;width:49px;font-size:30px}#bank{gap:7px}#message{min-height:35px;margin-top:9px}}@media(max-width:850px)and (min-height:780px){.play{grid-template-columns:1fr;grid-template-rows:minmax(275px,.9fr) minmax(320px,1.1fr);padding:18px;gap:18px}.plan-frame{min-height:155px}.welcome img{height:130px}.letter-tray{min-height:92px}.brick{height:58px;width:56px}.site-sign{font-size:10px}}@media(max-width:720px){.brand span{display:none}.topbar{padding:0 12px}.top-actions{gap:6px}.heading{align-items:start;flex-direction:column;gap:10px}.site-sign,.site-badge{display:none}.site-top{justify-content:center}.play{grid-template-columns:1fr;padding:14px;gap:17px}.model-card{min-height:260px}.workbench{min-height:310px}.brick{width:49px;height:53px;font-size:28px}#bank{gap:6px}.slot{width:54px;height:54px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.game-ui-button[hidden]{display:none!important}.practice{flex-direction:column;align-items:flex-start;gap:5px;font-size:12px}@media(max-height:650px){.welcome img{height:130px}.welcome{gap:2px;padding:4px}.welcome strong{font-size:16px}.welcome p{font-size:12px}.card-heading{min-height:35px}.plan-frame{margin:5px 0}}@media(max-width:850px)and (min-height:780px){.play{grid-template-rows:minmax(350px,1fr) minmax(320px,1fr)}}@media(min-width:721px)and (max-width:850px)and (min-height:780px){#app{height:100dvh}}select{appearance:none!important;background-color:#f4f8fb!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23516f86' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 13px center!important;border:1.5px solid #afc8da!important;border-radius:12px!important;padding-inline:15px 38px!important;color:#36566f!important;box-shadow:0 2px #dce7ef;font:600 16px Inter,sans-serif!important;cursor:pointer;transition:border-color .15s,background-color .15s}select:hover{border-color:#6e9bbd!important;background-color:#eaf2f8!important}select:focus-visible{outline:3px solid #385d86;outline-offset:3px}@supports (appearance:base-select){select,select::picker(select){appearance:base-select!important}select{background-image:none!important;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-inline:14px!important}select::picker-icon{content:"";width:8px;height:8px;border-right:2px solid #516f86;border-bottom:2px solid #516f86;transform:rotate(45deg);margin:0 3px 4px 8px;flex-shrink:0;transition:transform .15s}select:open::picker-icon{transform:rotate(225deg);margin-bottom:-3px}select::picker(select){margin-top:7px;padding:6px;border:1px solid #bfd1df;border-radius:14px;background:#fefdfc;box-shadow:0 10px 25px #294e6926;min-width:anchor-size(width);max-height:320px;overflow:auto;color:#36566f;font:600 16px Inter,sans-serif}select option{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 13px;border-radius:8px;background:transparent;color:#36566f}select option:hover,select option:focus{background:#eef4f8;outline:none}select option:checked{background:#dceaf4;color:#294c68}select option::checkmark{color:#527b9c;order:2;margin-left:auto}}@media(prefers-reduced-motion:reduce){select,select::picker-icon{transition:none}}:root{--game-control-height:48px;--game-control-ink:#36566f;--game-control-border:#afc8da}.game-ui-button{box-sizing:border-box!important;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;height:var(--game-control-height)!important;min-height:var(--game-control-height)!important;padding:0 16px!important;border:1.5px solid var(--game-control-border)!important;border-radius:12px!important;background:#fefdfc!important;color:var(--game-control-ink)!important;font:600 16px Inter,sans-serif!important;line-height:1.2!important;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:none!important}.game-ui-button:hover:not(:disabled){background:#eef4f8!important;border-color:#7ea8c9!important}.game-ui-button:focus-visible{outline:3px solid #385d86;outline-offset:3px}.game-ui-button:disabled{opacity:.5;cursor:default}#sound.game-ui-button{width:150px!important;min-width:150px!important;flex:0 0 150px!important}#print.game-ui-button{width:84px!important;min-width:84px!important;flex:0 0 84px!important;background:#eef5ef!important}#print.game-ui-button:hover{background:#deecdf!important}#sound .control-speaker{display:block;width:24px!important;height:24px!important;flex:0 0 24px;overflow:visible}.finish .game-ui-button,.game-ui-button.primary{background:#dceaf4!important}select{box-sizing:border-box;height:var(--game-control-height)!important;min-height:var(--game-control-height)!important;line-height:1.2!important}