:root{color:#172c35;background:#f2f4f5;font-family:system-ui,sans-serif;font-size:16px}body{margin:0}main{max-width:1440px;margin:auto;padding:20px}h1{margin:12px 0;font-size:1.6rem}a{color:#125175}p{line-height:1.5}header p{color:#415663}.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:20px;display:grid}section,aside{min-width:0}canvas{aspect-ratio:5/3;touch-action:none;background:#174934;width:100%;display:block}fieldset{border:1px solid #bac7cd;border-radius:4px;margin:0 0 12px;padding:12px}label{margin:8px 0;display:block}input,select,button{font:inherit;box-sizing:border-box;max-width:100%;min-height:44px}input,select{border:1px solid #8b9ba5;border-radius:3px;width:100%;padding:6px}button{cursor:pointer;color:#143445;background:#fff;border:1px solid #718592;border-radius:4px;padding:8px 14px}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #087f9c}.buttons{flex-wrap:wrap;gap:6px;display:flex}#error{color:#9d1e24;overflow-wrap:anywhere;min-height:1.5em}#status{font-weight:600}#results{overflow-wrap:anywhere;margin:16px 0}input[type=checkbox]{vertical-align:middle;width:24px}@media (width<=900px){.workspace{grid-template-columns:1fr}main{padding:12px}}.layers{flex-wrap:wrap;gap:16px;display:flex}.note{color:#465963;font-size:.85rem}.event-log{overflow-wrap:anywhere;max-height:220px;padding-left:24px;font-size:.85rem;overflow:auto}.result-card{background:#fff;border:1px solid #bac7cd;border-radius:4px;margin:8px 0;padding:12px}summary{cursor:pointer;min-height:44px;padding-top:8px}#rate{width:auto}#player-editor{padding:8px}#player-info{overflow-wrap:anywhere}.history{padding:0;list-style:none}.history>li{overflow-wrap:anywhere;background:#fff;border:1px solid #bac7cd;margin:10px 0;padding:12px}.history h3{margin:0;font-size:1rem}.history p{font-size:.9rem}.history pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:200px;font-size:.8rem;overflow:auto}