:root{font-family:system-ui,Arial,sans-serif;color:#17202a;background:#e8ffe8}body{margin:0;padding:18px}.card,#game-root{max-width:1180px;margin:auto;background:white;border:4px solid #222;border-radius:18px;padding:18px;box-shadow:8px 8px 0 #111}button,input,select{font:inherit;padding:10px;margin:5px;border:2px solid #222;border-radius:8px}button{background:#ffe066;cursor:pointer;font-weight:700}.danger{background:#ffb4a8}.hidden{display:none!important}.layout{display:grid;grid-template-columns:2fr 1fr;gap:14px;align-items:start}.board{display:grid;grid-template-columns:repeat(7,minmax(86px,1fr));grid-template-rows:repeat(7,minmax(82px,auto));gap:8px;max-width:820px;margin:0 auto;background:#82d66f;border:8px solid #226b36;border-radius:18px;padding:10px}.board-loop-center{grid-column:2/7;grid-row:2/7;border:3px dashed #226b36;border-radius:18px;background:rgba(255,255,255,.82);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;min-height:280px}.board-loop-center span{font-size:.9rem;color:#456}.space{min-height:74px;border:2px solid #222;border-radius:14px;padding:6px;background:#eee;box-shadow:3px 3px 0 rgba(0,0,0,.28);font-size:.82rem;position:relative}.space-start{background:#84fab0}.space-points-positive{background:#b5f5c8}.space-points-negative{background:#ffb3b3}.space-minigame{background:#d7b3ff}.space-steal{background:#ffd180}.space-timewarp{background:#a8d8ff}.space-backstart,.space-goback{background:#ddd}.tokens{position:absolute;bottom:4px;left:4px;display:flex;gap:3px;flex-wrap:wrap}.token{background:#111;color:white;border-radius:999px;min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-weight:bold}.roll-number{font-size:3rem;line-height:1;font-weight:900;background:#ffe066;border:3px solid #222;border-radius:16px;display:inline-block;padding:10px 18px;margin:4px 0}.latest-event{background:#fff8d8}.last-roll{background:#e8f3ff}.panel{border:2px solid #222;border-radius:12px;padding:10px;margin-bottom:12px;background:#f7f7f7}.log{max-height:240px;overflow:auto}.muted{color:#666}.error{color:#b00020;font-weight:bold}@media(max-width:1000px){.layout{grid-template-columns:1fr}.board{grid-template-columns:repeat(7,minmax(74px,1fr));grid-template-rows:repeat(7,minmax(74px,auto))}}@media(max-width:700px){body{padding:8px}.card,#game-root{padding:10px}.board{gap:5px;padding:6px;grid-template-columns:repeat(7,minmax(48px,1fr));grid-template-rows:repeat(7,minmax(64px,auto));border-width:5px}.space{min-height:58px;font-size:.62rem;padding:4px}.board-loop-center{min-height:210px;font-size:.8rem;padding:10px}.board-loop-center span{display:none}.token{min-width:20px;height:20px}}@media(max-width:460px){.board{grid-template-columns:repeat(7,minmax(38px,1fr));grid-template-rows:repeat(7,minmax(56px,auto));gap:3px}.space{min-height:50px;font-size:.52rem}.token{min-width:18px;height:18px}.board-loop-center{font-size:.65rem;min-height:170px}}
.user-row{border-top:1px solid #ddd;padding:10px 0}.reset-password-input{max-width:220px}
.game-row{border-top:1px solid #ddd;padding:10px 0}.button-link{display:inline-block;border:1px solid #222;border-radius:8px;padding:8px 10px;text-decoration:none;background:#f2f2ff;color:#111}