*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font: "Press Start 2P", monospace;--green: #5FCB88;--dark: #1D3934;--bg: #0f2320;--bg2: #162e2a;--white: #FFFFFF;--card: #FFFFFF;--muted: #6aaa88;--dirt: #7a4e2d;--err: #e74c3c}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:var(--font);color:var(--dark);image-rendering:pixelated}#page{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);background-image:radial-gradient(#5FCB8812 1px,transparent 1px);background-size:28px 28px}#game-wrap{position:relative;overflow:hidden;background:var(--bg2);width:min(100vw,56.25vh);height:min(100vh,calc(100vw * 16 / 9));width:min(100vw,56.25svh);height:min(100svh,calc(100vw * 16 / 9));max-width:430px;box-shadow:0 0 0 3px var(--dark),0 0 48px #0007}.screen{display:none;position:absolute;inset:0;width:100%;height:100%}.screen.active{display:flex;flex-direction:column}.hidden{display:none!important}.t-dollar,.t-fun{color:var(--white);-webkit-text-stroke:3px var(--dark);text-shadow:3px 3px 0 var(--dark),-1px -1px 0 var(--dark),1px -1px 0 var(--dark),-1px 1px 0 var(--dark)}.t-game{color:var(--green);-webkit-text-stroke:3px var(--dark);text-shadow:3px 3px 0 var(--dark),-1px -1px 0 var(--dark),1px -1px 0 var(--dark),-1px 1px 0 var(--dark)}.hero,.lb-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% -10%,#2d6b50 0%,transparent 55%),linear-gradient(180deg,#0a1e1b,#1a3d2e);display:flex;flex-direction:column;align-items:center}#hero-stars,#lb-hero-stars{position:absolute;inset:0;pointer-events:none;z-index:0}#hero-stars span,#lb-hero-stars span{position:absolute;border-radius:50%;pointer-events:none}.st1{width:1px;height:1px;background:#dcffebb3;animation:twinkle-far ease-in-out infinite}.st2{width:1px;height:1px;background:#ffffffe6;animation:twinkle-mid ease-in-out infinite}.st3{width:2px;height:2px;background:#fff;box-shadow:0 0 3px 1px #5fcb8873;animation:twinkle-near ease-in-out infinite}@keyframes twinkle-far{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.48;transform:scale(1.4)}}@keyframes twinkle-mid{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.82;transform:scale(1.6)}}@keyframes twinkle-near{0%,to{opacity:.52;transform:scale(1);box-shadow:0 0 3px 1px #5fcb884d}50%{opacity:1;transform:scale(1.8);box-shadow:0 0 7px 2px #5fcb88a6}}#hero-particles{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.hero-ptcl{position:absolute;border-radius:50%;pointer-events:none;animation:ptcl-rise linear infinite}@keyframes ptcl-rise{0%{opacity:0;transform:translateY(0) scale(1)}18%{opacity:.85}80%{opacity:.35}to{opacity:0;transform:translateY(-52px) scale(.3)}}.cloud{position:absolute;border-radius:3px;z-index:1;pointer-events:none}.cloud:before,.cloud:after{content:"";position:absolute;bottom:0;border-radius:3px}.cbg1,.cbg2,.cbg3,.cbg1:before,.cbg1:after,.cbg2:before,.cbg2:after,.cbg3:before,.cbg3:after{background:#ffffff21}.cbg1,.cbg2,.cbg3{box-shadow:inset 0 1px #fff3}.cbg1{width:42px;height:6px;top:9%;left:3%;animation:cldBg1 19s infinite ease-in-out}.cbg1:before{width:17px;height:13px;left:5px}.cbg1:after{width:11px;height:9px;left:22px}.cbg2{width:31px;height:5px;top:30%;right:5%;animation:cldBg1 24s 7s infinite ease-in-out reverse}.cbg2:before{width:13px;height:9px;left:4px}.cbg2:after{width:9px;height:7px;left:16px}.cbg3{width:52px;height:7px;top:17%;left:57%;animation:cldBg1 21s 13s infinite ease-in-out}.cbg3:before{width:21px;height:14px;left:7px}.cbg3:after{width:14px;height:10px;left:27px}.cfr1{background:#ffffffdb;box-shadow:inset 0 2px #ffffff80,0 4px 10px #00000021;width:66px;height:10px;top:40%;left:0%;animation:cldFg1 11s 1.5s infinite ease-in-out}.cfr1:before,.cfr1:after{background:#ffffffdb}.cfr1:before{width:27px;height:19px;left:8px}.cfr1:after{width:18px;height:14px;left:34px}.cfr2{background:#d4f5e4d1;box-shadow:inset 0 2px #ffffff73,0 4px 10px #0000001a;width:52px;height:9px;top:33%;right:1%;animation:cldFg2 14s 4s infinite ease-in-out}.cfr2:before,.cfr2:after{background:#d4f5e4d1}.cfr2:before{width:21px;height:15px;left:6px}.cfr2:after{width:14px;height:11px;left:25px}.cfr3{background:#fffc;box-shadow:inset 0 2px #ffffff73,0 3px 8px #0000001a;width:40px;height:7px;top:6%;right:16%;animation:cldFg1 9s 7.5s infinite ease-in-out reverse}.cfr3:before,.cfr3:after{background:#fffc}.cfr3:before{width:16px;height:12px;left:5px}.cfr3:after{width:11px;height:9px;left:20px}@keyframes cldBg1{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes cldFg1{0%,to{transform:translate(0) translateY(0)}30%{transform:translate(8px) translateY(-2px)}65%{transform:translate(5px) translateY(1px)}}@keyframes cldFg2{0%,to{transform:translate(0) translateY(0)}35%{transform:translate(-7px) translateY(2px)}70%{transform:translate(-4px) translateY(-1px)}}#screen-start{flex-direction:column;background:var(--bg2)}.hero{flex:0 0 42%;padding-top:clamp(10px,3vw,18px);gap:clamp(6px,2vw,10px);justify-content:flex-start}.hero-logo{font-size:clamp(22px,8.5vw,38px);letter-spacing:2px;white-space:nowrap;line-height:1;z-index:2}.hero-banner{background:var(--green);border:2px solid var(--dark);box-shadow:0 3px 0 var(--dark);padding:5px 22px;font-size:clamp(6px,1.8vw,8px);color:var(--dark);letter-spacing:2px;z-index:2;clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 50%,calc(100% - 10px) 100%,10px 100%,0% 50%)}.hero-char-wrap{position:absolute;bottom:30px;z-index:3;display:flex;align-items:flex-end}#start-char{image-rendering:pixelated;width:clamp(72px,20vw,96px);height:clamp(72px,20vw,96px)}.hero-ground{position:absolute;bottom:0;left:0;right:0;z-index:2;filter:drop-shadow(0 -6px 20px rgba(0,0,0,.55))}.ground-deco{position:relative;height:14px;z-index:3;overflow:visible}.gdeco-flower{position:absolute;bottom:0;width:4px;height:10px;background:#38b87a;border-radius:1px}.gdeco-flower:before{content:"";position:absolute;top:-7px;left:-5px;width:14px;height:10px;border-radius:50%;background:linear-gradient(135deg,#ffe566,#ffc700);border:2px solid #c98800;box-shadow:inset 0 2px #ffffd299}.gdeco-flower:after{content:"";position:absolute;top:-2px;left:1px;width:3px;height:3px;background:#f80;border-radius:50%}.gdeco-rock{position:absolute;bottom:-1px;border-radius:3px 3px 2px 2px;background:linear-gradient(180deg,#9ab4bc,#6a8a92);border-top:1px solid #c0d0d6;box-shadow:inset 0 -1px #00000026}.gdeco-bush{position:absolute;bottom:0;background:linear-gradient(180deg,#42b87a,#2d9060 55%,#1e7050);border-radius:7px 7px 2px 2px;border:2px solid #1D3934;box-shadow:inset 0 2px #ffffff24,inset 0 -2px #0000001f}.gdeco-bush:after{content:"";position:absolute;top:2px;left:25%;right:25%;height:3px;background:#ffffff26;border-radius:50%}.gdf1{left:11%}.gdf2{left:70%}.gdb1{width:20px;height:12px;left:31%}.gdb2{width:14px;height:9px;left:80%}.gdr1{width:9px;height:5px;left:21%}.gdr2{width:7px;height:4px;left:54%}.ground-grass{height:15px;background:linear-gradient(180deg,#82eea8,#5fcb88 48%,#4bba74);border-top:2px solid #2d8f5f;box-shadow:inset 0 3px #ffffff3d;position:relative}.ground-grass:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 6px,rgba(0,0,0,.04) 6px,rgba(0,0,0,.04) 7px)}.ground-dirt{height:18px;background:linear-gradient(180deg,#8f6040,#7a4e2d 55%,#6b4025);border-top:2px solid #5c3a1e;position:relative}.ground-dirt:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 5px,rgba(0,0,0,.05) 5px,rgba(0,0,0,.05) 6px)}.dirt-pebble{position:absolute;border-radius:50%;bottom:4px;background:linear-gradient(180deg,#8a9ea8,#6a7e88);border:1px solid #a0b2bc}.dp1{width:6px;height:4px;left:18%}.dp2{width:4px;height:3px;left:62%}.start-card{flex:1;background:var(--card);border-top:3px solid var(--dark);display:flex;flex-direction:column;align-items:center;gap:clamp(7px,2vw,11px);padding:clamp(12px,3.5vw,20px) clamp(16px,5vw,28px) clamp(10px,2.5vw,16px);overflow-y:auto}.start-card.hidden{display:none!important}.sc-label{font-size:clamp(7px,2vw,9px);color:var(--dark);letter-spacing:2px;align-self:flex-start}.sc-input-wrap{display:flex;align-items:center;width:100%;border:2px solid #ccc;border-radius:10px;background:#f8fffe;overflow:hidden;gap:8px;padding:0 12px}.sc-icon{font-size:16px;opacity:.5;flex-shrink:0}#wallet-input{flex:1;font-family:var(--font);font-size:clamp(6px,1.7vw,8px);color:var(--dark);background:transparent;border:none;outline:none;padding:12px 0;letter-spacing:0;min-width:0}#wallet-input::placeholder{color:#aacbbf;font-family:var(--font);font-size:clamp(7px,1.9vw,9px)}.sc-input-wrap:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #5fcb8828}.auth-error{width:100%;font-size:clamp(6px,1.6vw,7px);color:var(--err);letter-spacing:1px;line-height:1.8;background:#ffeaea;border:1px solid #f5c6c6;border-radius:8px;padding:8px 10px;text-align:center}.auth-back-btn{align-self:flex-start;font-family:var(--font);font-size:clamp(6px,1.8vw,8px);color:var(--muted);background:transparent;border:1px solid #cce8d8;border-radius:6px;padding:6px 10px;cursor:pointer;letter-spacing:1px;transition:color .1s,border-color .1s}.auth-back-btn:hover{color:var(--dark);border-color:var(--dark)}.auth-status-card{width:100%;background:linear-gradient(135deg,#edf8f2,#f4fdf8);border:2px solid #c8e8d4;border-radius:10px;padding:clamp(8px,2.5vw,14px) clamp(10px,3vw,16px);display:flex;flex-direction:column;align-items:center;gap:4px}.auth-status-welcome{font-size:clamp(6px,1.8vw,8px);color:var(--muted);letter-spacing:1px}.auth-status-name{font-size:clamp(11px,3.5vw,15px);color:var(--dark);letter-spacing:2px;text-shadow:1px 1px 0 #aae0c0}.pin-row{display:flex;gap:clamp(8px,2.5vw,14px);justify-content:center;width:100%}.pin-box{font-family:var(--font);font-size:clamp(18px,6vw,26px);color:var(--dark);text-align:center;width:clamp(46px,14vw,58px);height:clamp(54px,16vw,68px);border:2px solid #cce8d8;border-radius:10px;background:#f8fffe;outline:none;caret-color:transparent;letter-spacing:0;transition:border-color .15s,box-shadow .15s,transform .08s;-moz-appearance:textfield}.pin-box::-webkit-inner-spin-button,.pin-box::-webkit-outer-spin-button{-webkit-appearance:none}.pin-box::-ms-reveal,.pin-box::-ms-clear{display:none}.pin-box::-webkit-contacts-auto-fill-button,.pin-box::-webkit-credentials-auto-fill-button{display:none}.pin-box:focus{border-color:var(--green);box-shadow:0 0 0 3px #5fcb8828;transform:translateY(-2px)}.pin-box.filled{border-color:var(--green);background:#edf8f2}.pin-eye-btn{font-family:var(--font);font-size:clamp(7px,1.8vw,9px);color:#8ab8aa;background:none;border:none;cursor:pointer;padding:4px 8px;letter-spacing:1px;opacity:.85;transition:color .15s,opacity .15s;align-self:flex-end;margin-top:-4px}.pin-eye-btn:hover{color:var(--green);opacity:1}.user-info-card{width:100%;background:linear-gradient(135deg,#1d3934,#2a5248);border:2px solid var(--dark);border-radius:12px;padding:clamp(10px,3vw,16px) clamp(12px,3.5vw,18px);display:flex;flex-direction:column;gap:clamp(6px,1.8vw,10px)}.user-info-name{font-size:clamp(10px,3.2vw,14px);color:var(--white);letter-spacing:2px;text-shadow:1px 1px 0 var(--dark)}.user-info-stats{display:flex;gap:0;justify-content:space-around;border-top:1px solid rgba(255,255,255,.15);padding-top:clamp(6px,1.8vw,10px)}.user-info-stat{display:flex;flex-direction:column;align-items:center;gap:3px}.stat-val{font-size:clamp(10px,3.2vw,14px);color:var(--green);letter-spacing:1px}.stat-lbl{font-size:clamp(5px,1.4vw,6px);color:#ffffff80;letter-spacing:1px}.auth-logout-btn{font-family:var(--font);font-size:clamp(5px,1.4vw,7px);color:#a0b8b0;background:transparent;border:1px solid #d0e4dc;border-radius:6px;padding:6px 12px;cursor:pointer;letter-spacing:1px;transition:color .1s,border-color .1s}.auth-logout-btn:hover{color:var(--err);border-color:var(--err)}button{font-family:var(--font);cursor:pointer;border:none;outline:none}.btn-green{width:100%;font-size:clamp(10px,3vw,13px);color:var(--white);background:var(--green);border:3px solid var(--dark);border-radius:12px;padding:13px 20px;letter-spacing:2px;box-shadow:0 5px 0 var(--dark);text-shadow:1px 1px 0 var(--dark);transition:transform .08s,box-shadow .08s,filter .1s}.btn-green:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 7px 0 var(--dark)}.btn-green:active{transform:translateY(4px);box-shadow:0 1px 0 var(--dark)}.btn-green:disabled{opacity:.55;transform:none;box-shadow:0 5px 0 var(--dark);cursor:default;filter:none}.btn-white-outline{width:100%;font-size:clamp(9px,2.6vw,11px);color:var(--dark);background:var(--white);border:2px solid var(--dark);border-radius:12px;padding:12px 20px;letter-spacing:2px;box-shadow:0 4px 0 var(--dark);transition:transform .08s,box-shadow .08s,background .1s}.btn-white-outline:hover{background:#f0fdf6;transform:translateY(-2px);box-shadow:0 6px 0 var(--dark)}.btn-white-outline:active{transform:translateY(4px);box-shadow:0 0 0 var(--dark)}.snd-toggle-btn{width:100%;font-family:var(--font);font-size:clamp(7px,2vw,9px);letter-spacing:2px;color:var(--muted);background:transparent;border:2px dashed #b8d4c8;border-radius:10px;padding:9px 16px;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.snd-toggle-btn:hover{color:var(--dark);border-color:var(--green);background:#f0fdf6}.snd-toggle-btn:active{opacity:.7}.pause-card .snd-toggle-btn{width:180px;font-size:clamp(6px,1.7vw,8px);padding:8px 14px}.sc-bounty-card{width:100%;background:#f4fdf8;border:2px solid #d0ead8;border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px}.bounty-icon{font-size:18px;flex-shrink:0}.bounty-text{font-family:var(--font);font-size:clamp(5px,1.4vw,7px);color:var(--dark);letter-spacing:1px;line-height:2;text-align:center;flex:1}#screen-game{background:var(--bg);justify-content:flex-start}#hud{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0a1a16e6;border-bottom:2px solid var(--dark);pointer-events:none}#hud-center{text-align:center}.hud-score-lbl{font-size:clamp(5px,1.4vw,7px);color:var(--green);letter-spacing:2px;margin-bottom:2px}#hud-score{font-size:clamp(14px,4vw,18px);color:var(--white);letter-spacing:2px;text-shadow:1px 1px 0 var(--dark),-1px -1px 0 var(--dark),1px -1px 0 var(--dark),-1px 1px 0 var(--dark)}.hud-icon-btn{font-size:clamp(12px,3.5vw,16px);background:#ffffff1a;border:2px solid rgba(95,203,136,.4);border-radius:8px;color:var(--white);width:clamp(34px,9vw,42px);height:clamp(34px,9vw,42px);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:all;transition:background .1s}.hud-icon-btn:active{background:#5fcb8840}.hud-spacer{width:clamp(34px,9vw,42px)}#canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}#pause-overlay{position:absolute;inset:0;z-index:50;background:#0a1a16d1;display:flex;align-items:center;justify-content:center}.pause-card{background:var(--card);border:3px solid var(--dark);border-radius:16px;box-shadow:0 0 0 2px var(--white),0 0 0 5px var(--dark),0 10px 40px #0006;padding:28px 32px;display:flex;flex-direction:column;align-items:center;gap:16px;min-width:200px}.pause-title{font-size:clamp(16px,5vw,22px);color:var(--dark);letter-spacing:4px}.pause-card .btn-green,.pause-card .btn-white-outline{width:180px}#touch-row{position:absolute;bottom:24px;bottom:max(24px,env(safe-area-inset-bottom,0px));left:0;right:0;display:flex;justify-content:space-between;padding:0 clamp(14px,4vw,24px);pointer-events:none;z-index:20}.touch-btn{pointer-events:all;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:var(--font);font-size:clamp(22px,7vw,30px);color:var(--white);background:#1d3934d1;border:2px solid rgba(95,203,136,.5);border-radius:14px;width:clamp(78px,22vw,96px);height:clamp(78px,22vw,96px);min-width:78px;min-height:78px;display:flex;align-items:center;justify-content:center;transition:background .1s,border-color .1s}.touch-btn.pressed,.touch-btn:active{background:#5fcb8847;border-color:var(--green);color:var(--green)}#screen-over{background:radial-gradient(ellipse at 50% 20%,#2d6b50 0%,var(--bg) 60%);padding:16px;align-items:center;justify-content:center;overflow-y:auto}.over-card{background:var(--card);border:3px solid var(--dark);border-radius:16px;box-shadow:0 0 0 2px var(--white),0 0 0 5px var(--dark),0 10px 40px #0006;padding:clamp(12px,3.5vw,20px) clamp(18px,5vw,30px);max-width:340px;width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.8vw,10px)}.over-title{font-size:clamp(16px,5.5vw,22px);color:var(--green);letter-spacing:3px;text-align:center;text-shadow:2px 2px 0 var(--dark),-1px -1px 0 var(--dark),1px -1px 0 var(--dark),-1px 1px 0 var(--dark)}.over-newhs{width:100%;background:var(--green);border:2px solid var(--dark);border-radius:8px;padding:8px 12px;text-align:center;font-size:clamp(7px,2vw,9px);color:var(--dark);letter-spacing:1px;animation:pulse .6s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.85;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}.over-char-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}#over-char{image-rendering:pixelated;width:clamp(52px,15vw,68px);height:clamp(52px,15vw,68px)}.over-sparkles{font-size:clamp(7px,2vw,9px);color:var(--green);letter-spacing:4px}.over-divider{width:100%;height:2px;background:linear-gradient(to right,transparent,#cce8d8,transparent)}.over-row{display:flex;justify-content:space-between;align-items:baseline;width:100%;gap:8px}.over-lbl{font-size:clamp(5px,1.4vw,6px);color:var(--muted);letter-spacing:1px;flex-shrink:0}.over-val{font-size:clamp(7px,2vw,9px);color:var(--dark);letter-spacing:1px;text-align:right;word-break:break-all}.over-val.score-green{font-size:clamp(13px,4.2vw,18px);color:var(--green);text-shadow:1px 1px 0 var(--dark),-1px -1px 0 var(--dark),1px -1px 0 var(--dark),-1px 1px 0 var(--dark)}.over-bounty{background:#f4fdf8;border-color:#cce8d8}#screen-lb{flex-direction:column}.lb-hero{flex:0 0 28%;min-height:130px;justify-content:center;gap:6px;padding:clamp(12px,3vw,20px)}.lb-back{position:absolute;top:clamp(10px,2.5vw,16px);left:clamp(10px,2.5vw,16px);font-family:var(--font);font-size:clamp(6px,1.8vw,8px);color:var(--white);background:#ffffff1f;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:7px 10px;letter-spacing:1px;cursor:pointer;z-index:10;transition:background .1s}.lb-back:hover{background:#ffffff38}.lb-title{font-size:clamp(14px,5vw,22px);color:var(--white);letter-spacing:3px;text-align:center;z-index:2;text-shadow:2px 2px 0 var(--dark)}.lb-sub{font-size:clamp(5px,1.5vw,7px);color:var(--muted);letter-spacing:2px;z-index:2}.lb-card{flex:1;background:var(--card);border-top:3px solid var(--dark);overflow-y:auto;-webkit-overflow-scrolling:touch}.lb-status{font-size:clamp(7px,2vw,9px);color:var(--muted);text-align:center;padding:24px;letter-spacing:1px}.lb-list{padding:0}.lb-row-header{display:grid;grid-template-columns:44px 1fr auto;gap:8px;padding:10px 16px;background:#f4fdf8;border-bottom:2px solid #d0ead8;position:sticky;top:0}.lb-col-hd{font-size:clamp(5px,1.4vw,7px);color:var(--muted);letter-spacing:1px}.lb-row{display:grid;grid-template-columns:44px 1fr auto;gap:8px;padding:clamp(8px,2vw,12px) 16px;border-bottom:1px solid #e8f4ec;align-items:center}.lb-row:last-child{border-bottom:none}.lb-row.top1{background:#fffbea}.lb-row.top2{background:#f8f8f8}.lb-row.top3{background:#fff6f0}.lb-row.mine{background:#edf8f2;border-left:3px solid var(--green)}.lb-rank{font-size:clamp(8px,2.4vw,12px);color:var(--dark);letter-spacing:1px;text-align:center}.lb-name{font-size:clamp(7px,2vw,9px);color:var(--dark);letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{font-size:clamp(8px,2.4vw,11px);color:var(--green);letter-spacing:1px;text-align:right;text-shadow:1px 1px 0 var(--dark);white-space:nowrap}.lb-row.top1 .lb-score,.lb-row.top2 .lb-score,.lb-row.top3 .lb-score{font-size:clamp(9px,2.8vw,13px)}#screen-locker{flex-direction:column}.lk-hero{flex:0 0 24%;min-height:110px;position:relative;background:radial-gradient(ellipse at 50% -10%,#2d6b50 0%,transparent 55%),linear-gradient(180deg,#0a1e1b,#1a3d2e);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:clamp(12px,3vw,20px)}.lk-title{font-size:clamp(14px,5vw,20px);color:var(--white);letter-spacing:3px;text-align:center;z-index:2;text-shadow:2px 2px 0 var(--dark)}.lk-sub{font-size:clamp(5px,1.4vw,7px);color:var(--muted);letter-spacing:2px;z-index:2}.lk-body{flex:1;background:var(--card);border-top:3px solid var(--dark);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:clamp(12px,3vw,18px) clamp(10px,3vw,16px)}.locker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,2.5vw,14px)}.lk-card{display:flex;flex-direction:column;align-items:center;background:#f4fdf8;border:2px solid #c8e8d4;border-radius:12px;padding:clamp(10px,3vw,14px) 8px clamp(8px,2vw,12px);gap:6px;cursor:pointer;position:relative;transition:transform .1s,box-shadow .1s,border-color .1s}.lk-card:not(.lk-locked):hover{transform:translateY(-2px);box-shadow:0 5px 14px #00000026}.lk-card.lk-selected{border:3px solid var(--green);box-shadow:0 0 0 2px #5fcb8844,0 4px 14px #5fcb8847;background:#edf8f2}.lk-card.lk-locked{cursor:default;background:#f2f2f2;border-color:#d0d0d0;filter:grayscale(.4)}.lk-canvas{image-rendering:pixelated;width:64px;height:64px}.lk-name{font-size:clamp(7px,2.2vw,9px);color:var(--dark);letter-spacing:2px;text-align:center}.lk-status{font-size:clamp(5px,1.6vw,7px);letter-spacing:1px;text-align:center;line-height:1.6}.lk-status-active{color:var(--green)}.lk-status-unlocked{color:var(--muted)}.lk-status-locked{color:#a0a0a0}.lk-sel-dot{position:absolute;top:7px;right:8px;width:10px;height:10px;background:var(--green);border-radius:50%;border:2px solid var(--dark)}.lb-row.mine[data-char=blue] .lb-name,.lb-row.mine[data-char=blue] .lb-score{color:#5b9bd5;text-shadow:1px 1px 0 #163350}.lb-row.mine[data-char=yellow] .lb-name,.lb-row.mine[data-char=yellow] .lb-score{color:#c8a000;text-shadow:1px 1px 0 #4a3800}.lb-row.mine[data-char=red] .lb-name,.lb-row.mine[data-char=red] .lb-score{color:#e05858;text-shadow:1px 1px 0 #3a0f0f}.lb-row.mine[data-char=rainbow] .lb-name,.lb-row.mine[data-char=rainbow] .lb-score{animation:rainbowText 2s linear infinite;text-shadow:none}.lb-row.mine[data-char=blue]{border-left-color:#5b9bd5}.lb-row.mine[data-char=yellow]{border-left-color:#f0c040}.lb-row.mine[data-char=red]{border-left-color:#e05858}.lk-rainbow-text{animation:rainbowText 2s linear infinite}@keyframes rainbowText{0%{color:#e05858}16%{color:#e09040}33%{color:#d0c030}50%{color:#40c880}66%{color:#4090e0}83%{color:#a050e0}to{color:#e05858}}