*{margin:0;padding:0;box-sizing:border-box}:root{--ocra: #c96f3b;--sabbia: #e0a45c;--terra: #8a5a33;--ciano: #57d9f2;--rosso: #d9282f;--oro: #f2c14e}html,body{width:100%;min-height:100%;overflow-x:hidden;background:#1a120c;font-family:-apple-system,Helvetica Neue,Segoe UI,Arial,sans-serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;scroll-behavior:smooth}body.in-game{overflow:hidden;height:100%}#game-root{position:fixed;inset:0;z-index:30;touch-action:none}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block}#landing{color:#ffe9c4}#land-hero{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;background:linear-gradient(#140a0440,#1a120c8c 70%,#1a120c),url(../img/valley_hero.jpg) center 30% / cover no-repeat}#land-logo{width:min(680px,92vw);-webkit-mask-image:radial-gradient(ellipse 64% 48% at center,#000 62%,transparent 88%);mask-image:radial-gradient(ellipse 64% 48% at center,#000 62%,transparent 88%);filter:drop-shadow(0 10px 30px rgba(0,0,0,.55))}#land-tagline{font-size:clamp(17px,2.8vw,27px);font-weight:700;font-style:italic;color:#ffe9c4;text-shadow:0 2px 10px rgba(0,0,0,.75);margin-top:-30px;line-height:1.45}#land-tagline span{color:#f2c14e}.btn-gioca{font-size:clamp(28px,5vw,46px);font-weight:900;letter-spacing:.12em;padding:.55em 2.4em;border:none;border-radius:18px;cursor:pointer;color:#fff;background:linear-gradient(180deg,#ff5b4d,#c11f26);box-shadow:0 7px #7d1216,0 16px 34px #0000008c;text-shadow:0 2px 3px rgba(0,0,0,.35);transition:transform .08s;margin-top:8px}.btn-gioca:hover{transform:translateY(-2px) scale(1.02)}.btn-gioca:active{transform:translateY(4px);box-shadow:0 3px #7d1216,0 8px 16px #00000080}.btn-gioca.btn-small{font-size:clamp(18px,2.6vw,24px)}#land-hint{font-size:clamp(12px,1.7vw,15px);color:#e8c8a0;text-shadow:0 1px 4px rgba(0,0,0,.7)}#land-user{font-size:14px;color:#f2c14e;min-height:20px;font-weight:700}#land-scroll{position:absolute;bottom:18px;font-size:22px;color:#ffe9c4;opacity:.7;animation:bounce-hint 1.8s infinite}@keyframes bounce-hint{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}#land-board,#land-supremo{max-width:980px;margin:0 auto;padding:clamp(40px,8vw,90px) 20px;text-align:center}#land-board h2,#supremo-card h2{font-size:clamp(26px,4.5vw,44px);font-weight:900;letter-spacing:.08em;color:var(--oro);text-shadow:0 3px 0 #6b4a10,0 6px 18px rgba(0,0,0,.5)}.section-sub{color:#d8b48c;font-size:clamp(13px,1.9vw,17px);margin:10px 0 26px;line-height:1.5}#board-medals{display:flex;justify-content:center;gap:clamp(12px,3vw,34px);flex-wrap:wrap;margin-bottom:26px}.medal-legend{display:flex;flex-direction:column;align-items:center;gap:6px}.medal-legend img{width:58px;height:58px;border-radius:50%;box-shadow:0 4px 12px #00000080}.medal-legend span{font-size:12px;color:#d8b48c;letter-spacing:.06em}#board-table-wrap{overflow-x:auto;border-radius:14px;border:2px solid #3a2a1a;background:#0f0a0699}#board-table{width:100%;border-collapse:collapse;font-size:clamp(13px,1.8vw,16px)}#board-table th{padding:12px 10px;color:var(--oro);letter-spacing:.1em;font-size:clamp(11px,1.5vw,13px);border-bottom:2px solid #3a2a1a;text-align:left}#board-table td{padding:10px;border-bottom:1px solid #2a1e12;text-align:left;color:#ffe9c4}#board-table tr:last-child td{border-bottom:none}#board-table td.rank{color:#d8b48c;font-weight:900;width:34px}#board-table td.medals-cell img{width:26px;height:26px;border-radius:50%;margin-right:2px;vertical-align:middle}#board-table td.crown{font-size:15px}.board-empty{text-align:center!important;color:#a8875c!important;padding:26px!important;font-style:italic}#supremo-card{border-radius:22px;padding:clamp(26px,5vw,54px) clamp(16px,4vw,44px);border:3px solid #c9a14e;background:linear-gradient(#1e1205d1,#1e1205e6),url(../img/supremo.jpg) center / cover no-repeat;box-shadow:0 0 60px #f2c14e40,inset 0 0 80px #f2c14e1f}.supremo-vacant{font-size:clamp(20px,3.4vw,32px);font-weight:900;letter-spacing:.14em;color:#f2c14e;margin-bottom:12px}#supremo-empty p:not(.supremo-vacant){color:#e8c8a0;line-height:1.6;font-size:clamp(13px,1.9vw,16px)}#supremo-name{font-size:clamp(30px,5.5vw,54px);font-weight:900;color:#fff;text-shadow:0 0 24px rgba(242,193,78,.8);margin-bottom:14px}#supremo-stats{display:flex;justify-content:center;gap:clamp(14px,3.4vw,40px);flex-wrap:wrap;margin-bottom:14px}.supremo-note{font-size:12px;color:#d8b48c;font-style:italic}#land-footer{text-align:center;padding:34px 20px 44px;color:#8a6f4e;font-size:13px}.modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#0a0603cc;padding:20px}.modal-card{background:linear-gradient(180deg,#2e2013,#1c130a);border:2px solid #c9a14e;border-radius:18px;padding:30px 34px;max-width:420px;width:100%;text-align:center;color:#ffe9c4;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px #0009}.modal-card h3{font-size:24px;font-weight:900;color:var(--oro)}.modal-card p{color:#d8b48c;font-size:14px;line-height:1.5}.modal-card input{font-size:18px;padding:12px 14px;border-radius:10px;border:2px solid #6b4a2e;background:#fff0d6f2;color:#2a1a0c;text-align:center;font-weight:700;outline:none}.modal-card input:focus{border-color:var(--oro)}.btn-ghost{background:none;border:none;color:#a8875c;font-size:13px;cursor:pointer;text-decoration:underline}.credit-packs{display:flex;gap:12px;justify-content:center}.pack{flex:1;font-size:24px;font-weight:900;color:#fff;padding:14px 8px;border:none;border-radius:14px;cursor:pointer;background:linear-gradient(180deg,#4a6a85,#2e4a5c);box-shadow:0 4px #1c2f3d;display:flex;flex-direction:column;gap:4px}.pack span{font-size:12px;font-weight:700;color:#cfe4f0}.pack:active{transform:translateY(3px);box-shadow:none}.pack-best{background:linear-gradient(180deg,#e0a52e,#a8721c);box-shadow:0 4px #6b4a10}.pack-best span{color:#fff2d0}.pack-note{font-size:11px!important;color:#8a6f4e!important}.screen-btns{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.btn-secondary{font-size:clamp(16px,2.4vw,22px);font-weight:900;letter-spacing:.08em;padding:.7em 1.6em;border:2px solid #d8b48c;border-radius:12px;cursor:pointer;color:#ffe9c4;background:#ffffff0f}.save-note{font-size:14px;color:#9fe09a;font-weight:700}.hidden{display:none!important}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}#hud-top-left{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));display:flex;align-items:center;gap:10px}#hud-avatar{width:58px;height:58px;border-radius:50%;border:3px solid #2e4a5c;box-shadow:0 2px 8px #0006,inset 0 0 0 2px #ffffff40;background-image:url(../img/charsheet.jpg);background-size:480%;background-position:10.5% 9%;background-color:#e8b98a}#hud-health{width:min(300px,34vw);height:20px;border-radius:10px;border:3px solid #2e4a5c;background:#141e288c;overflow:hidden;box-shadow:0 2px 8px #0006}#hud-health-fill{height:100%;width:100%;border-radius:7px;background:linear-gradient(90deg,#e33b2e,#f2a13b 70%,#f2d43b);transition:width .15s ease-out}#hud-top-right{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));text-align:right;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.55)}#hud-score{font-size:clamp(22px,3.4vw,34px);font-weight:900;letter-spacing:.04em;color:var(--oro)}#hud-kills{font-size:clamp(14px,2vw,19px);font-weight:700;margin-top:2px}#hud-floor{font-size:clamp(11px,1.5vw,14px);font-weight:800;letter-spacing:.18em;margin-top:4px;color:var(--ciano)}#hud-objective{font-size:clamp(12px,1.7vw,16px);font-weight:700;margin-top:3px;color:#ffe9c4}#fade{position:fixed;inset:0;z-index:40;background:#000;opacity:0;pointer-events:none;transition:opacity .38s ease}#fade.on{opacity:1}#minimap{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));width:130px;height:130px;border-radius:50%;border:3px solid #2e4a5c;box-shadow:0 2px 10px #00000073;background:#b98355}#hud-eggs{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:170px;font-size:22px;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6)}#hud-msg{position:absolute;top:22%;left:50%;transform:translate(-50%);max-width:86vw;padding:14px 28px;border-radius:12px;background:#0f0c08c7;border:2px solid var(--oro);color:#ffe9c4;font-size:clamp(16px,2.6vw,26px);font-weight:800;text-align:center;letter-spacing:.03em;animation:msg-pop .35s cubic-bezier(.2,1.6,.4,1)}@keyframes msg-pop{0%{transform:translate(-50%) scale(.6);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}#hud.hurt:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(217,40,47,.45) 100%);animation:hurt-fade .45s ease-out forwards}@keyframes hurt-fade{0%{opacity:1}to{opacity:0}}#touch-ui{position:fixed;inset:0;z-index:20;pointer-events:none}#stick-zone{position:absolute;left:0;top:0;bottom:0;width:50%;pointer-events:auto}#stick-base{position:absolute;width:120px;height:120px;border-radius:50%;background:#ffffff1f;border:2px solid rgba(255,255,255,.35);display:none}#stick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#ffffff8c;transform:translate(-50%,-50%)}#action-btn{position:absolute;right:max(26px,env(safe-area-inset-right));bottom:max(34px,env(safe-area-inset-bottom));width:104px;height:104px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff7d5e,var(--rosso));border:4px solid rgba(255,255,255,.7);box-shadow:0 4px 18px #00000073;color:#fff;font-weight:900;font-size:17px;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;pointer-events:auto}#action-btn:active{transform:scale(.92)}#death-screen,#victory-screen,#loading-screen{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 50% 110%,rgba(255,158,94,.28),transparent 55%),radial-gradient(ellipse at 50% 40%,#33241a,#171009 75%);color:#ffe9c4}#loading-screen{flex-direction:column;gap:18px}#loading-controls{font-size:clamp(12px,1.7vw,16px);color:#d8b48c}.screen-inner{display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px;max-width:92vw}#btn-retry{font-size:clamp(26px,4.4vw,42px);font-weight:900;letter-spacing:.12em;padding:.55em 2.2em;border:none;border-radius:16px;cursor:pointer;color:#fff;background:linear-gradient(180deg,#ff5b4d,#c11f26);box-shadow:0 6px #7d1216,0 12px 28px #00000080;text-shadow:0 2px 3px rgba(0,0,0,.35);transition:transform .08s}#btn-retry:hover{transform:translateY(-2px)}#btn-retry:active{transform:translateY(3px);box-shadow:0 3px #7d1216,0 6px 14px #00000080}.kbd{display:inline-block;padding:2px 8px;border-radius:6px;border:1px solid #d8b48c;background:#ffffff14;font-weight:700}#death-title{font-size:clamp(30px,6vw,58px);font-weight:900;letter-spacing:.06em;color:var(--rosso);text-shadow:0 3px 0 #5c0f12,0 8px 24px rgba(0,0,0,.6)}#victory-screen{background:radial-gradient(ellipse at 50% 110%,rgba(242,193,78,.35),transparent 60%),radial-gradient(ellipse at 50% 40%,#33241a,#171009 75%)}#victory-title{font-size:clamp(28px,5.4vw,54px);font-weight:900;letter-spacing:.06em;color:var(--oro);text-shadow:0 3px 0 #6b4a10,0 8px 24px rgba(0,0,0,.6)}#victory-sub{font-size:clamp(15px,2.2vw,21px);font-style:italic;color:#f5c99a}#victory-stats{display:flex;gap:clamp(16px,4vw,46px);flex-wrap:wrap;justify-content:center;margin:8px 0 10px}#btn-victory-menu{font-size:clamp(26px,4.4vw,42px);font-weight:900;letter-spacing:.12em;padding:.55em 2.2em;border:none;border-radius:16px;cursor:pointer;color:#3d2c12;background:linear-gradient(180deg,#ffd97a,#e0a52e);box-shadow:0 6px #8a6a1e,0 12px 28px #00000080}#fade.red{background:#7d0f0f}#death-stats{display:flex;gap:clamp(16px,4vw,46px);flex-wrap:wrap;justify-content:center;margin:8px 0 10px}.stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-n{font-size:clamp(26px,4.6vw,44px);font-weight:900;color:var(--oro)}.stat-l{font-size:clamp(11px,1.6vw,14px);letter-spacing:.1em;text-transform:uppercase;color:#d8b48c}#loading-bar{width:min(420px,70vw);height:14px;border-radius:7px;border:2px solid #d8b48c;overflow:hidden}#loading-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--ocra),var(--oro));transition:width .2s}