:root{--ink:#231d29;--plum:#4b2a63;--cream:#fbf4e6;--desk:#e9dfcf;color:var(--ink);font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 30%, #f4ecdf, var(--desk) 70%);grid-template-rows:auto 1fr;grid-template-columns:1fr 260px;min-height:100vh;margin:0;display:grid}.bar{background:#fffaf2;border-bottom:1px solid #d8cbb5;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px 16px;padding:8px 16px;font-size:14px;display:flex}.bar h1{margin:0 8px 0 0;font-size:16px}.seg{border:1px solid #c9b99c;border-radius:8px;gap:10px;padding:2px 8px;display:flex}.seg legend{padding:0 4px;font-size:12px}.desk{flex-direction:column;align-items:center;padding:18px 0 12px;display:flex;position:relative}.binder{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;position:relative}.binder:focus-visible{box-shadow:0 0 0 2px var(--cream), 0 0 0 4px var(--plum)}.page{z-index:1;display:block;position:absolute;box-shadow:0 1px 2px #231d2929}.page[hidden]{display:none}.rings{z-index:90;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;position:absolute}.effects{z-index:85;pointer-events:none;position:absolute;inset:0}.turns{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}button{font:inherit;min-height:44px;color:var(--ink);cursor:pointer;background:#fffaf2;border:1px solid #b9a789;border-radius:10px;padding:0 14px}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--plum);outline-offset:2px}.governor{background:#fffaf2;border:1px solid #c9b99c;border-radius:10px;align-items:center;gap:10px;margin:10px 0 0;padding:8px 12px;display:flex}.governor[hidden]{display:none}.panel{background:#fffaf2;border-left:1px solid #d8cbb5;padding:16px;font-size:13px}.panel h2{margin:0 0 8px;font-size:14px}.panel dl{grid-template-columns:auto 1fr;gap:4px 10px;margin:0;display:grid}.panel dt{color:#5d5168}.panel dd{font-variant-numeric:tabular-nums;margin:0}.hint{color:#5d5168;margin-top:16px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:900px){body{grid-template-columns:1fr}.panel{border-top:1px solid #d8cbb5;border-left:0}}.basket{font-variant-numeric:tabular-nums;background:#fffaf2;border:1px solid #c9b99c;border-radius:999px;align-items:center;gap:6px;margin:0;padding:4px 10px 4px 6px;font-size:13px;display:flex;position:absolute;top:12px;right:16px}.page.is-crumpling{visibility:hidden}