@font-face{font-family:"WordCraft Baskerville";src:local("Baskerville Old Face"),local("Baskerville");font-display:swap}
:root{--black:#030403;--paper:#f7f6f2;--muted:#a7a7a2;--line:#ededeb;--soft:#111210;--wordmark:"WordCraft Baskerville",Baskerville,"Iowan Old Style","Palatino Linotype",serif;--serif:Georgia,"Times New Roman",serif;--body:Georgia,"Times New Roman",serif}
.account-actions{display:flex;align-items:center;justify-content:space-between;gap:24px}.account-actions .text-button{margin-left:auto;text-align:right}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.dialog-heading h2{margin:0}.dialog-heading .close{float:none;flex:0 0 auto}
.password-line{position:relative;display:block}.password-line input{padding-right:72px}.confirm-password-line input{padding-right:12px}.password-visible{position:absolute;z-index:1;left:13px;right:72px;top:8px;height:calc(100% - 9px);overflow:hidden;display:flex;align-items:center;background:#0b0c0b;color:var(--paper);font:17px/1.45 var(--body);white-space:pre;pointer-events:none;visibility:hidden}.confirm-password-line .password-visible{right:13px}.password-visible.revealing{visibility:visible;animation:reveal-password .56s steps(12,end) both}@keyframes reveal-password{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.password-reveal{position:absolute;z-index:2;right:0;top:7px;height:calc(100% - 7px);border:0;background:none;color:var(--muted);padding:0 12px;font:italic 13px var(--body);cursor:pointer;touch-action:none;user-select:none}.password-reveal:hover,.password-reveal:focus-visible{color:var(--paper);outline:none}.confirm-password-choice{display:block;margin:12px 0 0 auto;border:0;background:none;color:var(--muted);padding:0;font:italic 13px var(--body);cursor:pointer}.confirm-password-choice:hover,.confirm-password-choice:focus-visible{color:var(--paper);outline:1px solid #777;outline-offset:4px}
.plain-form{max-width:none;margin:0}.plain-form button{font:inherit!important}
.depth-switch{display:flex;gap:28px;border-bottom:1px solid #666;margin:-28px 0 64px;padding-bottom:12px}.depth-switch button{border:0;background:none;color:#777;padding:0;cursor:pointer;font:italic 18px var(--body)}.depth-switch button i{display:block;font-size:12px;margin-top:2px}.depth-switch button.selected{color:var(--paper)}#creator-form[data-depth="simple"] .guided-plus,#creator-form[data-depth="simple"] .deep-only,#creator-form:not([data-depth="simple"]) .simple-only,#creator-form[data-depth="guided"] .deep-only{display:none}
*{box-sizing:border-box}html{background:var(--black);color:var(--paper)}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 38%,#080908 0,var(--black) 72%);font:17px/1.55 var(--body)}button,input,textarea,select{font:inherit}.hidden{display:none!important}.grain{position:fixed;inset:0;pointer-events:none;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.threshold,.portal{min-height:100svh;position:relative;overflow:hidden}.home-mark{padding-top:18px;text-align:center;font:400 clamp(78px,8.1vw,112px)/1 var(--serif);letter-spacing:-.045em}.home-rule{height:5px;background:var(--line);width:min(61vw,828px);margin:48px auto 0}.enter-wordcraft{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);border:0;background:none;color:var(--paper);font:italic 400 clamp(56px,5.4vw,76px)/1 var(--serif);cursor:pointer;padding:20px 38px}.enter-wordcraft:hover,.enter-wordcraft:focus-visible{transform:translate(-50%,-50%) scale(1.035);outline:none}.portal-choices{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;margin:25px 4.6vw 0;gap:7vw}.portal-choices button{border:0;background:none;color:var(--paper);cursor:pointer;padding:0;text-align:center}.portal-choices strong{display:block;font:400 clamp(43px,4vw,58px)/1.02 var(--serif);letter-spacing:-.045em;white-space:nowrap}.portal-choices span{display:block;margin-top:10px;font:400 clamp(22px,2vw,30px)/1 var(--serif);letter-spacing:-.04em}.portal-choices button:hover strong,.portal-choices button:focus-visible strong{font-style:italic}.portal-choices button:focus-visible{outline:1px solid var(--paper);outline-offset:10px}.portal-quote{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);margin:0;white-space:nowrap;text-align:center;font:italic 400 clamp(23px,2vw,30px)/1.25 var(--serif);letter-spacing:-.035em}.portal-quote span{display:block}
.deep-header{height:118px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(18px,5vw,72px);border-bottom:2px solid #d8d8d5;position:sticky;top:0;z-index:8;background:rgba(3,4,3,.94)}.deep-header button{border:0;background:none;color:var(--paper);cursor:pointer}.back-mark{justify-self:start;font:italic 34px/1 var(--body);letter-spacing:-.12em}.small-wordmark{font:400 52px/1 var(--serif);letter-spacing:-.04em}.account-link{justify-self:end;font-style:italic;color:#c6c6c1!important}.view{display:none;max-width:1100px;margin:auto;padding:76px 5vw 130px}.view.active{display:block}.page-heading{max-width:790px;margin-bottom:72px}.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--muted);margin:0 0 15px}.page-heading h1,.profile-head h1{font:400 clamp(54px,7vw,92px)/.94 var(--serif);letter-spacing:-.045em;margin:0}.page-heading>p:last-child{max-width:650px;font-size:20px;color:#b9b9b4}.library-tools{display:flex;border-bottom:1px solid #777;padding-bottom:10px;gap:16px}.library-tools input{flex:1;border:0;background:none;color:var(--paper);font:italic 17px var(--body);outline:0}.library-tools button,.text-button{border:0;background:none;color:var(--muted);font-style:italic;cursor:pointer}.story-list{margin-top:10px}.story-entry{display:grid;grid-template-columns:1fr auto;gap:30px;width:100%;text-align:left;padding:28px 0;border:0;border-bottom:1px solid #30312f;background:none;color:var(--paper);cursor:pointer}.story-entry h2{font:400 37px/1 var(--serif);margin:0 0 8px}.story-entry p{margin:0;color:var(--muted)}.story-meta{text-align:right;font-size:14px;white-space:nowrap}.plain-links{border-top:1px solid #777}.plain-links a,.plain-links button{display:flex;justify-content:space-between;width:100%;border:0;border-bottom:1px solid #30312f;padding:25px 0;background:none;color:var(--paper);text-decoration:none;text-align:left;font:400 31px var(--serif);cursor:pointer}.plain-links span{font-family:var(--body);font-style:italic}
form{max-width:820px}fieldset{border:0;border-top:1px solid #777;margin:0;padding:28px 0 48px}legend{font:400 32px var(--serif);padding:0 22px 0 0}legend span{font:italic 13px var(--body);color:var(--muted)}label{display:block;margin:18px 0 0;font-size:14px}input,textarea,select{display:block;width:100%;margin-top:7px;padding:13px 12px;border:1px solid #3d3f3c;border-radius:0;background:#0b0c0b;color:var(--paper);font:17px/1.45 var(--body)}input:focus,textarea:focus,select:focus{outline:1px solid #aaa;outline-offset:1px}textarea{resize:vertical}.checks{display:grid;grid-template-columns:1fr 1fr;gap:5px 30px}.checks label,.check{display:flex;align-items:center;gap:9px}.checks input,.check input{width:auto;margin:0}.field-note,.quiet{font-size:14px;color:var(--muted)}.repeat-row{border-left:1px solid #555;padding:8px 20px 22px;margin:18px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.remove{display:block;margin:14px 0 0 auto;border:0;background:none;color:var(--muted);cursor:pointer}.form-actions{display:flex;align-items:center;gap:22px;position:sticky;bottom:0;background:rgba(3,4,3,.96);padding:18px 0;border-top:1px solid #333}.form-actions span{margin-right:auto;color:var(--muted);font-style:italic;font-size:14px}.primary{border:0;background:var(--paper);color:#050505;padding:12px 22px;cursor:pointer}.profile-head{padding-bottom:35px;border-bottom:1px solid #777}.error{color:#e3a3a3}.story-start-options{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;border-top:1px solid #666;border-left:1px solid #666}.story-start-options button{min-height:125px;border:0;border-right:1px solid #666;border-bottom:1px solid #666;background:none;color:var(--paper);padding:20px;text-align:left;cursor:pointer}.story-start-options strong,.story-start-options span{display:block}.story-start-options strong{font:400 25px/1.05 var(--serif)}.story-start-options span{margin-top:8px;color:var(--muted);font:italic 13px var(--body)}.story-spectate-link{display:block;margin:20px 0 0 auto;border:0;background:none;color:var(--muted);font:italic 13px var(--body);cursor:pointer}
dialog{width:min(650px,calc(100% - 28px));max-height:90vh;overflow:auto;border:1px solid #555;background:#070807;color:var(--paper);padding:38px;box-shadow:0 20px 90px #000}dialog::backdrop{background:#000c}dialog h2{font:400 46px/1 var(--serif);letter-spacing:-.035em}.close{float:right;border:0;background:none;color:var(--paper);font-size:28px;cursor:pointer}pre{white-space:pre-wrap;font:12px/1.5 ui-monospace,monospace;background:#020302;border:1px solid #333;color:#ccc;padding:18px;overflow:auto}.join-key{font:italic 42px/1 var(--serif);letter-spacing:.08em;border-top:1px solid #555;border-bottom:1px solid #555;padding:20px 0;text-align:center}.game-controls{display:flex;justify-content:flex-end;gap:22px;margin:-48px 0 42px}.game-pages{max-width:760px;margin-bottom:70px}.game-page{border-top:1px solid #343532;padding:30px 0 18px}.game-page>p:last-child{font-size:20px;line-height:1.7}.game-action{max-width:820px;position:sticky;bottom:0;background:rgba(3,4,3,.97);padding-top:12px}.game-action textarea{background:#050605}.game-action .form-actions{position:static}.game-action label{font-style:italic;color:var(--muted)}
@media(max-width:700px){body{background:radial-gradient(ellipse at 50% 25%,#0a0b0a,var(--black) 72%)}.threshold,.portal{min-height:100svh;overflow:visible}.home-mark{padding-top:25px;font-size:62px}.home-rule{height:3px;width:calc(100% - 36px);margin-top:30px}.enter-wordcraft{top:48%;font-size:48px}.portal-choices{display:flex;flex-direction:column;align-items:center;margin:76px 18px 0;gap:92px}.portal-choices button{width:100%}.portal-choices button[data-route="storymode"]{order:1}.portal-choices button[data-route="stories"]{order:2}.portal-choices button[data-route="create"]{order:3}.portal-choices strong{font-size:48px;white-space:normal}.portal-choices span{font-size:25px;margin-top:8px}.portal-quote{position:static;transform:none;width:calc(100% - 50px);margin:140px auto max(28px,env(safe-area-inset-bottom));white-space:normal;text-align:center;font-size:22px;line-height:1.35}.deep-header{height:76px;grid-template-columns:1fr auto 1fr;padding:0 17px}.small-wordmark{font-size:34px}.back-mark{font-size:27px}.account-link{font-size:13px}.view{padding:52px 18px 105px}.page-heading{margin-bottom:52px}.page-heading h1{font-size:52px}.page-heading>p:last-child{font-size:17px}.story-entry{grid-template-columns:1fr;gap:12px}.story-meta{text-align:left}.checks,.two{grid-template-columns:1fr}.form-actions{gap:10px;margin:0 -18px;padding:13px 18px}.form-actions #preview{display:none}.form-actions span{max-width:110px;line-height:1.2}.primary{padding:11px 15px}dialog{padding:26px 20px}}
@media(prefers-reduced-motion:no-preference){.threshold,.portal,#deeper{animation:appear .2s ease-out}@keyframes appear{from{opacity:0}to{opacity:1}}}
@media(prefers-reduced-motion:reduce){.password-visible.revealing{animation:none}}
.market-live-tools{display:flex;align-items:center;gap:28px}.session-filter{display:flex;gap:24px;border-bottom:1px solid #777;padding-bottom:11px}.session-filter button,.join-by-key{border:0;background:none;color:#777;padding:0;font:italic 17px var(--body);cursor:pointer}.session-filter button.selected,.join-by-key{color:var(--paper)}.join-by-key{padding-bottom:11px;white-space:nowrap}.public-instance-list>.quiet{margin:24px 0 0}.public-instance{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;padding:26px 0;border:0;border-bottom:1px solid #30312f;background:none;color:var(--paper);text-align:left;cursor:pointer}.public-instance h2{font:400 35px/1 var(--serif);margin:4px 0}.public-instance p{margin:0;color:var(--muted);font-size:14px}.session-state{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:10px}.session-seats{text-align:right;font-style:italic}.session-seats small{display:block;color:var(--muted);font-style:normal}.session-utilities{margin-top:100px;padding-top:14px;border-top:1px solid #282927;text-align:right}.session-utilities button{border:0;background:none;color:#777;font:italic 13px var(--body);cursor:pointer}
@media(max-width:700px){.public-instance{grid-template-columns:1fr;gap:12px}.session-seats{text-align:left}.story-start-options{grid-template-columns:1fr}.story-start-options button{min-height:96px}.story-start-options strong{font-size:27px}}
.market-live{margin-top:110px;padding:34px clamp(18px,4vw,58px) 0;border-top:1px solid #777}.market-live-top{margin-top:0;padding-bottom:34px}.market-library{border-top:1px solid #777}.main-world-wait{margin-top:100px;color:var(--muted);font-style:italic}

/* Marketplace: an exhibition wall, not a stack of application cards. */
#stories-view{max-width:none;padding:0 0 130px}.market-heading{min-height:285px;display:grid;grid-template-columns:1fr minmax(300px,520px);align-items:end;gap:50px;padding:62px clamp(18px,4vw,58px) 34px}.market-heading h1{font:400 clamp(54px,7vw,92px)/.94 var(--serif);letter-spacing:-.045em;margin:0}.market-heading .library-tools{align-self:end}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-left:1px solid #777}.story-tile{position:relative;display:block;width:100%;min-height:clamp(360px,49vw,720px);overflow:hidden;border:0;border-right:1px solid #777;border-bottom:1px solid #777;background:#090a09;color:var(--paper);padding:0;text-align:left;cursor:pointer}.story-tile img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.04);transition:filter .25s ease,transform .55s cubic-bezier(.2,.7,.2,1)}.story-tile:hover img,.story-tile:focus-visible img{filter:saturate(1) contrast(1.08);transform:scale(1.012)}.story-tile:focus-visible{outline:2px solid var(--paper);outline-offset:-2px;z-index:1}.story-tile-label,.story-tile-foot{position:absolute;z-index:2;background:var(--paper);color:#050505;padding:4px 7px;font:400 16px/1.08 var(--body);box-decoration-break:clone;-webkit-box-decoration-break:clone}.story-tile-title{top:0;left:0;max-width:72%;font-weight:bold}.story-tile-by{top:28px;left:0;font-size:13px;font-style:italic}.story-tile-foot{right:0;bottom:0;font-size:12px;font-style:italic}.story-tile-words{height:100%;min-height:inherit;display:flex;align-items:flex-end;padding:clamp(82px,10vw,150px) clamp(26px,5vw,72px) clamp(55px,6vw,90px);font:italic 400 clamp(34px,4.5vw,70px)/1.02 var(--serif);letter-spacing:-.035em;white-space:pre-wrap}.story-tile.has-words:nth-child(4n+2){background:#e9e8e3;color:#050505}.story-tile.has-words:nth-child(4n+2) .story-tile-label,.story-tile.has-words:nth-child(4n+2) .story-tile-foot{background:#050505;color:#f7f6f2}.story-grid-empty{grid-column:1/-1;min-height:260px;padding:34px}.market-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.market-section-heading .kicker{margin-bottom:11px}
@media(max-width:700px){.market-heading{min-height:245px;grid-template-columns:1fr;align-items:end;gap:34px;padding:47px 18px 24px}.market-heading h1{font-size:52px}.story-grid{grid-template-columns:1fr}.story-tile{min-height:118vw}.story-tile-label{font-size:15px}.story-tile-by{font-size:12px}.story-tile-words{font-size:44px;padding:95px 25px 55px}.market-live{margin-top:76px;padding:28px 18px 0}.market-live-top{margin-top:0;padding-top:24px;padding-bottom:28px}.market-section-heading{align-items:flex-start}.market-live-tools{align-items:flex-end;gap:17px}.market-section-heading .session-filter{border-bottom:0;padding-bottom:8px}.session-filter{gap:16px}.session-filter button,.join-by-key{font-size:15px}}
.market-title-line{display:flex;align-items:flex-start;justify-content:space-between;gap:26px}.market-title-line .kicker{margin-bottom:15px}.market-title-line .join-by-key{padding-bottom:0;font-size:14px}

/* Text-led tiles retain the expressive poster voice, using creator-authored copy. */
.story-tile-title{font-weight:600}
.story-tile-by,.story-tile-foot{font-style:normal}
.story-tile-words{display:flex;height:100%;min-height:inherit;align-items:flex-start;justify-content:center;width:100%;max-width:none;padding:clamp(100px,10vw,145px) clamp(34px,5vw,76px) clamp(58px,5vw,76px);font:italic 400 clamp(32px,4vw,60px)/1.06 var(--serif);letter-spacing:-.03em;text-align:center;white-space:pre-wrap}
@media(max-width:700px){.story-tile-words{padding:94px 27px 54px;font-size:40px;line-height:1.07}}

/* Baskerville Old Face belongs only to the WordCraft name. */
.home-mark,.small-wordmark{font-family:var(--wordmark)}

/* Creator Mode opens like a manuscript, then reveals its structure by choice. */
.creator-intro{margin-top:92px;border-top:1px solid #777}
.creator-intro>button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:190px;border:0;border-bottom:1px solid #777;background:none;color:var(--paper);padding:25px 0;text-align:left;cursor:pointer}
.creator-intro>button span{font:400 clamp(46px,6vw,78px)/1 var(--serif);letter-spacing:-.04em}
.creator-intro>button i{font:italic 32px var(--body)}
.creator-intro>p{margin:18px 0;color:var(--muted);font-style:italic}
.creator-workspace{max-width:980px}
.creator-toolbar{position:relative}
.creator-toolbar .depth-switch{position:relative;align-items:flex-start;padding-right:50px}
.creator-menu-wrap{position:absolute;right:0;top:0;z-index:5}
.creator-menu-toggle{width:38px;height:38px;border:0;background:none;color:var(--paper);font:400 27px/1 var(--body);cursor:pointer}
.creator-menu{position:absolute;right:0;top:42px;width:min(300px,calc(100vw - 36px));border:1px solid #555;background:#080908;padding:7px;box-shadow:0 18px 55px #000}
.creator-menu button{display:block;width:100%;border:0;border-bottom:1px solid #292a28;background:none;color:var(--paper);padding:11px 12px;text-align:left;font:400 15px var(--body);cursor:pointer}
.creator-menu button:last-child{border-bottom:0;color:var(--muted);font-style:italic}
.shape-further{display:block;margin:34px 0 0 auto;border:0;background:none;color:var(--paper);font:italic 17px var(--body);cursor:pointer}
.simple-compile-actions,.simple-review-actions{display:flex;align-items:center;gap:22px;margin-top:26px}.simple-review-shape{border-top:1px solid #555;margin:28px 0}.simple-review-row{display:flex;justify-content:space-between;gap:30px;padding:12px 0;border-bottom:1px solid #292a28}.simple-review-row span:last-child{color:var(--muted);font-style:italic}
.simple-provenance{border-top:1px solid #777;border-bottom:1px solid #333;padding:24px 0;margin:0 0 48px}.simple-provenance-row{display:grid;grid-template-columns:1fr auto;gap:2px 24px;padding:8px 0}.simple-provenance-row strong{font-weight:400}.simple-provenance-row span{color:var(--muted);font-style:italic}.simple-provenance-row small{grid-column:1/-1;color:#777}
#creator-form fieldset{scroll-margin-top:145px}
@media(max-width:700px){.creator-intro{margin-top:65px}.creator-intro>button{min-height:140px}.creator-intro>button span{font-size:45px}.creator-toolbar .depth-switch{gap:15px;padding-right:48px}}

.graph-fieldset{max-width:none}
#creator-form[data-depth="deep"]>fieldset:not(.deep-essential){display:none}
.graph-canvas{position:relative;height:650px;margin-top:20px;border:1px solid #3b3c39;overflow:hidden;background:#060706}
.graph-canvas svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.graph-canvas line{stroke:#777;stroke-width:1}
.graph-node{position:absolute;width:220px;min-height:190px;border:1px solid #777;background:#0a0b0a;padding:0 12px 12px;z-index:1}
.graph-node-head{display:flex;justify-content:space-between;align-items:center;margin:0 -12px 9px;padding:6px 8px;border-bottom:1px solid #333;color:#777;font:italic 11px var(--body);cursor:move;touch-action:none}
.graph-node-head .remove{margin:0;padding:0 4px;font-size:17px}
.graph-node input,.graph-node textarea,.graph-node select{margin-top:6px;padding:7px 6px;border-color:#292a28;font-size:13px}
.graph-node textarea{min-height:76px}
.graph-actions{display:flex;gap:24px;margin-top:14px}
.graph-edges{margin-top:20px;border-top:1px solid #333}
.graph-edge{display:grid;grid-template-columns:1fr 1.3fr 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #292a28}
.graph-edge input,.graph-edge select{margin:0;padding:8px;font-size:13px}.graph-edge .remove{margin:0}
@media(max-width:700px){.graph-canvas{height:auto;min-height:0;border:0;overflow:visible}.graph-canvas svg{display:none}.graph-node{position:relative!important;left:auto!important;top:auto!important;width:100%;margin:0 0 16px}.graph-edge{grid-template-columns:1fr}.graph-edge .remove{justify-self:end}}
@media(max-width:700px){
  #stories-view .market-heading{padding-top:86px}
  #stories-view .market-heading h1{line-height:1.02}
}
.owned-shelf{margin-top:68px}.owned-shelf-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;border-bottom:1px solid #777;padding-bottom:13px}.owned-shelf-heading h2{font:400 36px/1 var(--body);margin:0}.owned-shelf-heading p{margin:0;color:var(--muted);font-size:13px;font-style:italic}.owned-story-row{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center;padding:27px 0;border-bottom:1px solid #30312f}.owned-story-row h2{font:400 33px/1.05 var(--body);margin:0 0 8px}.owned-story-row p{margin:0;color:var(--muted)}.owned-story-row .kicker{margin-bottom:8px}.owned-story-actions{text-align:right}.owned-story-actions span{display:block;color:#777;font-size:12px;margin-bottom:8px}@media(max-width:700px){.owned-shelf-heading{display:block}.owned-shelf-heading p{margin-top:8px}.owned-story-row{grid-template-columns:1fr;gap:12px}.owned-story-actions{text-align:left;display:flex;align-items:center;gap:16px}.owned-story-actions span{margin:0}}
.cover-toggle{display:inline-flex;margin:0 0 16px;border:1px solid #555;padding:3px;gap:2px}
.cover-toggle button{border:0;background:none;color:var(--muted);padding:6px 13px;font:italic 14px/1 var(--body);cursor:pointer}
.cover-toggle button.selected{background:var(--paper);color:#050505}
.prose-contrast{min-height:52px;margin-top:25px}
@media(max-width:700px){.cover-toggle{margin-bottom:10px}.cover-toggle button{padding:6px 12px}.prose-contrast{margin-top:12px;min-height:40px}}

/* The entrance alone reads as a coined definition; the compact mark remains elsewhere. */
.wordcraft-definition{width:min(86vw,954px);padding-top:clamp(42px,7vh,90px);margin:0 auto;font-family:var(--wordmark)}
.definition-word{font:400 clamp(74px,9vw,132px)/.9 var(--wordmark);letter-spacing:-.035em}
.definition-kind{margin-top:24px;font:700 clamp(24px,2.7vw,39px)/1.1 var(--wordmark)}
.wordcraft-definition .home-rule{width:100%;height:2px;margin:46px 0 0;background:#777}
.definition-text{max-width:920px;margin-top:42px;font:400 clamp(33px,4.5vw,58px)/1.45 var(--wordmark);letter-spacing:-.015em}
.threshold .enter-wordcraft{top:auto;bottom:5vh;transform:translateX(-50%);font-size:clamp(40px,4vw,58px)}
.threshold .enter-wordcraft:hover,.threshold .enter-wordcraft:focus-visible{transform:translateX(-50%) scale(1.035)}

/* Keep the tile choice visible without interrupting the cover's writing column. */
#creator-form>fieldset:first-of-type{position:relative}
#creator-form>fieldset:first-of-type .cover-toggle{display:flex;width:max-content;margin:-62px 10px 20px auto;background:#030403;box-shadow:0 0 0 10px #030403}

@media(max-width:700px){
 .threshold{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 0 max(28px,env(safe-area-inset-bottom))}
 .wordcraft-definition{width:calc(100% - 56px);max-width:390px;padding-top:0;margin:-9vh auto 0;text-align:center}
 .definition-word{font-size:49px;line-height:.92}
 .definition-kind{margin-top:8px;font-size:16px;line-height:1.1}
 .wordcraft-definition .home-rule{width:86%;height:1px;margin:14px auto 0}
 .definition-text{max-width:330px;margin:13px auto 0;font-size:23px;line-height:1.28;text-align:center}
 .threshold .enter-wordcraft{position:static;transform:none;margin:50px auto 0;padding:8px 24px;font-size:38px;font-style:normal}
 .threshold .enter-wordcraft:hover,.threshold .enter-wordcraft:focus-visible{transform:scale(1.035)}
 #creator-form>fieldset:first-of-type .cover-toggle{margin:-56px 10px 16px auto}
}

#instance-view{max-width:1120px;padding-top:62px}#instance-view>.page-heading{max-width:820px;margin:0 auto 34px}#instance-view>.page-heading h1{font-size:clamp(58px,7vw,88px)}.game-controls{max-width:820px;margin:0 auto 58px;padding-bottom:17px;border-bottom:1px solid #343532;flex-wrap:wrap}.game-pages{max-width:760px;margin:0 auto 88px}.game-empty{padding:36px 0 50px;border-top:1px solid #343532;color:#8f908b}.game-empty>p:last-child{font:italic 18px/1.5 var(--body)}.game-page{position:relative;padding:42px 0 32px}.game-page+.game-page{margin-top:8px}.player-input{margin:0 0 20px;padding-left:18px;border-left:1px solid #555;color:#aaa;font:italic 15px/1.5 var(--body)}.player-input span{display:block;margin-bottom:4px;color:#6f706c;text-transform:uppercase;letter-spacing:.13em;font:normal 9px/1.2 var(--body)}.game-page>p:last-child{margin:0;font-size:21px;line-height:1.78}.game-action{max-width:760px;margin:0 auto;padding:18px 0 max(20px,env(safe-area-inset-bottom));background:linear-gradient(to bottom,rgba(3,4,3,.9),#030403 22%)}.game-action>label{margin:0}.game-action textarea{min-height:104px;padding:16px 17px;border-color:#555;background:#060706;transition:border-color .2s,opacity .2s}.game-action textarea:focus{border-color:#aaa}.game-action .form-actions{border-top:0;padding:12px 0 0}.game-action.is-writing textarea{opacity:.42;border-color:#333}.game-action.is-writing #game-status{color:#d6d6d1}.game-action.is-writing #game-status::before{content:'···';display:inline-block;width:31px;margin-right:7px;letter-spacing:4px;animation:wordcraft-writing 1.15s steps(3,end) infinite}.game-action button:disabled{background:#8d8e88;color:#171817;cursor:wait}@keyframes wordcraft-writing{0%{opacity:.2}50%{opacity:1}100%{opacity:.2}}@media(max-width:700px){#instance-view{padding-top:38px}#instance-view>.page-heading{margin-bottom:24px}#instance-view>.page-heading h1{font-size:48px}.game-controls{justify-content:flex-start;gap:12px 18px;margin-bottom:34px}.game-pages{margin-bottom:58px}.game-page{padding:32px 0 23px}.player-input{margin-bottom:16px;padding-left:13px;font-size:14px}.game-page>p:last-child{font-size:18px;line-height:1.7}.game-action{margin:0 -2px}.game-action textarea{min-height:92px}.game-action .form-actions{justify-content:flex-end;align-items:center;gap:10px 14px;flex-wrap:wrap}.game-action .form-actions span{flex:1 1 220px;min-width:0;margin:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left;font-size:13px;line-height:1.4}.game-action .primary{flex:0 0 auto;margin-left:auto}.game-empty{padding:28px 0 38px}}
#instance-view .short-label{display:none}@media(max-width:700px){#instance-view .game-controls{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;width:100%;gap:0;margin:0 auto 24px;padding:0;border-bottom:0}#instance-view .game-controls button{display:flex;align-items:center;flex:0 0 auto;padding:0;color:#aaa;font-size:13px;line-height:1;white-space:nowrap}#instance-view .game-controls button+button::before{content:'·';margin:0 13px;color:#5f605c;font-style:normal}#instance-view .game-controls .wide-label{display:none}#instance-view .game-controls .short-label{display:inline}#instance-view .game-pages>.game-page:first-child{border-top:0;padding-top:20px}}

/* Words-based covers share one dark field; lightness is never assigned by gallery position. */
.story-tile.has-words,.story-tile.has-words:nth-child(4n+2){background:#090a09;color:var(--paper)}
.story-tile.has-words:nth-child(4n+2) .story-tile-label,.story-tile.has-words:nth-child(4n+2) .story-tile-foot{background:var(--paper);color:#050505}

.entry-character-field{margin:8px 0 32px;padding:0;border:0}.entry-character-field legend{width:100%;margin-bottom:8px;padding:0 0 10px;border-bottom:1px solid #555;font:italic 16px var(--body)}.entry-character-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.entry-character{position:relative;display:block;margin:0;border-bottom:1px solid #30312f;cursor:pointer}.entry-character input{position:absolute;opacity:0;pointer-events:none}.entry-character span{position:relative;display:block;min-height:104px;padding:17px 28px 16px 0}.entry-character strong{display:block;font:400 23px/1.05 var(--serif)}.entry-character small{display:block;margin-top:7px;color:#aaa;font:13px/1.4 var(--body)}.entry-character i{position:absolute;right:0;top:18px;color:#777;font:12px var(--body)}.entry-character input:checked+span::before{content:'→';position:absolute;right:0;top:15px;color:var(--paper);font:20px/1 var(--body)}.entry-character:hover strong,.entry-character input:focus-visible+span strong{font-style:italic}.entry-character.is-claimed{cursor:not-allowed;opacity:.42}.entry-character.is-claimed:hover strong{font-style:normal}@media(max-width:700px){.entry-character-choice{grid-template-columns:1fr}.entry-character span{min-height:88px}.entry-character-field{margin-bottom:25px}}

/* Secondary prose stays quiet by scale, not by being washed out. */
.game-empty,.game-action label,.game-action .form-actions span{color:var(--paper)}
.story-tile-words{font-style:normal}
@media(max-width:700px){.game-action .form-actions{justify-content:center;padding-left:14px;padding-right:14px}.game-action .form-actions span{text-align:left}}

/* Story Mode stays part of the page flow; no opaque sticky shelf or empty tail. */
#storymode-view{padding-bottom:32px}
#storymode-view .game-action{position:static;bottom:auto;background:transparent}
#storymode-view .game-action .form-actions{background:transparent}
@media(max-width:700px){#stories-view .market-heading{min-height:0;padding-top:26px}#create-view{padding-top:26px}}
