:root{color-scheme:dark;--bg: #080d19;--surface: #10192b;--surface-2: #17233a;--border: #273650;--gold: #f5c451;--gold-light: #ffe39a;--text: #f5f7fc;--muted: #95a4bb;--green: #43d9a3;--red: #ff6277}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top,#172442 0%,transparent 48%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.07);background:#080d19d9}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-size:17px;font-weight:900;letter-spacing:1px}.brand-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--gold-light),#c88c20);color:#111827;font-size:23px;font-weight:950;box-shadow:0 5px 18px #f5c45129}.gold{color:var(--gold)}.icon-button{width:42px;height:42px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--gold);font-size:21px}.container{width:min(100% - 28px,650px);margin:0 auto;padding:26px 0 35px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.eyebrow{margin:0 0 3px;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:2.5px}h1,h2,p{margin-top:0}h1{margin-bottom:5px;font-size:clamp(28px,7vw,38px);line-height:1.2;letter-spacing:-1px}h2{margin-bottom:5px;font-size:17px}.muted{color:var(--muted)}.small{font-size:12px}.welcome .muted{margin-bottom:0;font-size:13px}.demo-badge{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(67,217,163,.25);border-radius:30px;background:#43d9a314;color:var(--green);white-space:nowrap;font-size:9px;font-weight:800;letter-spacing:.5px}.demo-badge span,.status-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--green)}.balance-card,.game-card,.history-card,.settings-card{margin-bottom:18px;padding:20px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,#131e33fa,#0d1627fa);box-shadow:0 12px 30px #0000001f}.balance-card{display:flex;align-items:center;justify-content:space-between;border-color:#f5c45138;background:radial-gradient(circle at 90% 20%,rgba(245,196,81,.1),transparent 45%),var(--surface)}.balance-card p{margin-bottom:4px}.balance-card h2{font-size:20px}.balance-icon{display:grid;place-items:center;width:49px;height:49px;border:1px solid rgba(245,196,81,.28);border-radius:16px;background:#f5c4511a;color:var(--gold);font-size:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.section-heading p{margin-bottom:0}.board-count{padding:6px 9px;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:10px;font-weight:800;white-space:nowrap}.controls{margin-bottom:18px}.controls label{display:block;margin-bottom:10px;color:var(--muted);font-size:12px}.trap-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.trap-option{min-height:42px;padding:8px 4px;border:1px solid var(--border);border-radius:11px;background:#0b1323;color:var(--muted);font-size:12px;font-weight:800;transition:border-color .2s,background .2s,color .2s}.trap-option.active{border-color:var(--gold);background:#f5c4511c;color:var(--gold-light)}.trap-option:disabled{cursor:not-allowed;opacity:.55}.game-status{display:flex;align-items:center;gap:9px;margin-bottom:13px;color:var(--muted);font-size:12px}.game-status .status-dot{width:8px;height:8px}.game-status.is-trap{color:var(--red)}.game-status.is-trap .status-dot{background:var(--red)}.game-status.is-safe{color:var(--green)}.game-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(6px,2vw,10px);width:100%;margin:0 auto 20px}.tile{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;padding:0;overflow:hidden;border:1px solid #304461;border-radius:clamp(8px,2.5vw,13px);background:linear-gradient(145deg,#233652,#14233b);color:var(--gold);box-shadow:inset 0 1px #ffffff0b,0 3px #0a1120;font-size:clamp(20px,6vw,30px);transition:transform .15s ease,border-color .15s ease,background .2s ease;-webkit-tap-highlight-color:transparent}.tile:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 60%);pointer-events:none}.tile:not(:disabled):active{transform:scale(.94)}.tile:not(:disabled):hover{border-color:#f5c451bf}.tile:disabled{cursor:default;opacity:1}.tile.safe{border-color:#43d9a373;background:linear-gradient(145deg,#154b43,#12352f);color:#8dffcf;animation:reveal .25s ease-out}.tile.trap{border-color:#ff62778c;background:linear-gradient(145deg,#652c42,#351c30);color:#ff9bab;animation:reveal .25s ease-out}.tile.safe:after{content:"";position:absolute;width:30%;height:30%;border-radius:50%;background:#43d9a324;filter:blur(8px)}.tile .tile-symbol{position:relative;z-index:1}@keyframes reveal{0%{transform:scale(.83);opacity:.6}to{transform:scale(1);opacity:1}}.game-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;padding:13px 8px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:#050b1659}.stat{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.stat .small{font-size:9px;letter-spacing:.3px}.stat strong{font-size:21px}.primary-button{width:100%;min-height:49px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--gold-light),#e6ad36);color:#1b1b20;font-size:14px;font-weight:900;box-shadow:0 5px 18px #f5c45121;transition:filter .2s,transform .2s}.primary-button:hover{filter:brightness(1.06)}.primary-button:active{transform:scale(.99)}.primary-button:focus-visible{outline-color:#fff}.disclaimer{margin:12px 0 0;color:var(--muted);font-size:10px;line-height:1.6;text-align:center}.text-button{padding:6px 0 6px 8px;border:0;background:transparent;color:var(--gold);font-size:12px;font-weight:700}.history-list{display:grid;gap:9px}.history-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#050b164d}.history-item strong{display:block;font-size:12px}.history-item .muted{display:block;margin-top:3px;font-size:10px}.history-result{font-size:11px;font-weight:800}.history-result.safe{color:var(--green)}.history-result.trap{color:var(--red)}.empty-state{margin:0;padding:20px 8px;color:var(--muted);font-size:12px;text-align:center}.settings-card[hidden]{display:none}.settings-card h2{margin:0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.setting-row strong,.setting-row .muted{display:block}.setting-row .muted{margin-top:4px}.setting-row input{width:20px;height:20px;accent-color:var(--gold)}.settings-card>.muted{margin:15px 0 0;line-height:1.7}footer{padding:10px 0;text-align:center}footer p{margin-bottom:4px;font-size:11px}@media(min-width:600px){.container{padding-top:35px}.game-card,.history-card,.settings-card{padding:25px}.tile{border-radius:14px}}@media(max-width:360px){.container{width:calc(100% - 18px)}.balance-card,.game-card,.history-card,.settings-card{padding:15px;border-radius:16px}.welcome{align-items:flex-start;flex-direction:column}.demo-badge{align-self:flex-start}.tile{border-radius:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}