@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Noto+Sans+KR:wght@500;700;800&display=swap";:root{font-family:Manrope,Noto Sans KR,sans-serif;color:#f1eee6;background:#181a1b;--gold: #c99a50;--teal: #4ab9aa;--red: #b84c46}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(#121415b8,#121415b8),url(/assets/backdrop.webp) center/cover fixed}button{font:inherit}header{height:68px;padding:0 clamp(12px,4vw,52px);display:flex;align-items:center;justify-content:space-between;background:#151718ed;border-bottom:1px solid #96703b}.brand{display:flex;align-items:center;gap:10px}.brand>span{width:38px;height:38px;background:var(--gold);color:#171918;border-radius:5px;display:grid;place-items:center}.brand svg{width:21px}.brand strong{display:block;font-size:15px}.brand small,.stage small{display:block;color:#a9a8a3;font-size:9px;text-transform:uppercase}.stage{text-align:center}.stage strong{font-size:14px}.icon{width:40px;height:40px;border:1px solid #686d6d;border-radius:5px;background:#272b2b;color:#fff;display:grid;place-items:center;cursor:pointer}.icon svg{width:18px}.shell{min-height:calc(100svh - 68px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px}.stats{width:min(68vh,650px,94vw);display:flex;justify-content:space-between;padding:5px 3px;color:#c4c2bc;font-size:11px}.stats b{color:#fff}.equations{width:min(61vh,580px,88vw);aspect-ratio:1;display:grid;grid-template-columns:1fr .46fr 1fr .46fr 1fr 1.25fr;grid-template-rows:1fr .46fr 1fr .46fr 1fr 1.05fr;gap:5px;padding:clamp(9px,1.8vw,18px);background:#171a1bdc;border:1px solid #9c7944;border-radius:6px;box-shadow:0 22px 70px #000b}.cell{display:grid;place-items:center;min-width:0}.number{border:1px solid #d4c39f;border-radius:5px;background:linear-gradient(145deg,#fff9e9,#d8c9aa);color:#24231f;font-size:clamp(18px,4vmin,34px);font-weight:800;box-shadow:inset 0 0 0 3px #fff7,0 4px #7d6c4e}.number.slot{background:#222827;color:#f4ecd9;border:2px dashed #857555;box-shadow:none;cursor:pointer}.number.slot.filled{border-style:solid;border-color:var(--teal);background:#1e3431}.number.slot.hint{animation:pulse .5s 2}.operator{font-size:clamp(16px,3vmin,27px);color:#d5ad68;font-weight:700}.intersection{color:#646762}.target{border-left:2px solid #82714f;color:#e6decf;font-size:clamp(10px,2vmin,16px);font-weight:800}.target.vertical{border-left:0;border-top:2px solid #82714f}.target.valid{color:#62d2bd}.target.invalid{color:#ef7168}.bank-wrap{width:min(650px,94vw);text-align:center;padding-top:8px}.bank-wrap small{display:block;color:#b7ab91;font-size:9px;margin-bottom:5px}.bank{min-height:48px;display:flex;justify-content:center;gap:8px}.number-tile{width:44px;height:44px;border:1px solid #d3bd8d;border-radius:5px;background:#eee4cf;color:#24231f;font-weight:800;font-size:18px;cursor:grab;box-shadow:0 3px #74654b}.number-tile.selected{outline:3px solid var(--teal);transform:translateY(-2px)}.number-tile:disabled{opacity:.2;cursor:default}.controls{height:54px;display:flex;align-items:center;gap:9px}.controls>button:not(.icon){height:40px;padding:0 15px;border:1px solid #707473;border-radius:5px;background:#282c2c;color:#fff;display:flex;align-items:center;gap:7px;cursor:pointer}.controls .primary{background:var(--gold)!important;color:#1c1d1b!important;border:0!important;font-weight:800}.controls svg{width:17px}#toast{position:fixed;bottom:72px;left:50%;transform:translate(-50%,15px);opacity:0;background:#f2eee4;color:#1c211f;padding:9px 14px;border-radius:5px;font-size:11px;font-weight:800;transition:.2s}#toast.show{opacity:1;transform:translate(-50%)}dialog{width:min(370px,88vw);border:1px solid #997744;border-radius:6px;background:#191d1c;color:#fff;text-align:center;padding:28px;box-shadow:0 30px 100px #000}dialog::backdrop{background:#080a09cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog small{font-size:10px;color:var(--teal)}dialog h2{margin:5px}dialog p{color:#bdbfba;font-size:13px}dialog button{width:100%;height:42px;margin-top:12px;border:0;border-radius:5px;background:var(--gold);font-weight:800;color:#1b1e1c}@keyframes pulse{50%{box-shadow:0 0 0 5px #4ab9aa55,0 0 24px #4ab9aa}}@media(max-width:600px){header{height:58px;padding:0 10px}.brand>span{width:34px;height:34px}.brand strong{font-size:13px}.brand small{display:none}.shell{min-height:calc(100svh - 58px);padding:4px}.stats{width:min(72svh,94vw);padding:2px}.equations{width:min(62svh,88vw);gap:3px;padding:7px}.bank-wrap{padding-top:5px}.number-tile{width:40px;height:40px}.controls{height:48px}.controls>button:not(.icon){padding:0 10px}.stage small{display:none}}@media(orientation:landscape)and (max-height:600px){header{height:48px;padding:0 10px}.brand small,.stage small{display:none}.brand>span{width:32px;height:32px}.shell{height:calc(100svh - 48px);min-height:0;padding:3px;overflow:hidden}.stats,.equations{width:min(45vw,calc(100svh - 156px))}.stats{padding:2px}.equations{gap:3px;padding:6px}.bank-wrap{width:45vw;padding-top:3px}.bank-wrap small{display:none}.bank{min-height:34px;gap:5px}.number-tile{width:32px;height:32px;font-size:15px}.controls{height:38px}.controls .icon{width:34px;height:34px}.controls>button:not(.icon){height:34px;padding:0 8px}.operator{font-size:15px}.target{font-size:9px}}