@font-face{font-family:DM Sans;src:url(/fonts/DMSans.ttf) format("truetype");font-weight:100 1000;font-display:swap}@font-face{font-family:Noto Sans KR;src:url(/fonts/NotoSansKR.ttf) format("truetype");font-weight:100 900;font-display:swap}:root{font-family:DM Sans,Noto Sans KR,sans-serif;color:#e6e9e1;background:#111512;font-synthesis:none;font-weight:400;font-size:14px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button{transition:background .18s,color .18s,transform .18s}button:hover{color:#caef99}button:focus-visible,a:focus-visible{outline:2px solid #bbdf85;outline-offset:5px}button:disabled{opacity:.35;cursor:default}a{text-decoration:none;color:inherit}button svg{vertical-align:middle}h1,h2,h3,p{margin:0}header{height:88px;border-bottom:1px solid #ffffff0c;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;gap:30px}.brand{display:flex;align-items:center;font-size:24px;font-weight:800;letter-spacing:2px;gap:10px}.brand-icon{color:#c2e695;display:flex;margin-right:2px}.brand-tag{font-size:9px;letter-spacing:1.8px;font-weight:500;color:#858e7f;border:1px solid #394032;border-radius:4px;padding:5px 7px;margin-left:6px}nav{display:flex;align-self:stretch;gap:34px}nav button{position:relative;font-size:13px;color:#8f968b;padding:0 2px}.nav-active{color:#c7e99e}nav .nav-active:after{content:"";height:2px;background:#c1e992;position:absolute;bottom:0;left:0;right:0}nav span{margin-left:7px;color:#6e7867}.header-right{display:flex;align-items:center;font-size:9px;letter-spacing:1.7px;color:#79826f;gap:9px}.online-dot,.eyebrow>span,.status-dot{height:5px;width:5px;display:inline-block;background:#b9df88;border-radius:50%}main{max-width:1380px;margin:0 auto;padding:0 48px}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:42px 0 30px}.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:600;color:#a9c888;display:flex;align-items:center;gap:8px}h1{font-size:30px;letter-spacing:-1.4px;font-weight:600;margin-top:13px}.intro p{font-size:12px;color:#858d7f;margin-top:10px}.mode-chip{display:flex;align-items:center;gap:10px;border:1px solid #30372a;border-radius:6px;padding:10px 13px;font-size:10px;color:#8e9884;letter-spacing:.5px;margin-bottom:3px}.mode-chip span:nth-child(2){color:#c5cdbd}.mode-chip i,footer i{display:inline-block;height:10px;width:1px;background:#384131;margin:0 2px}.game-layout{display:grid;grid-template-columns:230px minmax(360px,1fr) 240px;gap:22px;align-items:start}.panel{border:1px solid #30372c;border-radius:10px;background:#191e18;padding:22px}.panel-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;letter-spacing:1.7px;color:#9ba98c}.panel-label>span:not(.tiny){color:#79886c;font-size:17px}.score-number{color:#ceeb9e;font-size:40px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:1px;margin:17px 0 12px}.best-line{display:flex;justify-content:space-between;color:#828c78;font-size:11px}.best-line strong{color:#c7cebd;font-size:11px;font-weight:500}.divider{height:1px;background:#ffffff0b;margin:22px 0}.stat-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#929b87}.stat-row strong{font-size:24px;font-weight:500;color:#e1e5d9}.stat-row small{font-size:9px;color:#78826c;margin-left:6px}.progress-track{height:3px;border-radius:3px;background:#333c2c;margin-top:14px;overflow:hidden}.progress-track>div{background:#c3e58d;height:100%;transition:width .3s}.level-hint{font-size:10px;color:#68745f;margin-top:9px}.stat-pair{display:flex;margin-top:25px}.stat-pair>div{width:50%}.stat-pair>div+div{border-left:1px solid #30372c;padding-left:21px}.stat-pair span{display:block;font-size:11px;color:#8c9680;margin-bottom:7px}.stat-pair strong{font-size:23px;font-weight:500}.stat-pair small{font-size:7px;font-weight:400;color:#747f69;display:block;margin-top:5px;letter-spacing:1px}.next-panel{margin-top:18px;padding-bottom:8px}.tiny{font-size:10px;color:#68745f;letter-spacing:0;font-weight:400}.next-block{display:flex;align-items:center;justify-content:space-between;height:76px;border-bottom:1px solid #ffffff06}.next-block:last-child{border:0}.next-block>span{font-size:9px;color:#68765d}.next-block svg{width:120px;height:73px}.next-block .shape-name{font-size:10px;color:#859475}.next-1{opacity:.75}.next-2{opacity:.5}.small-note{display:flex;gap:10px;margin:20px 6px}.small-note>span{color:#8d9f74;font-size:19px}.small-note p{font-size:10px;line-height:1.8;color:#6e7b61}.arena{position:relative;height:690px;overflow:hidden;border:1px solid #333b2e;border-radius:12px;background:radial-gradient(ellipse at 50% 45%,#232b20,#181e18 53%,#151a15);box-shadow:0 10px 36px #00000014}.arena:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#b8cf9b15 .8px,transparent .8px);background-size:18px 18px;pointer-events:none}.arena-top{position:absolute;top:21px;left:23px;right:19px;z-index:2;display:flex;align-items:center;justify-content:space-between}.arena-label{display:flex;align-items:center;gap:8px;color:#a2af94;font-size:9px;letter-spacing:1.5px}.status-dot{background:#91a977}.status-dot.live{box-shadow:0 0 10px #c2ed8c}.arena-actions{display:flex;gap:12px}.arena-actions button{position:relative;color:#95a586;font-size:20px;padding:0 3px}.sound-slash{position:absolute;width:18px;height:1px;background:#95a586;transform:rotate(-45deg);left:0;top:13px}.board-svg{position:absolute;width:100%;height:100%;left:0;top:-5px}.start-overlay{position:absolute;z-index:3;top:41%;left:50%;transform:translate(-50%,-50%);width:100%;padding:28px 10px;text-align:center;background:linear-gradient(transparent,#182016ed 30%,#182016e8 80%,transparent)}.ready-badge{font-size:8px;letter-spacing:2px;color:#acbd97;margin-bottom:14px}.start-overlay h2{font-size:22px;font-weight:500;letter-spacing:-.8px}.primary{background:#c5eb96;color:#24301b;border-radius:6px;min-height:44px;padding:12px 25px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:12px}.primary:hover{background:#dcffb1;color:#182210;transform:translateY(-1px)}.start-button{margin-top:22px;min-width:206px;height:48px}.start-button>span:last-child{margin-left:24px;font-size:18px}.start-overlay p{font-size:10px;color:#a1ad94;margin-top:15px}.start-overlay kbd{font-size:8px;min-height:19px;min-width:39px;padding:3px 5px;margin:0 3px}.example-label{font-size:8px;color:#7a896c;display:block;margin-top:13px}.arena-bottom{position:absolute;bottom:21px;left:23px;right:20px;display:flex;justify-content:space-between;align-items:center;color:#7d8b70;font-size:10px;gap:4px}.key-mini{display:inline-block;border:1px solid #39432e;border-radius:3px;padding:3px 5px;font-size:8px;margin-right:3px;color:#9cab8a}.arena-bottom>span .key-mini:last-child{margin-right:7px}.camera-control{display:flex;align-items:center;gap:10px}.camera-control button{border:1px solid #36412e;border-radius:5px;width:26px;height:26px;font-size:18px;color:#adbf97}.camera-control span{font-size:9px}.controls-panel h3{font-size:15px;font-weight:500;letter-spacing:-.4px;margin:21px 0 7px}.muted{font-size:11px;line-height:1.8;color:#839176}.control-row{display:flex;align-items:center;justify-content:space-between;margin-top:20px;color:#a0a991;font-size:11px}.control-row:first-of-type{margin-top:25px}kbd{display:inline-flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;font-size:10px;background:#232a20;border:1px solid #404938;border-bottom:2px solid #404938;border-radius:4px;min-width:26px;min-height:27px;padding:3px 7px;color:#b6c3a7;margin-left:4px}.wasd{text-align:center}.wasd>kbd{margin-bottom:4px}.wasd>div{display:flex}.toggle-row{padding:0;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:10px;color:#9faa93;gap:8px}.switch{width:28px;height:16px;border-radius:10px;background:#414a36;padding:3px;transition:background .2s;flex-shrink:0}.switch i{display:block;width:10px;height:10px;border-radius:50%;background:#1b2915;transition:transform .2s}.switch.on{background:#bade8e}.switch.on i{transform:translate(12px)}.tip-card{position:relative;overflow:hidden;background:#222a1b;border:1px solid #3a472d;border-radius:9px;padding:21px;margin-top:18px;min-height:175px}.tip-card>div:first-child{font-size:9px;letter-spacing:1.5px;color:#adc887}.tip-card>div>span{font-size:17px;vertical-align:middle;margin-right:6px}.tip-card h3{font-size:14px;font-weight:500;color:#d3dfbd;margin:14px 0 10px}.tip-card p{font-size:10px;line-height:1.9;color:#99aa84;position:relative;z-index:1}.tip-grid{position:absolute;right:-14px;bottom:-9px;width:88px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;transform:rotate(-25deg) skew(15deg);opacity:.25}.tip-grid i{height:14px;background:#afcf80;border:1px solid #d4ecad;border-radius:1px}.tip-grid .missing{opacity:.1}.game-buttons{display:flex;gap:10px;margin-top:18px}.game-buttons button{border:1px solid #35402c;background:#1d241a;border-radius:7px;height:43px;color:#acb79e;font-size:12px}.game-buttons button:first-child{flex:1}.game-buttons button:last-child{width:44px;font-size:22px}.pause-overlay{position:absolute;top:70px;right:12px;bottom:70px;left:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#182016db;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:4;border-radius:10px;text-align:center}.pause-overlay h2{margin:20px 0 12px;font-size:25px}.pause-overlay p{color:#a6b598;font-size:12px}.pause-overlay .primary{margin-top:25px}.pause-overlay .save-message{margin-top:20px;font-size:10px}.touch-controls{display:none}footer{border-top:1px solid #293022;display:flex;align-items:center;justify-content:space-between;margin:32px 0 24px;padding-top:22px;gap:15px;color:#66725c;font-size:9px;letter-spacing:.6px}footer>span:first-child{letter-spacing:1.2px;font-size:8px}footer>span:nth-child(2){display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:0}.footer-cube{font-size:16px;margin-right:7px;vertical-align:middle}.modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;background:#080d08cc;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:520px;max-height:85vh;overflow:auto;padding:35px;background:#1c241a;border:1px solid #455238;border-radius:15px;position:relative;box-shadow:0 25px 100px #0007}.modal-close{position:absolute;right:18px;top:12px;font-size:26px;color:#b3c4a0}.modal h2{font-size:23px;letter-spacing:-.7px;margin:20px 0}.guide-text p{color:#a4b497;font-size:12px;line-height:2;margin-bottom:18px}.guide-text b{color:#d0e4bb;font-weight:500}.guide-text .primary{margin-top:7px}.modal-buttons{display:flex;justify-content:flex-end;gap:15px;margin-top:25px}.empty-state{padding:35px 10px;text-align:center;color:#a5b693;line-height:2;font-size:12px}.empty-state>span{font-size:36px;color:#c8e89a}.empty-state button{display:block;margin:15px auto;text-decoration:underline}.record-list{margin-top:20px}.record-list>div{display:flex;gap:18px;align-items:center;padding:16px 0;border-top:1px solid #36442d}.rank{color:#bddc91;font-size:20px}.record-list strong{font-size:19px;font-weight:500;display:block}.record-list small{display:block;font-size:9px;color:#91a380;margin-top:5px}.record-list strong small{display:inline;font-size:8px}.record-list time{font-size:9px;color:#829275;text-align:right;max-width:125px;margin-left:auto}@media(min-width:1450px){main{padding:0 40px}.game-layout{grid-template-columns:250px minmax(400px,1fr) 250px}.arena{height:718px}.intro{padding-top:48px}}@media(max-width:1150px){main{padding:0 28px}.game-layout{grid-template-columns:195px minmax(300px,1fr) 205px;gap:16px}.panel{padding:18px}.header-right{display:none}.arena{height:667px}.score-number{font-size:34px}.tip-card{padding:18px}.intro h1{font-size:27px}.start-overlay h2{font-size:20px}.arena-bottom{left:15px;right:15px}.camera-control{gap:6px}footer>span:nth-child(2){font-size:8px}}@media(max-width:900px){.game-layout{grid-template-columns:190px minmax(280px,1fr)}.right-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.controls-panel{display:none}.tip-card{margin:0;min-height:130px}.game-buttons{margin:0;align-items:center}.arena{height:650px}.touch-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:440px;margin:20px auto}.touch-controls button{border:1px solid #435033;background:#252f20;border-radius:6px;min-height:42px;font-size:12px;touch-action:manipulation}.touch-drop{grid-column:1/-1;color:#cdeb9f}.mode-chip{font-size:9px;padding:8px}.intro{gap:12px}footer>span:nth-child(2){display:none}}@media(max-width:580px){.header{height:68px;padding:0 19px;gap:10px}.brand{font-size:20px;gap:7px}.brand-tag{display:none}nav{gap:15px}nav button{font-size:11px}main{padding:0 16px}.intro{padding:28px 0 22px;display:block}.intro .eyebrow{font-size:8px}h1,.intro h1{font-size:25px}.intro p{font-size:10px}.mode-chip{display:inline-flex;margin-top:18px}.game-layout{display:flex;flex-direction:column;gap:14px}.left-column{width:100%;display:flex;gap:10px}.score-panel{width:64%;padding:14px}.score-panel .panel-label{font-size:8px}.score-number{font-size:29px;margin:10px 0}.best-line{font-size:9px}.score-panel .divider,.stat-row,.progress-track,.level-hint,.stat-pair,.small-note{display:none}.next-panel{margin:0;flex:1;min-width:0;padding:14px}.next-panel .panel-label{font-size:8px}.next-panel .tiny{display:none}.next-block{height:74px}.next-block:not(.next-0){display:none}.next-block svg{width:95px}.arena{width:100%;height:580px}.arena-top{left:18px;right:17px}.arena-label{font-size:8px}.arena-bottom{font-size:9px}.start-overlay{top:40%}.start-overlay h2{font-size:21px}.right-column{display:flex;flex-direction:column-reverse;width:100%;gap:14px}.game-buttons{width:100%}.tip-card{display:none}.touch-controls{margin-top:14px}.touch-controls button{min-height:45px}footer{margin-top:24px;padding-top:18px;font-size:8px}.modal{padding:27px 22px}.modal h2{font-size:21px}.modal .eyebrow{font-size:8px}.record-list>div{gap:10px}}@media(max-width:580px){.active-game .intro{display:none}.active-game .game-layout{padding-top:12px;gap:8px}.active-game .left-column{height:82px}.active-game .score-panel,.active-game .next-panel{padding:10px 14px}.active-game .score-number{font-size:26px;margin:5px 0}.active-game .best-line{display:none}.active-game .next-block{height:44px}.active-game .next-block svg{height:50px}.active-game .arena{height:clamp(280px,calc(100dvh - 400px),480px)}.active-game .game-buttons button{height:34px}.active-game .touch-controls{gap:5px;margin-top:9px;margin-bottom:10px}.active-game .touch-controls button{min-height:37px}.active-game footer{display:none}.active-game .pause-overlay{top:48px;right:10px;bottom:48px;left:10px}.active-game .arena-top{top:15px}.active-game .arena-bottom{bottom:12px}}.touch-controls .touch-drop{grid-column:auto;background:#34452a;border-color:#667f4d}@media(max-width:580px){.arena-bottom>span{font-size:8px}.arena-bottom .key-mini{padding:3px 4px;margin-right:2px}.camera-control{gap:4px}.controls-panel .control-row{margin-top:15px}}.game-layout{padding-top:28px}.game-buttons .undo-button{flex:1;font-size:11px;white-space:nowrap}.undo-button span{display:inline-block;margin-left:4px;padding:1px 4px;border:1px solid #465338;border-radius:3px;font-size:9px}.controls-panel .control-row{margin-top:16px}@media(max-width:580px){.game-layout{padding-top:16px}.active-game .game-layout{padding-top:12px}.game-buttons{gap:7px}}.rotation-notice{position:absolute;z-index:5;top:58px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);padding:9px 13px;background:#263521ed;border:1px solid #657a4d;border-radius:6px;color:#deefc4;text-align:center;font-size:11px;line-height:1.6;pointer-events:none}@media(max-width:580px){.rotation-notice{top:45px;font-size:10px}}.score-entry{width:min(290px,calc(100% - 30px));margin-top:18px}.score-entry label{display:block;text-align:left;color:#c4d5b2;font-size:11px;margin-bottom:7px}.score-entry input{width:100%;height:41px;border:1px solid #667e4f;background:#10190e;border-radius:6px;padding:9px 12px;color:#edf7e4;font:inherit;font-size:14px;outline:none}.score-entry input:focus{border-color:#c5eb96;box-shadow:0 0 0 2px #c5eb9622}.score-entry input:disabled{opacity:.6}.name-hint{display:block;text-align:left;margin-top:6px;font-size:9px;color:#8fa27b}.score-entry .primary{width:100%;margin-top:12px;min-height:40px;padding:9px 15px}.score-entry .score-save-error{font-size:10px;color:#edb69a;margin-top:5px;line-height:1.5}.score-entry .score-save-error:empty{display:none}.score-secondary{display:block;margin:10px auto 0;color:#a2b28f;font-size:11px;padding:5px}.score-entry .saved-confirmation{font-size:12px;line-height:1.8;overflow-wrap:anywhere}.record-details{min-width:0;flex:1}.record-name{display:block;color:#d9e9c6;font-size:13px;margin-bottom:5px;overflow-wrap:anywhere}.record-list time{flex-shrink:0}@media(max-width:580px){.pause-overlay:has(.score-entry){top:42px;right:10px;bottom:34px;left:10px;overflow:auto;padding:15px 0;justify-content:safe center}.pause-overlay:has(.score-entry) h2{font-size:20px;margin:10px 0 7px}.score-entry{margin-top:12px}.score-entry .primary{margin-top:9px}.score-secondary{margin-top:7px}.record-list time{max-width:85px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:900px){.right-column{grid-template-columns:1fr}}