@font-face{font-family:TOMfont;src:url(/assets/fonts/TOMfont-Bold.otf) format("opentype");font-weight:700;font-style:normal}:root{--bg-color: #2b1810;--board-bg: #edd4ad;--board-border: #8b5a2b;--board-grid: rgba(139, 90, 43, .25);--card-bg: #3d2314;--accent-gold: #f5a623;--accent-cream: #fff3df;--text-main: #fcf4e8;--text-muted: #d0bba6;--btn-main: #c46824;--btn-main-hover: #db792f;--danger: #e74c3c;--success: #2ecc71}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;background-color:var(--bg-color);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.screen.active{opacity:1;pointer-events:auto}.btn{font-family:TOMfont,sans-serif;cursor:pointer;border:none;outline:none;border-radius:12px;padding:14px 28px;font-size:1.15rem;letter-spacing:.05em;transition:transform .1s ease,background-color .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #0000004d}.btn:active{transform:translateY(2px)}.btn-primary{background:linear-gradient(135deg,#d36b22,#a84e12);color:#fff;border-bottom:3px solid #7a350a}.btn-primary:hover{background:linear-gradient(135deg,#e3772b,#b95816)}.btn-secondary{background:#523420;color:var(--text-muted);border-bottom:3px solid #362215}.btn-secondary:hover{background:#644028;color:#fff}.btn-icon{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--accent-cream);border-radius:8px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:background .2s}.btn-icon:hover{background:#fff3}.btn-small{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:var(--accent-cream);border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .2s}.btn-small:hover{background:#ffffff40}.title-container{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:440px;width:90%;padding:24px;background:#2b1810d9;border-radius:20px;border:1px solid rgba(245,166,35,.3);box-shadow:0 10px 30px #00000080}.logo-badge{font-family:TOMfont,sans-serif;font-size:.8rem;letter-spacing:.2em;color:var(--accent-gold);background:#f5a62326;padding:4px 12px;border-radius:12px;margin-bottom:12px;border:1px solid rgba(245,166,35,.3)}.game-title{font-family:TOMfont,sans-serif;font-size:2.3rem;line-height:1.2;color:var(--accent-cream);text-shadow:2px 2px 0px #1a0f0a,0 0 15px rgba(245,166,35,.4);margin-bottom:6px}.subtitle{font-size:.85rem;letter-spacing:.15em;color:var(--text-muted);margin-bottom:20px}.title-high-score{display:flex;gap:12px;align-items:center;background:#0000004d;padding:8px 18px;border-radius:10px;font-size:.95rem;font-weight:700;color:var(--accent-gold);margin-bottom:24px;border:1px solid rgba(245,166,35,.2)}.how-to-play-box{margin-top:18px;background:#00000040;padding:12px 14px;border-radius:10px;font-size:.82rem;line-height:1.5;color:var(--text-muted);text-align:left}.guide-title{font-weight:700;color:var(--accent-gold);margin-bottom:4px;text-align:center}.credits{margin-top:20px;font-size:.75rem;color:#fff6}#screen-game{padding:6px;justify-content:space-between}.game-header{width:100%;max-width:820px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--card-bg);border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 10px #0000004d;z-index:10}.header-left,.header-right{display:flex;align-items:center;gap:8px}.header-center{flex:1;display:flex;justify-content:center;margin:0 10px}.stat-badge{display:flex;flex-direction:column;background:#0000004d;padding:4px 10px;border-radius:8px;min-width:64px;text-align:center}.stat-label{font-size:.65rem;font-weight:700;color:var(--text-muted);letter-spacing:.05em}.stat-value{font-family:TOMfont,sans-serif;font-size:1.1rem;color:var(--accent-gold)}.time-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:150px}.time-bar-wrapper{width:100%;height:8px;background:#0006;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.time-bar-fill{height:100%;width:100%;background:linear-gradient(90deg,#2ecc71,#f1c40f);transition:width .1s linear,background-color .3s}.time-bar-fill.danger{background:#e74c3c;animation:pulse-danger .5s infinite alternate}@keyframes pulse-danger{0%{opacity:.7}to{opacity:1}}.time-text{font-family:TOMfont,sans-serif;font-size:.85rem;color:var(--accent-cream);margin-top:3px}.game-board-container{position:relative;display:flex;align-items:center;justify-content:center;flex:1;width:100%;max-width:820px;touch-action:none}#game-canvas{background-color:var(--board-bg);border-radius:12px;box-shadow:0 8px 24px #0006,inset 0 0 10px #00000026;border:3px solid var(--board-border);cursor:crosshair}.game-footer{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;z-index:10}.combo-text{font-family:TOMfont,sans-serif;font-size:1.1rem;color:var(--accent-gold);height:1.3rem;text-shadow:0 0 8px rgba(245,166,35,.6);transition:transform .1s ease}.hint-text{font-size:.8rem;color:var(--text-muted)}.result-container{display:flex;flex-direction:column;align-items:center;max-width:400px;width:90%;padding:24px;background:var(--card-bg);border-radius:20px;border:2px solid var(--accent-gold);box-shadow:0 12px 36px #0009;text-align:center}.result-badge{font-family:TOMfont,sans-serif;font-size:.9rem;letter-spacing:.2em;color:#fff;background:#e74c3c;padding:4px 14px;border-radius:12px;margin-bottom:8px}.result-badge.complete{background:#2ecc71}.result-title{font-family:TOMfont,sans-serif;font-size:2rem;color:var(--accent-cream);margin-bottom:16px}.result-card{width:100%;background:#00000059;border-radius:14px;padding:16px;margin-bottom:24px;border:1px solid rgba(255,255,255,.1)}.result-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:.95rem}.row-label{color:var(--text-muted)}.row-value{font-family:TOMfont,sans-serif;font-size:1.15rem;color:var(--accent-cream)}.bonus-row .row-value{color:var(--accent-gold)}.result-divider{height:1px;background:#ffffff26;margin:8px 0}.total-row .row-label{font-size:1.05rem;font-weight:700;color:var(--accent-cream)}.total-row .highlight{font-size:1.6rem;color:var(--accent-gold);text-shadow:0 0 10px rgba(245,166,35,.5)}.new-record{margin-top:10px;padding:4px;background:linear-gradient(90deg,#f5a623,#f1c40f);color:#2b1810;font-family:TOMfont,sans-serif;font-size:.9rem;border-radius:6px;font-weight:700;animation:pulse-record .8s infinite alternate}.new-record.hidden{display:none}@keyframes pulse-record{0%{transform:scale(.98)}to{transform:scale(1.02)}}.result-actions{display:flex;flex-direction:column;gap:10px;width:100%}