:root{color-scheme:dark;--bg:#111715;--panel:#1c2421;--ink:#edf0e8;--muted:#a2ada5;--line:#37433c;--accent:#c9e8b4;--wood:#c9a46c;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{background:var(--bg);color:var(--ink);touch-action:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.38;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{min-height:44px}h1,h2,p{margin:0}.shell{max-width:1120px;height:100dvh;margin:0 auto;padding:env(safe-area-inset-top) 32px env(safe-area-inset-bottom)}.header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}h1{font-size:24px;font-weight:800;letter-spacing:-1px}h1 span{font-weight:300;color:var(--wood);margin-left:5px}.header-actions{display:flex;align-items:center;gap:20px}.prototype{font-size:12px;letter-spacing:2px;color:var(--muted)}.icon-button,.text-button,.close{background:transparent}.text-button{font-size:14px;color:var(--accent);padding:4px 0}.icon-button{font-size:24px;padding:4px 9px}.game-layout{display:grid;grid-template-columns:minmax(250px,560px) minmax(270px,1fr);gap:64px;align-items:center;height:calc(100% - 88px);padding:20px 0}.play-area{min-height:0;display:flex;flex-direction:column;align-items:stretch;height:100%;justify-content:center}.scorebar,.board-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1.5px;color:var(--muted);flex:none}.scorebar{padding:0 3px 15px}.scorebar b{font-size:16px;font-weight:500;letter-spacing:.7px;color:var(--ink);font-variant-numeric:tabular-nums}.scorebar small{font-size:12px;margin-left:4px}.scorebar>span:first-child{color:var(--wood)}.board-wrap{position:relative;aspect-ratio:5/6;width:100%;max-height:calc(100% - 62px);margin:0 auto;border-radius:16px;padding:9px;background:#513b29;box-shadow:0 20px 40px #0005,inset 0 2px 1px #947248;overflow:hidden}.board-wrap canvas{display:block;width:100%;height:100%;border-radius:9px}.board-foot{padding:14px 2px 0;font-size:12px;letter-spacing:1px}.board-message{position:absolute;left:16px;right:16px;top:39%;padding:19px 18px;background:#15221eed;box-shadow:0 6px 20px #0003;border:1px solid #415145;border-radius:8px;display:flex;flex-direction:column;gap:7px;text-align:center;pointer-events:none}.board-message strong{font-size:25px;letter-spacing:-.8px;font-weight:550}.board-message span{font-size:14px;color:#bac7bd}.board-message[hidden]{display:none}.eyebrow{color:var(--wood);font-size:12px;letter-spacing:2px;margin-bottom:14px}.control-heading h2{font-weight:450;font-size:36px;letter-spacing:-1.8px}.control-heading p{font-size:16px;color:var(--muted);margin-top:9px}.mode-row{display:flex;margin-top:28px;padding:4px;gap:5px;background:#0b110e;border:1px solid var(--line);border-radius:9px}.mode-button{flex:1;background:transparent;font-size:14px;border-radius:5px}.mode-button.selected{background:#303d34;color:#e4f1df;box-shadow:0 1px 4px #0005}.input-status{font-size:14px;line-height:1.45;color:var(--muted);min-height:42px;margin-top:12px}.input-surface{display:flex;gap:23px;align-items:center;margin:16px 0 22px}.pad{position:relative;width:140px;height:140px;background:#151e19;border:1px solid #3a493e;border-radius:50%;flex-shrink:0;touch-action:none;user-select:none}.pad-axis{position:absolute;background:#3a493e}.pad-axis.horizontal{top:50%;left:12%;width:76%;height:1px}.pad-axis.vertical{left:50%;top:12%;height:76%;width:1px}.pad-ring{position:absolute;inset:22px;border:1px solid #344035;border-radius:50%}.pad-knob{position:absolute;left:50%;top:50%;width:30px;height:30px;border:1px solid #d0e4c4;background:#a9c69a;border-radius:50%;box-shadow:0 3px 9px #0007;transform:translate(-50%,-50%);pointer-events:none}.pad-label{display:none;position:absolute;bottom:11px;width:100%;text-align:center;font-size:12px;letter-spacing:1px;color:#a0ad9f;pointer-events:none}.tilt-readout>span{font-size:12px;letter-spacing:1px;color:var(--muted)}.tilt-readout strong{display:block;font-size:33px;font-weight:400;font-variant-numeric:tabular-nums;margin-top:3px}.tilt-readout strong small{font-size:22px;color:var(--muted);margin-left:3px}.tilt-readout>div{font-size:12px;color:var(--muted);margin-top:3px}.tilt-readout button{min-height:30px;margin-top:7px}.play-buttons{display:flex;gap:10px}.primary{background:var(--accent);color:#203021;border-radius:7px;flex:1;font-weight:600;min-height:48px}.secondary{border:1px solid #556250;background:transparent;padding:0 19px;border-radius:7px;font-size:14px}.instructions{display:grid;gap:14px;margin-top:30px}.instructions>div{display:flex;gap:13px;align-items:center;font-size:14px;color:#bdc6bd}.instructions i{font-size:12px;color:var(--wood);font-style:normal;font-variant-numeric:tabular-nums}.control-footer{margin-top:28px;border-top:1px solid var(--line);padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:10px}.control-footer>span{font-size:12px;color:var(--muted)}dialog{width:min(520px,calc(100% - 24px));max-height:88dvh;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;background:#1b2520;color:var(--ink);border:1px solid #526052;border-radius:14px;padding:24px;box-shadow:0 30px 80px #0008}dialog::backdrop{background:#030b08bb;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:12px}.dialog-head h2{font-size:24px;font-weight:500;letter-spacing:-.6px}.close{font-size:28px;min-width:44px}dialog label{display:flex;justify-content:space-between;margin:24px 0 12px;font-size:16px}dialog p{font-size:14px;line-height:1.55;color:var(--muted);margin:14px 0}dialog select{width:100%;height:46px;padding:0 12px;background:#101a14;color:var(--ink);border:1px solid #536251;border-radius:6px}dialog input{width:100%;accent-color:var(--accent);height:28px;touch-action:pan-x}output{font-size:14px;color:var(--accent)}dialog .note{border-top:1px solid var(--line);padding-top:16px;font-size:13px}.legend{display:flex;gap:17px;font-size:12px;color:var(--muted);flex-wrap:wrap}.raw-legend{color:#e5b76f}.filtered-legend{color:#a5e5d0}#trace{width:100%;height:150px;margin-top:12px;background:#101913;border-radius:5px}dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;font-size:13px}dt{color:var(--muted)}dd{text-align:right;margin:0;font-variant-numeric:tabular-nums}.diagnostic-actions{display:flex;gap:20px;align-items:center;margin:20px 0}details{font-size:14px;border-top:1px solid var(--line);padding-top:16px}summary{cursor:pointer;min-height:40px}
@media(min-width:761px){.board-wrap{width:auto;height:min(100%,650px);max-width:100%;flex-shrink:1}.scorebar,.board-foot{width:min(100%,540px);margin:0 auto}}
@media(max-width:760px){.shell{padding-left:16px;padding-right:16px}.header{height:56px}h1{font-size:21px}.header-actions{gap:13px}.prototype{display:none}.game-layout{height:calc(100% - 56px);grid-template-columns:1fr;grid-template-rows:minmax(170px,1fr) auto;gap:12px;padding:10px 0 8px}.play-area{align-items:center}.scorebar{width:min(100%,380px);padding-bottom:9px}.board-wrap{height:calc(100% - 39px);width:auto;max-width:100%;max-height:none;border-radius:13px;padding:7px;flex-shrink:1}.board-foot{width:min(100%,380px);padding-top:8px;font-size:12px}.scorebar small{font-size:12px}.scorebar b{font-size:14px}.controls{max-width:440px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.control-heading,.instructions,.control-footer{display:none}.mode-row{grid-column:1 / -1;margin:0}.mode-button{min-height:38px}.input-status{grid-column:1 / -1;margin-top:7px;min-height:0;font-size:14px;line-height:1.35;height:40px}.input-surface{grid-column:1 / -1;grid-row:3;gap:16px;margin:5px 0 0;pointer-events:none}.pad{width:104px;height:104px;pointer-events:auto}.pad-ring{inset:18px}.pad-label{display:none}.pad-knob{width:25px;height:25px}.tilt-readout{align-self:flex-start;margin-top:5px;max-width:110px;pointer-events:auto}.tilt-readout>span{font-size:12px}.tilt-readout strong{font-size:24px;line-height:1.1}.tilt-readout>div{font-size:12px}.tilt-readout button{font-size:14px;min-height:30px;margin-top:0}.play-buttons{grid-column:2;grid-row:3;align-self:end;justify-self:end;flex-direction:column;width:80px;margin-bottom:2px;gap:7px}.primary{min-height:43px}.secondary{min-height:36px;padding:0 10px;font-size:14px}.board-message{top:35%;padding:13px 8px;left:10px;right:10px}.board-message strong{font-size:21px}.board-message span{font-size:12px}.pad{margin-right:0}}
@media(max-width:370px){.controls{column-gap:9px}.input-surface{gap:10px}.tilt-readout{max-width:88px}.shell{padding-left:12px;padding-right:12px}.header-actions{gap:8px}}
@media(max-height:500px) and (orientation:landscape){.header{height:44px}.game-layout{grid-template-columns:minmax(150px,1fr) minmax(230px,1fr);grid-template-rows:1fr;height:calc(100% - 44px);gap:25px;padding:6px 0}.controls{display:flex;flex-direction:column}.mode-row{margin:0}.input-status{height:31px}.input-surface{margin:5px 0;gap:20px}.play-buttons{flex-direction:row;width:100%;margin-top:7px}.primary{min-height:40px}.board-foot{font-size:12px}.pad{height:91px;width:91px}}