:root{--bg: #eceae3;--ink: #16140f;--ink-soft: #6b665c;--line: rgba(22, 20, 15, .12);--accent: #5b43d6;--accent-soft: #e9e5fb;--paper: rgba(251, 249, 244, .82);--tray-h: 116px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}html{background:var(--bg)}body{font-family:PingFang SC,Hiragino Sans GB,system-ui,-apple-system,sans-serif;background-color:var(--bg);background-image:radial-gradient(120% 80% at 85% -10%,#f4f1ea 0%,var(--bg) 55%,#e4e1d8 100%);background-repeat:no-repeat;background-attachment:fixed;background-size:100vw 100vh;color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none;user-drag:none}.app{min-height:100vh;padding:22px clamp(20px,5vw,72px) calc(var(--tray-h) + 36px)}.app.step-select{padding-top:0;background:var(--bg)}.app.step-intro,.app.step-narrative{padding-bottom:60px}.app.step-prime{min-height:100vh;display:grid;place-items:center;padding-bottom:60px}.topbar{display:flex;align-items:baseline;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:30px}.logo{font-size:20px;font-weight:800;letter-spacing:8px;color:inherit;text-decoration:none;cursor:pointer}.logo:hover{color:var(--accent)}.sub{font-size:12px;color:var(--ink-soft);letter-spacing:1px}.topnav{margin-left:auto;display:flex;align-items:center;gap:20px}.topnav-link{font-size:13px;letter-spacing:2px;color:var(--ink-soft);text-decoration:none}.topnav-link:hover{color:var(--accent)}.settings{position:relative}.gear{width:38px;height:38px;border-radius:50%;font-size:17px;color:var(--ink-soft);border:1px solid var(--line);display:grid;place-items:center;line-height:1}.gear:hover,.gear.on{color:var(--accent);border-color:var(--accent);transform:rotate(45deg)}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.settings-menu{position:absolute;top:46px;right:0;z-index:41;min-width:168px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 40px #16140f2e;padding:8px;display:flex;flex-direction:column}.settings-cap{font-size:11px;letter-spacing:3px;color:var(--ink-soft);padding:6px 10px 4px}.settings-item{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:11px 10px;font-size:14px;color:var(--ink);text-decoration:none;letter-spacing:1px}.settings-item:hover{background:var(--accent-soft);color:var(--accent)}.settings-item span{color:var(--accent)}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit;transition:.18s}.cta,.go{background:var(--ink);color:#fff;border-radius:0;padding:14px 30px;font-size:15px;letter-spacing:2px}.cta:hover,.go:hover{background:var(--accent)}.cta:disabled,.go:disabled{opacity:.35;cursor:default}.link{color:var(--ink-soft);letter-spacing:1px;padding:12px 4px}.link:hover{color:var(--accent)}.kicker{font-size:13px;letter-spacing:4px;color:var(--accent);text-transform:uppercase}.intro-title{font-size:clamp(34px,6vw,62px);font-weight:300;line-height:1.1;letter-spacing:1px;margin:14px 0 22px}.lead{font-size:17px;color:var(--ink-soft);max-width:56ch;font-weight:300}.notice{list-style:none;padding:0;margin:26px 0 36px;font-size:13px;color:var(--ink-soft)}.notice li{padding-left:18px;position:relative;margin-bottom:6px}.notice li:before{content:"—";position:absolute;left:0;color:var(--accent)}.intro,.recap{max-width:1100px;padding-top:clamp(10px,6vh,70px)}.prime{width:min(720px,100%);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px;max-width:720px;margin:0 auto}.prime-title{font-size:clamp(34px,6vw,58px);font-weight:300;line-height:1.12;letter-spacing:0;margin:0}.prime-lines{display:grid;gap:10px;max-width:46em;color:var(--ink-soft);font-size:clamp(17px,2.1vw,22px);font-weight:300;line-height:1.8}.prime-lines p{margin:0}.prime-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}@media(max-width:900px){.prime-title{font-size:46px;max-width:none}}.sel-head{position:sticky;top:0;z-index:25;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;margin-left:calc(-1*clamp(20px,5vw,72px));margin-right:calc(-1*clamp(20px,5vw,72px));margin-bottom:24px;padding:14px clamp(20px,5vw,72px);background:transparent;border:1px solid transparent;box-shadow:none;transition:background .18s,border-color .18s,box-shadow .18s}.sel-head.is-raised{background:#fbf9f4eb;-webkit-backdrop-filter:blur(16px) saturate(1.08);backdrop-filter:blur(16px) saturate(1.08);border-color:var(--line) transparent;box-shadow:0 14px 34px #16140f14}.sel-index{display:flex;align-items:baseline;gap:6px}.sel-no{font-size:clamp(40px,6vw,64px);font-weight:200;line-height:1;color:var(--accent)}.sel-tot{font-size:16px;color:var(--ink-soft);font-weight:300}.sel-copy{min-width:0}.sel-prompt{font-size:clamp(18px,2.4vw,26px);font-weight:300;margin:0;letter-spacing:.5px}.substep-line{display:flex;align-items:center;gap:16px;margin:8px 0 0;color:var(--ink-soft);font-size:14px;letter-spacing:1px}.substep-line button{padding:0;color:var(--ink-soft);border-bottom:1px solid transparent}.substep-line button.on{color:var(--accent);border-bottom-color:var(--accent)}.sel-tools{display:flex;align-items:center;justify-content:flex-end;gap:18px}.sel-rail{display:flex;gap:6px}.rail{width:26px;height:3px;background:var(--line)}.rail.on{background:var(--accent)}.rail.done{background:var(--ink)}.sel-exit{padding:6px 0;color:var(--ink-soft);font-size:13px;letter-spacing:2px;opacity:0;pointer-events:none;transition:opacity .14s,color .14s}.sel-tools:hover .sel-exit,.sel-tools:focus-within .sel-exit{opacity:1;pointer-events:auto}.sel-exit:hover{color:#c0504d}.exit-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#16140f47;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exit-dialog{width:min(420px,100%);padding:24px;background:#fbf9f4f5;border:1px solid var(--line);box-shadow:0 28px 70px #16140f3d}.exit-dialog h3{margin:0 0 8px;font-size:22px;font-weight:400;letter-spacing:0}.exit-dialog p{margin:0 0 22px;color:var(--ink-soft);font-size:14px}.exit-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(116px,13vw,168px),1fr));gap:clamp(10px,1.2vw,18px)}.gc{position:relative;padding:0;aspect-ratio:3 / 4;overflow:hidden;border-radius:4px;cursor:pointer;background:#ddd9d0;box-shadow:0 1px 2px #16140f1a;transition:transform .16s,box-shadow .16s,filter .16s}.gc img{width:100%;height:100%;object-fit:cover;display:block}.gc:hover{transform:translateY(-4px);box-shadow:0 14px 30px #16140f38;z-index:2}.gc.sel-on{box-shadow:0 0 0 3px var(--accent),0 14px 30px #5b43d64d}.gc.sel-on img{filter:saturate(1.05)}.order{position:absolute;top:0;left:0;min-width:26px;height:26px;padding:0 6px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;display:grid;place-items:center}.used{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:#e0a03a;box-shadow:0 0 0 2px #fff}.pager{display:flex;align-items:center;justify-content:center;gap:26px;margin:26px 0 6px}.pg{font-size:20px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%}.pg:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pg:disabled{opacity:.25;cursor:default}.pg-num{font-size:15px;letter-spacing:2px}.pg-num i{color:var(--ink-soft);font-style:normal}.tray{position:fixed;left:0;right:0;bottom:0;z-index:30;height:var(--tray-h);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(14px,2vw,32px);padding:0 clamp(20px,5vw,72px);background:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.tray-cards{position:relative;align-self:center;min-width:0}.tray-row{position:absolute;left:0;right:0;top:0}.tc{position:absolute;top:50%;transform:translateY(-50%);padding:0;border-radius:3px;overflow:hidden;box-shadow:0 3px 10px #16140f4d;outline:2px solid #fff;transition:transform .14s}.tc:hover{transform:translateY(-58%);z-index:99!important}.tc img{width:100%;height:100%;object-fit:cover;display:block}.tray-act{display:flex;align-items:center;gap:16px;white-space:nowrap}.recap-round{margin:26px 0}.recap-round h3{font-size:15px;font-weight:400;color:var(--ink-soft);margin:0 0 12px}.recap-group{margin:14px 0}.recap-group h4{margin:0 0 8px;color:var(--ink);font-size:13px;font-weight:500;letter-spacing:2px}.recap-cards{display:flex;gap:12px;flex-wrap:wrap}.recap-card{width:96px;border-radius:4px;box-shadow:0 6px 16px #16140f29}@media(max-width:640px){.app{padding-left:18px;padding-right:18px}.topbar{align-items:center;gap:10px}.sub{display:none}.app.step-prime{place-items:start}.prime{gap:18px;padding-top:clamp(120px,22vh,180px)}.prime-title{font-size:38px;max-width:none}.prime-lines{font-size:16px;line-height:1.75}.sel-head{grid-template-columns:1fr;gap:12px;margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.sel-tools{justify-content:space-between}.sel-rail{justify-self:start}.substep-line{gap:12px;flex-wrap:wrap}.grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}.tray{grid-template-columns:1fr auto}.tray-act{gap:8px}.tray-act .link{display:none}}.ad-load{padding:18vh 0;text-align:center;color:var(--ink-soft);letter-spacing:2px}.ad-login{max-width:460px;margin:0 auto;padding-top:16vh}.ad-login .intro-title{margin:12px 0 28px}.ad-login-form{display:flex;gap:10px}.ad-login-form input{flex:1;font:inherit;padding:14px 16px;border:1px solid var(--line);background:#fff9;color:var(--ink);border-radius:0}.ad-login-form input:focus{outline:none;border-color:var(--accent)}.ad-err{color:#c0504d;margin-top:14px}.ad-app{min-height:100vh;display:grid;grid-template-columns:232px 1fr}.ad-side{border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column;background:#ffffff59}.ad-brand{font-weight:800;letter-spacing:4px;font-size:18px;margin-bottom:32px;color:inherit;text-decoration:none;display:block}.ad-brand:hover{color:var(--accent)}.ad-brand span{display:block;font-size:11px;font-weight:400;letter-spacing:3px;color:var(--ink-soft);margin-top:4px}.ad-side nav{display:flex;flex-direction:column;gap:2px;flex:1}.ad-nav{text-align:left;padding:11px 14px;font-size:14px;letter-spacing:1px;color:var(--ink-soft);border-left:2px solid transparent;display:flex;justify-content:space-between;align-items:center}.ad-nav:hover:not(:disabled){color:var(--ink)}.ad-nav.on{color:var(--ink);border-left-color:var(--accent);background:var(--accent-soft)}.ad-nav.soon{cursor:default;opacity:.6}.ad-nav em{font-style:normal;font-size:10px;color:var(--ink-soft);border:1px solid var(--line);padding:1px 6px}.ad-side-foot{display:flex;flex-direction:column;gap:2px}.ad-home{text-align:left;padding:11px 14px;font-size:13px;color:var(--ink-soft);text-decoration:none;letter-spacing:1px}.ad-home:hover{color:var(--accent)}.ad-logout{text-align:left;padding:11px 14px;font-size:13px;color:var(--ink-soft)}.ad-logout:hover{color:#c0504d}.ad-login-back{display:inline-block;margin-top:22px}.ad-main{padding:40px clamp(24px,4vw,56px);max-width:880px}.ad-sec-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.ad-sec-head h2{font-size:26px;font-weight:300;margin:0}.ad-hint{color:var(--ink-soft);font-size:13px;margin:8px 0 0}.ad-add{border:1px solid var(--ink);padding:10px 18px;font-size:13px;letter-spacing:1px}.ad-add:hover{background:var(--ink);color:#fff}.ad-rounds{display:flex;flex-direction:column;gap:12px}.ad-round{display:grid;grid-template-columns:44px 1fr auto;gap:16px;align-items:start;padding:16px;border:1px solid var(--line);background:#fff6}.ad-round-no{font-size:26px;font-weight:200;color:var(--accent);line-height:1.4}.ad-round-body{display:flex;flex-direction:column;gap:8px}.ad-title,.ad-prompt{font:inherit;padding:9px 12px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:0;width:100%;resize:vertical}.ad-title{font-weight:600}.ad-title:focus,.ad-prompt:focus{outline:none;border-color:var(--accent)}.ad-parts{border-top:1px solid var(--line);padding-top:10px}.ad-parts-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.ad-parts-head span{font-size:12px;letter-spacing:2px;color:var(--ink-soft)}.ad-parts-head button,.ad-part-clear{font-size:12px;letter-spacing:1px;color:var(--accent);padding:4px 0}.ad-parts-empty{margin:0;color:var(--ink-soft);font-size:12px}.ad-part{display:grid;grid-template-columns:1fr 30px;gap:8px;align-items:center;margin-top:6px}.ad-part input{font:inherit;font-size:13px;padding:8px 10px;border:1px solid var(--line);background:#ffffffb3;color:var(--ink);border-radius:0}.ad-part input:focus{outline:none;border-color:var(--accent)}.ad-part button{width:30px;height:30px;border:1px solid var(--line);color:var(--ink-soft)}.ad-part button:hover{border-color:#c0504d;color:#c0504d}.ad-part-clear{margin-top:6px;color:var(--ink-soft)}.ad-part-clear:hover{color:#c0504d}.ad-round-ops{display:flex;flex-direction:column;gap:4px}.ad-round-ops button{width:32px;height:30px;border:1px solid var(--line);color:var(--ink-soft);font-size:14px}.ad-round-ops button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.ad-round-ops button:disabled{opacity:.25;cursor:default}.ad-del:hover:not(:disabled){border-color:#c0504d!important;color:#c0504d!important}.ad-bar{position:sticky;bottom:0;margin-top:26px;padding:16px 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);background:linear-gradient(transparent,var(--bg) 40%)}.ad-status{font-size:13px}.ad-status.ok{color:#4f8a6b}.ad-status.err{color:#c0504d}.ad-status.idle{color:var(--accent)}.ad-bar-act{display:flex;align-items:center;gap:14px}@media(max-width:720px){.ad-app{grid-template-columns:1fr}.ad-side{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.ad-side nav{flex-direction:row;flex-wrap:wrap}}.hub{min-height:100vh;padding:22px clamp(20px,5vw,72px) 60px}.hub-main{max-width:1100px;padding-top:clamp(10px,5vh,56px)}.hub-main .intro-title{margin:14px 0 40px}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.hub-tile{display:flex;flex-direction:column;gap:8px;padding:24px;min-height:150px;border:1px solid var(--line);background:#fff6;text-decoration:none;color:var(--ink);transition:.16s;position:relative}.hub-tile:not(.soon):hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 16px 34px #16140f1f}.hub-tile-name{font-size:21px;font-weight:300}.hub-tile-desc{font-size:13px;color:var(--ink-soft);flex:1}.hub-tile-go{font-size:13px;letter-spacing:2px;color:var(--accent)}.hub-tile.soon{opacity:.55}.hub-tile-tag{font-size:11px;color:var(--ink-soft);border:1px solid var(--line);padding:2px 8px;align-self:flex-start}.cv-back{font-size:13px;letter-spacing:1px;color:var(--ink-soft);text-decoration:none}.cv-back:hover{color:var(--accent)}:root{--dot: rgba(22, 20, 15, .05)}.cv-demo{height:100vh;display:flex;flex-direction:column}.cv-demo-bar{display:flex;align-items:center;gap:18px;padding:14px clamp(16px,3vw,32px);border-bottom:1px solid var(--line);background:#ffffff80;flex:none}.cv-demo-bar .sub{margin-right:auto}.cv-seg{display:flex;border:1px solid var(--line)}.cv-seg button{padding:7px 16px;font-size:13px;letter-spacing:1px;color:var(--ink-soft)}.cv-seg button.on{background:var(--ink);color:#fff}.cv-check{font-size:13px;color:var(--ink-soft);display:flex;align-items:center;gap:6px}.cv-count{font-size:13px;color:var(--accent);letter-spacing:1px}.cv-reset{font-size:13px;color:var(--ink-soft);border:1px solid var(--line);padding:7px 14px}.cv-reset:hover{border-color:var(--accent);color:var(--accent)}.cv-board{flex:1;display:flex;min-height:0}.cv-view{position:relative;flex:1;overflow:hidden;touch-action:none;cursor:grab;background:radial-gradient(150% 120% at 50% 20%,#f7f4ee,#e9e5db)}.cv-view.grabbing{cursor:grabbing}.cv-world{position:absolute;top:0;left:0;width:6000px;height:4000px;background-image:radial-gradient(circle,var(--dot) 1.4px,transparent 1.6px);background-size:30px 40px;transition:background-image .6s}.cv-world.show-grid{--dot: rgba(91, 67, 214, .16)}.cv-card{position:absolute;top:0;left:0;border-radius:6px;overflow:hidden;box-shadow:0 6px 20px #16140f38;cursor:grab;touch-action:none;will-change:transform}.cv-card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.cv-card.drag{cursor:grabbing;box-shadow:0 24px 60px #16140f66;filter:saturate(1.06);outline:2px solid rgba(91,67,214,.5)}.cv-hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);font-size:12px;letter-spacing:2px;color:var(--ink-soft);opacity:.6;pointer-events:none;background:#ffffff80;padding:5px 14px;border-radius:999px}.deck{position:absolute;right:28px;bottom:26px;z-index:20;width:78px;height:106px;padding:0;background:none;border:none;cursor:pointer;transition:transform .25s}.deck:hover{transform:scale(1.1) translateY(-6px)}.deck.hot{transform:scale(1.14) translateY(-6px)}.deck-stack{position:absolute;top:0;right:0;bottom:0;left:0}.deck-stack i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;border:1px solid rgba(255,255,255,.28);background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.16) 0 20%,transparent 21%),repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 5px,transparent 5px 11px),linear-gradient(160deg,#6b5bd0,#3d3184);box-shadow:0 8px 22px #16140f47}.deck-stack i:nth-child(1){transform:rotate(-7deg) translate(-3px,2px)}.deck-stack i:nth-child(2){transform:rotate(4deg) translate(3px,-1px)}.deck-stack i:nth-child(3){transform:rotate(-1deg)}.deck.hot .deck-stack i{border-color:#fff;box-shadow:0 0 0 2px #5b43d680,0 12px 26px #5b43d666}.deck-label{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-size:12px;letter-spacing:2px;color:var(--ink-soft);white-space:nowrap}.deck:hover .deck-label,.deck.hot .deck-label{color:var(--accent)}.pk-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:4vh 4vw;background:#1c18126b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:pkfade .28s ease}@keyframes pkfade{0%{opacity:0}to{opacity:1}}.pk{width:min(1120px,96vw);max-height:92vh;background:var(--panel, #fbf9f4);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 40px 100px #00000073;animation:pkrise .3s cubic-bezier(.22,1,.36,1)}@keyframes pkrise{0%{transform:translateY(16px)}to{transform:translateY(0)}}.pk-head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 26px;border-bottom:1px solid var(--line)}.pk-title{font-size:21px;font-weight:300}.pk-prompt{font-size:13px;color:var(--ink-soft);margin-left:14px}.pk-close{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);color:var(--ink-soft);font-size:15px}.pk-close:hover{border-color:var(--accent);color:var(--accent)}.pk-grid{flex:1;overflow-y:auto;padding:22px 26px;display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(94px,9vw,132px),1fr));gap:12px}.pk-card{position:relative;padding:0;aspect-ratio:3 / 4;border-radius:5px;overflow:hidden;cursor:pointer;background:#ddd9d0;box-shadow:0 2px 6px #16140f24;transition:.15s}.pk-card img{width:100%;height:100%;object-fit:cover;display:block}.pk-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #16140f3d}.pk-card.on{box-shadow:0 0 0 3px var(--accent),0 12px 26px #5b43d64d}.pk-order{position:absolute;top:0;left:0;min-width:24px;height:24px;padding:0 6px;background:var(--accent);color:#fff;font-size:12px;font-weight:600;display:grid;place-items:center}.pk-used{position:absolute;top:6px;right:6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#e0a03a;color:#fff;font-size:11px;display:grid;place-items:center;box-shadow:0 0 0 2px #fff}.pk-foot{display:flex;justify-content:space-between;align-items:center;padding:16px 26px;border-top:1px solid var(--line)}.pk-pager{display:flex;align-items:center;gap:18px}.pk-count{font-size:14px;color:var(--ink-soft);margin-right:4px}.pk-count b{color:var(--accent);font-size:16px}.pk-act{display:flex;align-items:center;gap:16px}