:root{--font-main: "Outfit", "Noto Sans JP", sans-serif;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--accent-gold: #ffca28;--accent-red: #ff5252;--primary-bg: #121212}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden;background-color:var(--primary-bg);font-family:var(--font-main);color:#fff}#app{width:100vw;height:100vh}#game-container{position:relative;width:100%;height:100%}canvas{display:block;width:100%;height:100%}#hud{position:absolute;top:20px;left:20px;display:flex;gap:25px;padding:12px 24px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #0000004d;z-index:10;pointer-events:auto}.stat{display:flex;align-items:center;font-size:1.1rem;font-weight:700;letter-spacing:.05em}#money-value{color:var(--accent-gold)}#lives-value{color:var(--accent-red)}.label{font-size:.8rem;opacity:.8;margin-right:8px;text-transform:uppercase}#skills-container{position:absolute;bottom:30px;right:30px;display:flex;flex-direction:column;gap:12px;z-index:10}.skill-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;color:#fff;padding:10px 18px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto;text-align:left;min-width:160px}.skill-btn:hover{background:#fff3;transform:translate(-5px);border-color:#ffffff80}.skill-name{font-weight:700;display:block;margin-bottom:2px}.skill-btn small{opacity:.6;font-size:.75rem}#lottery-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:40px;border-radius:24px;border:1px solid var(--glass-border);text-align:center;z-index:100;display:none;box-shadow:0 0 100px #00000080;animation:fadeIn .5s ease-out}#lottery-result{font-size:2.5rem;font-weight:800;margin:25px 0;text-transform:uppercase;letter-spacing:2px}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:60px}h1{font-size:3rem;font-weight:800;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.5);letter-spacing:-1px}
