:root{color-scheme:light;--paper:#f4f1e7;--ink:#244842;--muted:#66766b;--line:#d6ddce;--gold:#b17e37;--lavender:#8a7199}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 5% 12%,#e4ecdf,transparent 50%),var(--paper);color:var(--ink);font:14px/1.5 system-ui,sans-serif}main{max-width:1170px;margin:auto;padding:23px 36px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #cad5c3;background:#fff8;border-radius:8px;padding:9px 14px}button:hover{background:#e2eada}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ba8642;outline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px}header>div{display:flex;gap:8px}header button{font-size:11px;padding:7px 10px}.brand{font-size:14px;letter-spacing:.2em;font-weight:750;color:var(--ink);text-decoration:none}.brand span{color:var(--gold);font-size:22px;margin-right:7px}.eyebrow{font-size:9px;letter-spacing:.2em;color:var(--gold);font-weight:750}.intro{padding:23px 0 17px;position:relative}.intro h1{font:53px/1 Georgia,serif;letter-spacing:-.035em;margin:8px 0 12px}.intro>p:last-child{font-size:14px;color:var(--muted);margin:0}.intro:after{content:'✳';position:absolute;right:40px;top:20px;font-size:125px;color:#b7c7ab55;line-height:1}nav{display:flex;gap:7px;margin:0 0 22px}nav button{font-size:11px;width:39px;height:34px;padding:0;position:relative}nav button.current{background:var(--ink);color:#fff;border-color:var(--ink)}nav button.sealed:after{content:'✿';position:absolute;top:-8px;right:-4px;color:#b48740;font-size:12px}nav button.silver:after{color:#718976}nav button.bronze:after{color:#a37e6d}.workspace{display:grid;grid-template-columns:260px 1fr;gap:27px}aside{border:1px solid #d1dbc9;background:#e7eddf70;border-radius:85px 85px 14px 14px;overflow:hidden;align-self:start}.gate-art{text-align:center;padding:22px 28px 10px;background:radial-gradient(ellipse,#f8f6e9,#dce7d5)}.gate-art img{width:170px;height:170px;object-fit:contain;display:block;margin:auto}.gate-art>span{font-size:7px;letter-spacing:.17em;color:var(--muted)}.brief{padding:10px 20px 19px}h2{font:25px/1.15 Georgia,serif;margin:8px 0 10px}.brief>p:not(.eyebrow){font-size:12px;color:var(--muted);min-height:51px}.objective{display:flex;align-items:center;gap:7px;padding:12px 0;border-top:1px solid var(--line)}.objective>img{width:32px;height:32px;object-fit:contain}.objective p{margin:0;display:flex;flex-direction:column}.objective strong{font-size:11px}.objective span{font-size:9px;color:var(--muted)}.stats{display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line)}.stats div{display:flex;flex-direction:column;text-align:center}.stats strong{font:28px Georgia;color:var(--gold)}.stats span{font-size:8px;color:var(--muted)}.quiet{background:transparent;border:0;font-size:10px;margin:0 0 12px 9px;padding:5px 10px}.desk{min-width:0}.desk-top{display:flex;justify-content:space-between;padding:4px 0 14px;font-size:9px;letter-spacing:.12em;font-weight:700}.desk-top span:last-child{color:var(--muted);letter-spacing:0;font-weight:400}.rack-head{display:grid;grid-template-columns:93px 1fr 75px;gap:8px;font-size:9px;color:var(--muted);padding:0 9px 8px}.rack-head>div{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.rack-head>span:last-child{text-align:right}.bead-row{display:grid;grid-template-columns:93px 1fr 75px;gap:8px;align-items:center;border:1px solid #dddcc8;background:#fbf7e980;border-radius:9px;padding:7px 9px;margin-bottom:6px;min-height:44px}.bead-row.bad{background:#eee7f080;border-color:#dbd3df}.bead-row.future{opacity:.55}.bead-row.lost{opacity:.4}.bead-row.delivered{border-color:#aac4a1;background:#e1ecd9}.bead-label{display:flex;flex-direction:column;font-size:11px;font-weight:650}.bead-label small{font-size:8px;font-weight:400;color:var(--muted)}.track{height:32px;position:relative;display:flex;align-items:center;justify-content:space-around;background:linear-gradient(#bbc6af55,#bbc6af55) center/75% 1px no-repeat}.dot{width:7px;height:7px;border-radius:50%;border:1px solid #b1bea5;background:var(--paper)}.token{position:absolute;width:35px;height:35px;object-fit:contain;top:-2px;transform:translateX(-50%);transition:left .22s ease;filter:drop-shadow(0 3px 3px #33452d15)}.ttl{text-align:right;font-size:10px;color:var(--muted)}.ttl.urgent{color:#a04e43;font-weight:700}.key{display:flex;justify-content:center;gap:20px;margin:11px 0;font-size:9px;color:var(--muted)}.key span{display:flex;align-items:center;gap:5px}.key img{width:20px;height:20px;object-fit:contain}details{font-size:10px;border-bottom:1px solid var(--line);padding:3px 0 10px;color:var(--muted)}summary{cursor:pointer}#notebook{display:grid;grid-template-columns:1fr 1fr;gap:4px 15px;padding-top:10px}#notebook span{font-size:9px}.status{margin:13px 0;min-height:46px;padding:11px 14px;border:1px solid #cedbc4;background:#e4eddc70;border-radius:9px;font-size:12px}.status.win{background:#dcebd3;border-color:#9db98f}.status.fail{background:#f1dfd7;border-color:#d2aa97}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.actions button{text-align:left;padding:12px}.actions b{display:block;font:21px Georgia;color:var(--ink)}.actions span{display:block;font-size:9px;color:var(--muted);margin-top:4px}.actions #stamp{background:#e1ead9}.forecast{font-size:10px;color:var(--muted);min-height:31px;margin:9px 0}.tools{display:flex;gap:7px;flex-wrap:wrap}.tools button{font-size:10px;padding:8px 11px}.tools kbd{font:8px system-ui;opacity:.5;margin-left:8px}#next{background:var(--ink);color:#fff}footer{border-top:1px solid var(--line);padding:16px 0;margin-top:27px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}[hidden]{display:none!important}dialog{border:1px solid #c5d1be;background:var(--paper);color:var(--ink);border-radius:17px;padding:30px;max-width:550px;width:calc(100% - 28px);box-shadow:0 30px 100px #102b3655}dialog::backdrop{background:#183d3777;backdrop-filter:blur(4px)}dialog h2{font-size:32px}dialog p,dialog li{font-size:13px;color:var(--muted)}dialog a{color:var(--ink)}#close{float:right;font-size:22px;padding:0 10px}.reward{width:160px;height:160px;object-fit:contain;display:block;margin:10px auto}#complete{text-align:center}#complete button{font-size:12px;margin:4px}@media(max-width:760px){main{padding:17px}.intro{padding:20px 0}.intro h1{font-size:42px}.intro:after{font-size:70px;right:0;top:40px;opacity:.6}.intro>p:last-child{font-size:12px}.workspace{grid-template-columns:1fr;gap:19px}aside{border-radius:17px;display:grid;grid-template-columns:85px 1fr;align-items:center}.gate-art{padding:12px 0;background:transparent}.gate-art img{width:80px;height:95px}.gate-art>span{display:none}.brief{padding:10px 13px 12px}.brief .eyebrow{margin:0}.brief h2{font-size:22px;margin:5px 0}.brief>p:not(.eyebrow){min-height:0;font-size:11px;margin:5px 0}.objective{padding:7px 0;border-top:0}.objective>img{width:24px;height:24px}.objective span{font-size:8px}.stats{padding-top:7px}.stats strong{font-size:24px}.stats span{font-size:8px}.quiet{display:block;grid-column:1/-1;margin:0 auto 7px}nav{margin:0 0 15px;gap:6px}nav button{flex:1;width:auto}.rack-head,.bead-row{grid-template-columns:70px 1fr 53px;gap:4px}.rack-head{font-size:8px}.bead-label{font-size:10px}.bead-label small{font-size:7px}.bead-row{padding:6px;min-height:43px;margin-bottom:5px}.token{width:31px;height:31px;top:0}.ttl{font-size:9px}.desk-top{padding-bottom:11px}.actions{gap:7px}.actions button{padding:11px 8px}.actions b{font-size:20px}.actions span{font-size:8px}.tools button{font-size:10px;padding:8px 10px}.tools kbd{display:none}footer{font-size:8px;gap:8px}.status{font-size:11px}.forecast{font-size:9px}#notebook{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.token{transition:none}}