:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0f;color:#e8e8e8}body{overflow-x:hidden}.game-shell{max-width:720px;margin:0 auto;padding:1rem;position:relative;min-height:100vh}.btn-primary{background:linear-gradient(135deg,#eab308,#ca8a04);color:#1a1a0a;border:none;padding:.7rem 1.6rem;border-radius:.5rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .15s;letter-spacing:.01em}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #eab3084d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-xl{padding:.9rem 2.2rem;font-size:1.1rem}.btn-secondary{background:#ffffff14;color:#e8e8e8;border:1px solid rgba(255,255,255,.12);padding:.65rem 1.4rem;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-secondary:hover{background:#ffffff24}.btn-ghost{background:none;color:#ffffff80;border:none;padding:.6rem 1.2rem;font-size:.9rem;cursor:pointer;transition:color .15s}.btn-ghost:hover{color:#e8e8e8}.btn-buy{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:.4rem 1rem;border-radius:.35rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s;margin-top:.3rem}.btn-buy:hover:not(:disabled){box-shadow:0 2px 12px #22c55e4d}.btn-buy:disabled{opacity:.4;cursor:not-allowed}.menu-screen{display:flex;flex-direction:column;align-items:center;padding:3rem 1rem;gap:2rem}.menu-title{text-align:center}.title-emoji{font-size:4rem;display:block;margin-bottom:.5rem;filter:drop-shadow(0 4px 20px rgba(234,179,8,.4))}.menu-title h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#fde047,#eab308,#b45309);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.menu-sub{color:#ffffff80;font-size:1.1rem;font-style:italic;margin-top:.3rem}.menu-info{display:flex;flex-direction:column;gap:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:.7rem;padding:1.2rem 1.5rem;width:100%;max-width:380px}.menu-info p{font-size:.88rem;color:#ffffffa6}.hud{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .8rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.6rem;margin-bottom:.75rem;flex-wrap:wrap}.hud-left,.hud-right{display:flex;gap:1rem;align-items:center}.hud-center{text-align:center}.hud-item{display:flex;align-items:center;gap:.3rem}.hud-label{font-size:.85rem}.hud-value{font-size:.85rem;font-weight:600}.depth-indicator{display:flex;flex-direction:column;align-items:center}.depth-label{font-size:.8rem;font-weight:600;color:#eab308}.depth-num{font-size:.65rem;color:#fff6}.energy-bar-wrap{display:flex;align-items:center;gap:.4rem}.energy-bar{width:80px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.energy-fill{height:100%;border-radius:4px;transition:width .3s ease,background .3s ease}.energy-text{font-size:.7rem;color:#ffffff80}.grid-area{display:flex;flex-direction:column;gap:2px}.grid-layer{display:flex;align-items:stretch;gap:2px}.layer-label{writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:#ffffff59;padding:.3rem .25rem;border-right:3px solid;display:flex;align-items:center;justify-content:center;min-width:24px}.layer-cells{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;flex:1}.cell{aspect-ratio:1;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s;position:relative;font-size:clamp(.9rem,3vw,1.3rem);min-height:42px;padding:0}.hidden-cell{color:#ffffff26;font-weight:700}.hidden-cell:hover:not(:disabled){filter:brightness(1.3);transform:scale(1.04);z-index:2}.hidden-cell:active:not(:disabled){transform:scale(.95)}.cell-fog{opacity:.3;font-size:.8rem}.revealed{background:#0000004d!important;cursor:default;animation:revealPop .25s ease}.cell-content{display:flex;flex-direction:column;align-items:center;line-height:1}.cell-emoji{font-size:clamp(1rem,3.5vw,1.5rem)}.cell-value{font-size:.55rem;color:#4ade80;font-weight:700;margin-top:1px}@keyframes revealPop{0%{transform:scale(.6);opacity:.5}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.shake{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.float-container{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:100}.float-text{position:absolute;font-weight:700;font-size:.9rem;white-space:nowrap;animation:floatUp 1s ease-out forwards;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.6)}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-40px) scale(1.2)}}.game-actions{display:flex;justify-content:center;margin-top:1rem}.loot-ticker{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-top:.75rem;padding:.5rem;background:#ffffff08;border-radius:.5rem}.ticker-item{font-size:.8rem;color:#fff9}.energy-warning{text-align:center;margin-top:.75rem;padding:.7rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:.5rem;animation:pulse 1s ease infinite}.energy-warning p{color:#f87171;font-weight:600;font-size:.9rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.summary-screen{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;gap:1.5rem}.summary-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#fde047,#eab308);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-loot{width:100%;max-width:500px}.summary-loot h2{font-size:1rem;color:#fff9;margin-bottom:.75rem;text-align:center}.empty-loot{text-align:center;color:#ffffff59;font-style:italic}.loot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.loot-card{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.7rem .5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:.5rem}.loot-emoji{font-size:1.4rem}.loot-name{font-size:.75rem;color:#fff9}.loot-count{font-size:.7rem;color:#fff6}.loot-total{font-size:.85rem;font-weight:700;color:#4ade80}.summary-total{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem 2rem;background:#eab30814;border:1px solid rgba(234,179,8,.2);border-radius:.7rem}.summary-total span:first-child{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80}.total-amount{font-size:2rem;font-weight:800;color:#eab308}.summary-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.name-input-area{display:flex;gap:.5rem;align-items:center}.name-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:.4rem;padding:.55rem .8rem;color:#e8e8e8;font-size:.9rem;outline:none;width:200px}.name-input:focus{border-color:#eab308}.saved-msg{color:#4ade80;font-weight:600;font-size:.9rem}.leaderboard{width:100%;max-width:380px;margin-top:1rem}.leaderboard h3{text-align:center;font-size:1rem;margin-bottom:.6rem;color:#ffffffb3}.lb-row{display:flex;align-items:center;gap:.6rem;padding:.45rem .8rem;background:#ffffff08;border-radius:.35rem;margin-bottom:2px}.lb-rank{font-size:.75rem;font-weight:700;color:#fff6;min-width:28px}.lb-name{flex:1;font-size:.85rem;color:#ffffffb3}.lb-score{font-size:.85rem;font-weight:700;color:#eab308}.shop-screen{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;gap:1.5rem}.shop-title{font-size:2rem;font-weight:800;color:#22c55e}.shop-balance{font-size:1.1rem;font-weight:700;color:#eab308}.shop-section{width:100%;max-width:500px}.shop-section h2{font-size:1rem;color:#fff9;margin-bottom:.75rem}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem}.shop-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.6rem;transition:border-color .2s}.shop-card.owned{border-color:#4ade804d;background:#4ade800a}.shop-card.available{border-color:#eab3084d}.shop-emoji{font-size:1.6rem}.shop-name{font-size:.8rem;font-weight:600}.shop-power{font-size:.7rem;color:#ffffff73}.shop-cost{font-size:.85rem;font-weight:700;color:#eab308}.shop-owned-badge{font-size:.75rem;color:#4ade80;font-weight:600}.energy-card{grid-column:1 / -1;max-width:250px}@media(max-width:500px){.hud{flex-direction:column;gap:.4rem}.hud-left,.hud-right{justify-content:center}.layer-label{display:none}.cell{min-height:36px}.title-emoji{font-size:3rem}.menu-title h1{font-size:1.8rem}.summary-title,.total-amount{font-size:1.5rem}}