*{margin:0;padding:0;box-sizing:border-box}
body{background:#0f1117;font-family:'Segoe UI',sans-serif;color:#e8e8e8;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}
.screen{display:none;width:100%;height:100vh;align-items:center;justify-content:center;flex-direction:column}
.screen.active{display:flex}
.box{background:#16181f;border:1px solid #2a3550;border-radius:20px;padding:2rem 2.5rem;text-align:center;max-width:460px;width:92%;box-shadow:0 8px 40px rgba(0,0,0,.5)}
.box h1{font-size:1.9rem;color:#fff;margin:.4rem 0 .3rem}
.box p{color:#8a96aa;margin-bottom:1rem;line-height:1.6;font-size:.9rem}
.instructions{text-align:left;background:#1e2130;border-radius:10px;padding:.9rem 1.1rem;margin-bottom:1.2rem}
.inst-row{display:flex;gap:.7rem;align-items:flex-start;font-size:.85rem;color:#b0b8c8;margin-bottom:.4rem}
.inst-row:last-child{margin-bottom:0}
button{background:#2a6dd9;color:#fff;border:none;border-radius:10px;padding:.75rem 2rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .2s;display:block;width:100%;margin-bottom:.6rem}
button:hover{background:#3a7de9}
.back-link{color:#4a90e2;font-size:.85rem;text-decoration:none}

/* Game screen */
#game-screen{justify-content:flex-start;padding-top:0}
#hud{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.5rem .8rem;background:#16181f;border-bottom:2px solid #2a3550;flex-wrap:wrap;gap:.4rem}
.hud-back{color:#4a90e2;text-decoration:none;font-size:.85rem;font-weight:600}
#hud-center{display:flex;gap:1.2rem;font-size:.95rem;font-weight:700}
#money-display{color:#f39c12}
#trips-display{color:#2ecc71}
#tool-bar{display:flex;gap:.4rem}
.tool-btn{background:#1e2130;border:2px solid #2a3550;color:#b0b8c8;border-radius:8px;padding:.35rem .7rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .15s;width:auto;display:inline-block;margin:0}
.tool-btn:hover{border-color:#4a90e2;background:#1e2130}
.tool-btn.active{border-color:#2a6dd9;background:#1a2540;color:#fff}
#canvas{display:block;cursor:crosshair;flex:1}
#status-bar{width:100%;padding:.3rem .8rem;font-size:.8rem;color:#8a96aa;background:#16181f;border-top:1px solid #1e2130;text-align:center}