*{box-sizing:border-box}body{margin:0;background:#112320;color:#e9efe6;font:15px/1.6 system-ui,sans-serif}main{max-width:1130px;margin:auto;padding:36px 24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font:11px/1.5 ui-monospace,monospace;letter-spacing:2px;color:#b8d599}h1{font-size:38px;letter-spacing:-1.5px;line-height:1.2;margin:10px 0}h1 span{font-size:20px;letter-spacing:-.4px;color:#acbdb0}header p{color:#acbdb0;margin:0}.record{text-align:right;font:10px ui-monospace,monospace;letter-spacing:1px}.record strong{display:block;font:32px system-ui;color:#d9f0b6}.layout{display:grid;grid-template-columns:minmax(0,730px) 260px;gap:32px}.arena{background:#edf5e9;border-radius:14px;overflow:hidden;align-self:start;box-shadow:0 18px 60px #0003}.bar{background:#243d34;color:#e8f2db;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font:12px ui-monospace,monospace}button{background:#d9efb5;border:0;border-radius:5px;padding:8px;color:#193027;cursor:pointer}#td-board{padding:12px}canvas{display:block;width:100%!important;height:auto!important;background:white;touch-action:manipulation;outline-offset:3px}h2{font-size:28px;line-height:1.15;margin:12px 0 24px}ol{padding-left:20px;color:#b6c8bd}li{padding-left:5px;margin-bottom:20px}b{display:block;color:#edf2e7}.hint{font-size:12px;color:#aac0b1;border-top:1px solid #34483d;padding-top:14px}details{font-size:12px;color:#b8c9bc}summary{cursor:pointer}a{color:#d7ebb4}footer{margin-top:22px;font:10px ui-monospace,monospace;letter-spacing:2px;color:#8fa895}@media(max-width:880px){.layout{grid-template-columns:1fr}aside{display:none}main{padding:20px 10px}h1{font-size:29px}h1 span{display:block;font-size:17px}.bar{padding:8px;font-size:10px}#td-board{padding:5px}}