:root{--black: #0b0a09;--paper: #d8cbb8;--paper-dim: #9a8d7c;--amber: #c49a4a;--line: rgba(216, 203, 184, .22);--panel: #141210;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--black);color:var(--paper);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:15px;line-height:1.5}h1,h2,strong{font-family:Fraunces,ui-serif,Georgia,serif;font-weight:500}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.shell{position:relative;min-height:100vh}.grain{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 12% 0%,rgba(138,58,50,.16),transparent 28rem),radial-gradient(circle at 90% 10%,rgba(196,154,74,.1),transparent 26rem)}.page{position:relative;width:min(720px,calc(100% - 32px));margin:0 auto;padding:28px 0 80px}.hero h1,.tool h1{font-size:clamp(2.6rem,8vw,4.6rem);line-height:.95;letter-spacing:-.03em;margin:8px 0 16px}.hero h1 em{display:block;font-style:italic;color:var(--amber)}.kicker{margin:0;color:var(--amber);letter-spacing:.16em;text-transform:uppercase;font-size:11px}.lede{color:var(--paper-dim);max-width:38rem;font-size:1.05rem;line-height:1.55}.home-desk-page{position:relative;min-height:100vh;overflow:hidden}.home-desk{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a2416 url(../desk/wood.jpg) center / cover no-repeat;z-index:0}.home-hero{position:relative;z-index:3;width:min(640px,calc(100% - 40px));padding:20px 28px 0;pointer-events:none}.home-hero h1{font-size:clamp(2.2rem,6vw,3.8rem);line-height:.95;letter-spacing:-.03em;margin:6px 0 10px;color:#f3ead8;text-shadow:0 2px 16px rgba(0,0,0,.6)}.home-hero h1 em{display:block;font-style:italic;color:var(--amber)}.home-hero .lede{color:#e6d3b8;text-shadow:0 1px 10px rgba(0,0,0,.55);max-width:28rem}.desk-top{position:relative;z-index:1;min-height:calc(100vh - 36px)}.desk-item{position:absolute;border:0;background:transparent;padding:0;will-change:transform}.desk-item:focus-visible{outline:2px solid var(--amber);outline-offset:10px}.desk-prop{display:block;filter:drop-shadow(0 16px 20px rgba(0,0,0,.48))}.desk-prop img{display:block;width:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.desk-paper{left:6%;top:30%;width:min(280px,28vw);z-index:2}.desk-paper .desk-prop{position:relative;transform:rotate(-8deg)}.desk-paper em{position:absolute;left:18%;top:18%;font-family:Yuyu,cursive;font-style:normal;color:#2a2218;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1;transform:rotate(-3deg)}.desk-coin{left:41%;top:48%;width:min(168px,17vw);z-index:4}.desk-ticket{right:5%;top:22%;width:min(300px,30vw);z-index:3}.desk-ticket .desk-prop{transform:rotate(6deg)}.desk-board{left:18%;bottom:7%;width:min(460px,52vw);z-index:3}.desk-board .desk-prop{transform:rotate(-2.5deg)}.desk-board-prop{display:flex;align-items:center;justify-content:center;gap:6px;padding:16px 18px 14px;background:radial-gradient(circle at 12px 12px,#6a6a6a 0 4px,transparent 5px),radial-gradient(circle at calc(100% - 12px) 12px,#6a6a6a 0 4px,transparent 5px),radial-gradient(circle at 12px calc(100% - 12px),#6a6a6a 0 4px,transparent 5px),radial-gradient(circle at calc(100% - 12px) calc(100% - 12px),#6a6a6a 0 4px,transparent 5px),linear-gradient(180deg,#3a3a3a,#141414);border:1px solid #111;border-radius:10px}.mini-flap{display:grid;place-items:center;width:clamp(28px,5.4vw,48px);aspect-ratio:.86 / 1;background:#0c0c0c;color:#f3ead6;font-family:Basement Grotesque,sans-serif;font-style:normal;font-weight:800;font-size:clamp(12px,2.4vw,20px);letter-spacing:0;border-radius:2px;box-shadow:inset 0 1px #ffffff14,inset 0 -3px 4px #000000a6}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:36px 0 20px}.card{text-align:left;background:var(--panel);border:1px solid var(--line);padding:20px 16px 16px;min-height:132px;display:flex;flex-direction:column;gap:8px}.card:hover,.card:focus-visible{border-color:var(--amber)}.card strong{font-size:1.7rem;letter-spacing:-.02em}.card span{color:var(--paper-dim);font-size:13px}.back,.text-btn{background:transparent;border:0;color:var(--paper-dim);padding:0;text-decoration:underline;text-underline-offset:4px}.back{margin-bottom:22px}.recent{margin-top:40px;border-top:1px solid var(--line);padding-top:20px}.recent h2{font-size:1.1rem;margin:0 0 12px}.recent ul{list-style:none;padding:0;margin:0}.recent li span{display:block;padding:10px 0;border-bottom:1px solid var(--line)}.recent small{color:var(--paper-dim)}.tool textarea{width:100%;background:var(--panel);border:1px solid var(--line);padding:14px;outline:none;margin-top:8px}.tool textarea:focus{border-color:var(--amber)}.tool-meta{display:flex;justify-content:space-between;gap:12px;margin:8px 0 18px;color:var(--paper-dim);font-size:13px}.row{display:flex;flex-wrap:wrap;gap:10px}.primary,.ghost{border:1px solid var(--amber);background:var(--amber);color:var(--black);padding:12px 16px}.primary:disabled{opacity:.4;cursor:not-allowed}.ghost{background:transparent;color:var(--paper);border-color:var(--line)}.result{margin-top:28px;padding:24px 16px;border:1px solid var(--amber)}.result.again{border-style:dashed}.result .name{font-family:Fraunces,serif;font-size:clamp(2rem,8vw,3.4rem);margin:8px 0 0;line-height:1.05}.shell-desk{min-height:100vh;overflow:hidden}.flip-page{position:relative;min-height:100vh}.desk-stage{position:fixed;top:0;right:0;bottom:0;left:0;cursor:grab;touch-action:none}.desk-stage:active{cursor:grabbing}.desk-stage canvas{display:block;width:100%;height:100%}.flip-hud{position:relative;z-index:2;width:min(720px,calc(100% - 32px));margin:0 auto;padding:24px 0 0;pointer-events:none}.flip-hud .back{pointer-events:auto}.tool-hud-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.tool-hud h1{font-size:clamp(1.9rem,5.5vw,3rem);line-height:.95;letter-spacing:-.03em;margin:10px 0 8px;color:#f3ead8;text-shadow:0 1px 10px rgba(0,0,0,.55)}.tool-hud .kicker{margin-top:10px;text-shadow:0 1px 8px rgba(0,0,0,.55)}.tool-hud .lede{margin:0;max-width:34rem;color:#e0d0b8;text-shadow:0 1px 8px rgba(0,0,0,.5)}.flip-hud h1,.flip-hud .lede{text-shadow:0 1px 8px rgba(0,0,0,.45)}.desk-result{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:2;width:min(420px,calc(100% - 32px));pointer-events:none;background:#140e08b8}@font-face{font-family:Yuyu;src:url(../fonts/Yuyu-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Basement Grotesque;src:url(../fonts/BasementGrotesque-Black.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}.names-page{position:relative;min-height:100vh;overflow:hidden}.names-desk{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a2416 url(../desk/wood.jpg) center / cover no-repeat;z-index:0}.names-hud{position:relative;z-index:5;width:min(720px,calc(100% - 32px));margin:0 auto;padding:18px 0 0}.names-hud .back{margin-bottom:0;text-shadow:0 1px 8px rgba(0,0,0,.55)}.names-refresh{padding:6px 12px;background:#140e089e}.sheet-stage{position:relative;z-index:1;display:grid;place-items:center;min-height:calc(100vh - 140px);padding:4px 28px 108px}.sheet-wrap{position:relative;width:min(520px,78vw);overflow:visible;filter:drop-shadow(0 18px 28px rgba(0,0,0,.45))}.sheet-img{width:100%;display:block;pointer-events:none}.sheet-lines{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none;overflow:visible;pointer-events:none}.sheet-lines .ink{position:absolute;left:20.6%;top:var(--line-y);line-height:0;width:max-content;max-width:70%}.sheet-lines .ink span{position:relative;display:inline-block;max-width:100%;overflow:visible;white-space:nowrap;font-family:Yuyu,cursive;font-size:calc(min(520px,78vw)/20);line-height:1;color:#2a2218;transform:rotate(var(--tilt, 0deg));transform-origin:0 80%}.sheet-lines .draft span{opacity:.42}.red-circle{position:absolute;left:-28%;top:-48%;width:160%;height:200%;overflow:visible;pointer-events:none}.red-circle ellipse{fill:none;stroke:#c41616;stroke-width:2.6;stroke-linecap:round;transform:rotate(-11deg);transform-origin:60px 20px;stroke-dasharray:280;stroke-dashoffset:280;animation:circle-name .55s ease forwards}@keyframes circle-name{to{stroke-dashoffset:0}}.pen-anchor{position:absolute;left:-6%;top:38%;width:0;height:0;z-index:6;pointer-events:none;transition:left .82s cubic-bezier(.22,.82,.2,1),top .82s cubic-bezier(.22,.82,.2,1)}.pen-prop,.pencil-prop{pointer-events:none;filter:drop-shadow(2px 10px 8px rgba(0,0,0,.42))}.pen-prop{position:absolute;left:0;top:0;width:min(210px,42vw);height:auto;transform:translate(-6.05%,-97.85%) rotate(-34deg);transform-origin:6.05% 97.85%;transition:transform .82s cubic-bezier(.22,.82,.2,1)}.pen-anchor.is-circling .pen-prop{transform:translate(-6.05%,-97.85%) rotate(12deg)}.pencil-prop{position:absolute;width:min(200px,40vw);right:-2%;bottom:4%;z-index:4;transform:rotate(22deg);transform-origin:4% 96%}.names-dock{position:fixed;z-index:6;left:50%;bottom:18px;transform:translate(-50%);width:min(720px,calc(100% - 20px));display:flex;flex-wrap:wrap;gap:8px;background:#140e08c7;border:1px solid var(--line);padding:10px}.names-dock input{flex:1 1 160px;min-width:0;background:transparent;border:0;outline:none;font-family:Yuyu,cursive;font-size:1.5rem;color:#f3ead8}.names-dock input::placeholder{color:#f3ead866}.action-page{position:relative;min-height:100vh;overflow:hidden}.action-desk{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a2416 url(../desk/wood.jpg) center / cover no-repeat;z-index:0}.action-hud{position:relative;z-index:5;width:min(920px,calc(100% - 28px));margin:0 auto;padding:18px 0 0}.action-hud .back{margin-bottom:0;color:#f3ead8;text-shadow:0 1px 8px rgba(0,0,0,.65)}.ticker-stage{position:relative;z-index:1;display:grid;place-items:center;min-height:calc(100vh - 210px);padding:8px 16px 108px}.ticker{width:min(720px,94vw);filter:drop-shadow(0 18px 28px rgba(0,0,0,.5))}.ticker-bezel{background:radial-gradient(circle at 14px 14px,#6a6a6a 0 5px,transparent 6px),radial-gradient(circle at calc(100% - 14px) 14px,#6a6a6a 0 5px,transparent 6px),radial-gradient(circle at 14px calc(100% - 14px),#6a6a6a 0 5px,transparent 6px),radial-gradient(circle at calc(100% - 14px) calc(100% - 14px),#6a6a6a 0 5px,transparent 6px),linear-gradient(180deg,#3a3a3a,#1c1c1c 40%,#141414);border:1px solid #111;border-radius:10px;padding:16px 14px 14px;box-shadow:inset 0 1px #ffffff1f,inset 0 -2px 8px #00000080}.ticker-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(8,auto);gap:7px 6px;perspective:800px}.sf-slot{position:relative;aspect-ratio:.86 / 1;overflow:hidden;container-type:inline-size;background:#0c0c0c;border-radius:2px;box-shadow:inset 0 1px #ffffff14,inset 0 -3px 4px #000000a6;transform-style:preserve-3d}.sf-half{position:absolute;left:0;right:0;overflow:hidden;height:50%}.sf-top{top:0}.sf-bot{bottom:0}.sf-letter{position:absolute;left:0;right:0;display:grid;place-items:center;height:200%;font-family:Basement Grotesque,IBM Plex Mono,sans-serif;font-weight:800;font-size:68cqw;letter-spacing:0;color:#f3ead6;line-height:1;text-shadow:0 1px 0 rgba(0,0,0,.85)}.sf-top .sf-letter{top:0}.sf-bot .sf-letter{bottom:0}.sf-seam{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:#000;box-shadow:0 1px #ffffff0f;z-index:2;pointer-events:none}.sf-slot.is-flipping{animation:sf-tick 48ms linear}@keyframes sf-tick{0%{filter:brightness(1)}40%{filter:brightness(.45)}to{filter:brightness(1)}}.ticker-status{margin:0;color:#e8c36a;letter-spacing:.16em;text-transform:uppercase;font-size:11px;text-shadow:0 1px 8px rgba(0,0,0,.65)}.action-dock{position:fixed;z-index:6;left:50%;bottom:18px;transform:translate(-50%);width:min(920px,calc(100% - 20px));display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;background:#140e08c7;border:1px solid var(--line);padding:10px}.action-dock .tool-meta{margin:0;flex:1;color:var(--paper-dim)}.action-list{color:var(--paper-dim)}.action-list summary{cursor:pointer;list-style:none}.action-list[open]{flex:1 1 100%}.action-page textarea{width:100%;background:var(--panel);border:1px solid var(--line);padding:14px;outline:none;margin-top:8px;color:var(--paper)}.action-page textarea:focus{border-color:var(--amber)}.action-list .text-btn{display:inline-block;margin-top:12px}.scratch-page{position:relative;min-height:100vh;overflow:hidden;cursor:none;touch-action:none;-webkit-user-select:none;user-select:none}.scratch-desk{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a2416 url(../desk/wood.jpg) center / cover no-repeat;z-index:0}.scratch-hud{position:relative;z-index:8;width:min(920px,calc(100% - 28px));margin:0 auto;padding:18px 0 0;cursor:auto}.scratch-hud .back,.scratch-hud .names-refresh{cursor:pointer;pointer-events:auto}.scratch-hud .back{margin-bottom:0;color:#f3ead8;text-shadow:0 1px 8px rgba(0,0,0,.65)}.scratch-stage{position:relative;z-index:1;display:grid;place-items:center;min-height:calc(100vh - 168px);padding:8px 16px 36px}.scratch-wrap{position:relative;width:min(540px,92vw);filter:drop-shadow(0 22px 34px rgba(0,0,0,.55))}.scratch-ticket{width:100%;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.scratch-panel{position:absolute;overflow:hidden;border-radius:10px;display:grid;place-items:center;padding:7% 8%;background:linear-gradient(180deg,rgba(255,252,240,.28),transparent 42%),radial-gradient(120% 90% at 50% 38%,#efe1bd,#d6be8e 70%,#c4aa76);box-shadow:inset 0 0 0 1px #50341224}.scratch-line{margin:0;text-align:center;font-family:Fraunces,ui-serif,Georgia,serif;font-weight:500;font-style:italic;font-size:clamp(1.05rem,3.4vw,1.55rem);line-height:1.28;color:#2c2216;text-wrap:balance;text-shadow:0 1px 0 rgba(255,244,220,.35)}.scratch-line.long{font-size:clamp(.92rem,2.8vw,1.28rem)}.scratch-latex{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;display:block;border-radius:inherit;touch-action:none}.scratch-coin{position:fixed;top:0;left:0;z-index:20;width:min(112px,24vw);height:min(112px,24vw);border-radius:50%;pointer-events:none;opacity:0;background:url(../scratch/quarter.png) center / 104% 104% no-repeat;filter:drop-shadow(0 14px 16px rgba(0,0,0,.58));will-change:transform}.scratch-coin.is-down{filter:drop-shadow(0 6px 8px rgba(0,0,0,.62))}@media (prefers-reduced-motion: reduce){.sf-slot.is-flipping .sf-letter{animation:none}}@media (max-width: 640px){.page{width:min(100% - 24px,720px);padding-top:20px}.desk-top{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:28px 18px;padding:28px 18px 36px;min-height:calc(100vh - 48px)}.desk-item{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%}.desk-coin{width:72%;justify-self:center}.desk-board{grid-column:1 / -1;width:90%;justify-self:center}.grid{grid-template-columns:1fr}.primary,.ghost,.names-dock .primary,.names-dock .ghost{width:auto}.sheet-wrap{width:min(520px,88vw)}.pen-prop{width:min(160px,40vw)}.pencil-prop{width:min(150px,38vw);right:0}.ticker{width:min(100% - 16px,94vw)}.ticker-stage{padding:8px 12px 96px;min-height:calc(100vh - 128px)}.scratch-wrap{width:min(540px,96vw)}.scratch-coin{width:min(96px,28vw);height:min(96px,28vw)}.scratch-hud{width:min(100% - 16px,920px)}}