@import url('./machines.css');
@import url('./motion.css');
@font-face{font-family:Jinxuan;src:url('/public/fonts/jf-jinxuanlatte-3.0-book.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Jinxuan;src:url('/public/fonts/jf-jinxuanlatte-3.0-extrabold.otf') format('opentype');font-weight:800;font-display:swap}
:root{--bg:#211e1a;--cream:#f1e5ce;--muted:#b4a58e;--gold:#c5a879;--purple:#bea0df;--line:#f3e4ca20;--ease:cubic-bezier(.16,1,.3,1);color-scheme:dark;font-family:Jinxuan,serif;font-synthesis:none;background:var(--bg);color:var(--cream)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;min-width:320px;overflow-x:clip;background:radial-gradient(ellipse at 10% 0,#4d3b2626,transparent 60%),var(--bg)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}svg{display:block}button svg{width:22px;height:22px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--purple);outline-offset:5px}[tabindex="-1"]:focus{outline:none}::selection{background:var(--purple);color:var(--bg)}[hidden]{display:none!important}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}
.site-shell{max-width:1600px;margin:auto;padding:0 5.2%}.grain{position:fixed;z-index:20;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}.skip-link{position:fixed;top:10px;left:10px;z-index:99;background:var(--cream);color:var(--bg);padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.coin-carrier{position:fixed;pointer-events:none;z-index:25;transform-origin:center;will-change:transform,left,top}
.stage-word,.result-watermark{translate:0 var(--depth-word,0px);will-change:translate}
.orbit,.result-orbit{translate:0 var(--depth-orbit,0px);will-change:translate}
.stage-glow{translate:0 var(--depth-glow,0px);will-change:translate}
.coin-in-flight .coin-aura,.coin-in-flight .coin-shadow,.coin-in-flight .floating-spark,.coin-in-flight .side-label{visibility:hidden}
.result-screen.coin-story .result-main{opacity:1;transform:none;transition:none}
.coin-story .result-art #machine{width:var(--flight-width);height:var(--flight-height);scale:var(--flight-scale)}
.coin-story #draw-status,.coin-story .result-actions,.coin-story .return-hint,.coin-story .result-main>.eyebrow,.coin-story .result-footer{transition:opacity .75s,transform .9s var(--ease)}
.coin-story:not(.revealed) #draw-status,.coin-story:not(.revealed) .result-actions,.coin-story:not(.revealed) .return-hint,.coin-story:not(.revealed) .result-main>.eyebrow,.coin-story:not(.revealed) .result-footer{opacity:0;transform:translateY(18px);pointer-events:none}
.coin-story .result-art #machine .coin-float{margin-top:-20px}
.coin-story .result-art #machine .coin-object{scale:1.15}
@media(max-width:1150px){.coin-story .result-art #machine .coin-object{scale:1}}
@media(max-width:640px){.coin-story .result-art #machine .coin-float{margin-top:0}}
@media(min-width:1151px) and (max-height:850px){.coin-story .result-art #machine .coin-object{scale:.98}}
.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:13px;font-weight:800;font-size:25px;letter-spacing:-1px;white-space:nowrap}.brand-symbol{width:35px;color:var(--purple)}.brand-dash{font-weight:400;padding:0 2px}.brand small{display:block;font-family:Arial,sans-serif;letter-spacing:2px;font-size:6px;font-weight:400;color:var(--muted);margin-top:6px}.header-note{font-size:11px;letter-spacing:1px;color:var(--muted)}.header-tools{display:flex;gap:9px}.icon-button{width:39px;height:39px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--muted);transition:background .2s,color .2s,transform .3s;flex-shrink:0}.icon-button svg{width:17px;height:17px}.icon-button:hover{background:#f1e5ce12;color:var(--cream);transform:translateY(-2px)}.icon-button[aria-pressed=true]{color:var(--purple);border-color:#bea0df4a;background:#bea0df0b}
.game-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:16px 0;gap:13px}.game-tab{display:flex;align-items:center;gap:12px;border-radius:5px;background:transparent;padding:12px 20px;font-size:13px;color:var(--muted);transition:background .4s,color .3s}.game-tab>svg{width:19px;height:19px}.tab-number{font-family:Arial,sans-serif;font-size:9px;opacity:.5;margin-right:5px}.tab-arrow{margin-left:auto;font-size:17px;opacity:0;transform:translate(-5px,5px);transition:all .3s}.game-tab:hover{background:#f1e5ce08;color:var(--cream)}.game-tab[aria-selected=true]{background:var(--cream);color:#322a21}.game-tab[aria-selected=true] .tab-arrow{opacity:1;transform:none}
.play-section{min-height:calc(100svh - 171px);position:relative;padding-top:34px;display:flex;flex-direction:column;justify-content:center}.scene-intro{text-align:center;z-index:2;position:relative;transition:opacity .65s,transform .85s var(--ease)}.eyebrow{display:flex;justify-content:center;gap:15px;align-items:center;color:var(--purple);font-family:Arial,sans-serif;font-size:9px;letter-spacing:3px}.eyebrow>span:first-child,.eyebrow>span:last-child{font-size:15px;letter-spacing:0}h1{font-size:clamp(35px,3.7vw,56px);line-height:1.3;letter-spacing:-2px;font-weight:800;margin:16px 0 14px}h1 span{color:var(--purple);white-space:nowrap}.hero-description{font-size:12px;line-height:1.8;color:var(--muted);margin:0;letter-spacing:.5px}.studio-layout{height:430px;position:relative;isolation:isolate}.showcase{height:430px;width:610px;max-width:100%;margin:0 auto;position:relative;isolation:isolate;--mx:0;--my:0;transform-origin:center center;will-change:transform}.stage-glow{position:absolute;inset:0 3%;background:radial-gradient(ellipse at 50% 47%,#a8846029,#8e66a521 35%,transparent 70%);z-index:-1;animation:glow-breathe 9s ease-in-out infinite}.stage-word{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);font-family:Arial,sans-serif;font-weight:800;font-size:100px;letter-spacing:-6px;color:#c2a48407;-webkit-text-stroke:1px #c2a4841f;white-space:nowrap;z-index:-1}.orbit{position:absolute;left:50%;top:48%;width:88%;aspect-ratio:1;border:1px solid #cbb38e17;border-radius:50%;transform:translate(-50%,-50%) rotate(-22deg) scaleY(.6);z-index:-1}.orbit-one:before{content:'';position:absolute;width:6px;height:6px;background:#bda17b;border-radius:50%;top:14%;left:14%;box-shadow:0 0 10px #e5d5b733}.orbit-two{width:65%;transform:translate(-50%,-50%) rotate(48deg) scaleY(.8);border-style:dashed;border-color:#cbb38e12}.parallax-layer{position:absolute;inset:5px 0 20px;transform:translate(calc(var(--mx)*10px),calc(var(--my)*10px));transition:transform .8s var(--ease)}.machine{height:100%;width:100%;position:relative;perspective:1000px}.stage-bottom{position:absolute;bottom:0;left:12%;right:12%;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:9px;letter-spacing:1px;color:#c0ab8b99;text-align:center}.stage-bottom>span:first-child,.stage-bottom>span:last-child{font-size:17px;color:#bda17b88}.floating-spark{position:absolute;color:#d0b3ec;filter:drop-shadow(0 3px 10px #9e80c233)}.spark-a{width:25px;right:9%;top:23%;animation:spark-turn 14s ease-in-out infinite}.spark-b{width:12px;left:10%;bottom:24%;animation:spark-turn 10s reverse infinite}.side-label{position:absolute;font-family:Arial,sans-serif;font-size:7px;letter-spacing:3px;color:#c3ab8677;writing-mode:vertical-rl}.left-label{left:8%;top:43%;transform:rotate(180deg)}.right-label{right:1%;top:48%}.scene-side-note{position:absolute;right:0;top:30%;width:130px;display:flex;flex-direction:column;gap:15px;color:#c3ab8677;font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.7px;line-height:1.9;transition:opacity .6s}.scene-side-note>span:first-child{font-size:55px;line-height:1;font-weight:300;color:#c3ab862e;letter-spacing:-3px}.scene-side-note i{width:30px;height:1px;background:var(--line)}
.action-group{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;padding:20px 0 28px;z-index:4}.status-pill{display:flex;align-items:center;gap:7px;font-family:Arial,sans-serif;font-size:7px;letter-spacing:2px;color:var(--muted);transition:opacity .5s}.status-pill i{width:4px;height:4px;border-radius:50%;background:var(--purple);box-shadow:0 0 8px #bea0df70}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:35px;min-width:255px;min-height:58px;background:var(--cream);color:#30271f;padding:8px 9px 8px 25px;border-radius:4px;font-size:14px;position:relative;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s,background .3s,opacity .5s}.primary-button:before{content:'';position:absolute;inset:0;transform:translateX(-110%) skewX(-20deg);background:linear-gradient(90deg,transparent,#fff9,transparent);width:60%}.primary-button:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 12px 30px #0003;background:#fff1d8}.primary-button:not(:disabled):hover:before{animation:button-shine .8s ease}.primary-button:not(:disabled):active{transform:translateY(1px)}.button-arrow{width:41px;height:41px;background:#30271f;border-radius:3px;display:grid;place-items:center;color:var(--cream);transition:background .3s}.primary-button:hover .button-arrow{background:#6d518a}.keyboard-hint{display:flex;align-items:center;gap:7px;color:#b4a58e99;font-size:9px;transition:opacity .5s}kbd{font-family:Arial,sans-serif;border:1px solid #b4a58e44;box-shadow:0 2px 0 #b4a58e12;letter-spacing:1px;font-size:7px;border-radius:3px;padding:3px 7px}.draw-progress{position:absolute;left:0;right:0;top:68px;text-align:center;font-size:14px;color:var(--purple);pointer-events:none;letter-spacing:1px;opacity:0;transition:opacity .5s}.scene-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-top:1px solid var(--line);font-family:Arial,sans-serif;font-size:7px;letter-spacing:1.6px;color:#b4a58e77}.scroll-indicator{font-family:Jinxuan,serif;letter-spacing:1px;color:var(--muted);font-size:10px;display:flex;align-items:center;gap:15px}.scroll-indicator>span{font-family:Arial,sans-serif;color:var(--purple);font-size:16px;animation:scroll-cue 2s ease-in-out infinite}
.editor{position:absolute;left:0;top:50%;transform:translateY(-50%);width:250px;padding:18px;background:#211d1977;border:1px solid var(--line);border-radius:6px;z-index:5;transition:opacity .6s,filter .6s}.editor-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px}.editor-heading>span{font-family:Arial,sans-serif;font-size:9px;color:var(--muted);letter-spacing:1px}.textarea-wrap textarea{width:100%;resize:vertical;min-height:150px;max-height:230px;padding:11px 12px;line-height:1.9;font-size:12px;color:var(--cream);border:1px solid #c1ab882e;border-radius:4px;background:#15120f44;scrollbar-color:#7e6b55 transparent}.textarea-wrap textarea:focus{border-color:var(--purple);outline-offset:1px}textarea::placeholder{color:#9f8f7b}.editor-actions{display:flex;align-items:center;gap:9px;margin-top:8px;font-size:8px;color:#b4a58e99}.editor-actions>span{margin-right:auto}.text-button{background:none;padding:3px 0;border-bottom:1px solid #bea0df35;color:var(--purple);font-size:9px;white-space:nowrap}.text-button:hover{color:var(--cream)}.input-feedback{font-size:10px;line-height:1.6;color:var(--muted);margin-top:7px}.input-feedback:empty{display:none}.is-error{color:#f0b998}.draw-options{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:8px}.switch-label{display:flex;gap:8px;align-items:center;font-size:10px;color:var(--muted);cursor:pointer;position:relative}.switch-label input{position:absolute;width:31px;height:18px;opacity:0;margin:0;cursor:pointer}.switch-track{width:31px;height:18px;border:1px solid #c4ac8c55;border-radius:20px;background:#15120f;display:block;transition:background .25s;pointer-events:none}.switch-track:after{content:'';display:block;width:10px;height:10px;margin:3px;background:#a18b6c;border-radius:50%;transition:transform .25s,background .25s}.switch-label input:checked+.switch-track{background:var(--purple);border-color:var(--purple)}.switch-label input:checked+.switch-track:after{transform:translateX(13px);background:#392a43}.switch-label input:focus-visible+.switch-track{outline:2px solid var(--purple);outline-offset:4px}.ladder-options{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:10px;color:var(--muted)}.ladder-options select{margin-left:auto;max-width:140px;padding:6px 8px;border:1px solid var(--line);border-radius:3px;background:#2c2520;color:var(--cream);font-size:10px}.option-index{margin-top:17px;border-top:1px solid var(--line);padding-top:12px}.option-index summary{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#b4a58eaa}.option-index summary>span{color:var(--purple)}.entry-chips{display:flex;flex-direction:column;max-height:155px;overflow:auto;margin-top:10px;scrollbar-color:#7e6b55 transparent;gap:7px}.entry-chip{display:flex;gap:8px;align-items:baseline;font-size:10px;overflow-wrap:anywhere}.entry-chip>span{color:var(--purple);font:8px Arial,sans-serif}.was-picked{opacity:.4;text-decoration:line-through}.muted{color:var(--muted);font-size:11px}
body[data-phase=drawing] .scene-intro,body[data-phase=settling] .scene-intro,body[data-phase=transition] .scene-intro{opacity:.12;transform:translateY(-20px)}body[data-phase=drawing] .editor,body[data-phase=settling] .editor,body[data-phase=transition] .editor,body[data-phase=drawing] .scene-side-note,body[data-phase=settling] .scene-side-note{opacity:.12;pointer-events:none}body[data-phase=drawing] .action-group .primary-button,body[data-phase=settling] .action-group .primary-button,body[data-phase=transition] .action-group .primary-button,body[data-phase=drawing] .keyboard-hint,body[data-phase=settling] .keyboard-hint{opacity:0;pointer-events:none}body[data-phase=drawing] .draw-progress,body[data-phase=settling] .draw-progress{opacity:1}body[data-phase=drawing] .showcase,body[data-phase=settling] .showcase{z-index:6}body[data-phase=drawing] .stage-bottom,body[data-phase=settling] .stage-bottom{opacity:0}body[data-phase=drawing] .parallax-layer,body[data-phase=settling] .parallax-layer{transform:none}body[data-phase=result] .action-group{pointer-events:none;opacity:.4}
.result-screen{min-height:100svh;position:relative;isolation:isolate;display:grid;place-items:center;border-block:1px solid var(--line);background:radial-gradient(ellipse at 50% 40%,#6f4f9125,transparent 65%);padding:55px 20px 80px}.result-main{text-align:center;width:min(100%,720px);position:relative;z-index:2;opacity:.25;transform:translateY(55px) scale(.96);transition:opacity 1s,transform 1.15s var(--ease)}.result-screen.revealed .result-main{opacity:1;transform:none}.result-watermark{position:absolute;top:33%;left:50%;transform:translate(-50%,-50%);font-family:Arial,sans-serif;font-size:clamp(65px,16vw,220px);letter-spacing:-.06em;font-weight:800;color:transparent;-webkit-text-stroke:1px #bea0df13;z-index:-1}.result-orbit{position:absolute;left:50%;top:44%;width:min(70vw,670px);aspect-ratio:1;border:1px solid #bea0df10;border-radius:50%;transform:translate(-50%,-50%);z-index:-1}.result-art{height:240px;width:360px;max-width:100%;position:relative;margin:13px auto 0}.result-art .machine{position:absolute;left:50%;top:50%;width:500px;height:400px;translate:-50% -50%;scale:.65}.result-art .floating-spark,.result-art .side-label,.result-art .coin-shadow,.result-art .wheel-shadow{display:none}.result-art .coin-float,.result-art .wheel-tilt,.result-art .ladder-svg{animation:none}.result-art .coin-float{margin-top:0}.result-art .coin-object{scale:1}.result-art .wheel-tilt{scale:1}.result-kicker{font-size:12px;color:var(--muted);letter-spacing:3px;margin:10px 0 15px}#result-title{font-size:clamp(38px,5.8vw,80px);line-height:1.35;color:var(--cream);font-weight:800;margin:0;overflow-wrap:anywhere;letter-spacing:-2px}.result-detail{font-size:11px;letter-spacing:2px;color:var(--purple);margin:15px 0 0}.pool-remaining{font-size:11px;color:var(--muted);margin:12px 0 0;line-height:1.8}.result-actions{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:33px}.result-actions .primary-button{min-width:245px}.result-actions .icon-button{width:43px;height:43px}.return-hint{font-size:10px;color:#b4a58e88;letter-spacing:.5px;margin:17px 0 0}.result-footer{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#b4a58e88;letter-spacing:1px}.result-footer>span:first-child{font-family:Arial,sans-serif}.result-footer>span:last-child{color:var(--purple);font-size:15px}.transition-mark{position:fixed;top:50%;left:50%;width:160px;color:var(--purple);z-index:30;opacity:0;pointer-events:none;transform:translate(-50%,-50%)}
.history-drawer{border-bottom:1px solid var(--line)}.history-drawer>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;color:var(--muted);font-size:10px}.history-drawer>summary>span:first-child{font-family:Arial,sans-serif;font-size:7px;letter-spacing:2px}.history-drawer>summary>span:last-child{color:var(--purple);font-size:15px}.history-drawer b{display:inline-block;background:#bea0df13;border:1px solid #bea0df25;color:var(--purple);font-family:Arial,sans-serif;font-size:8px;padding:3px 8px;border-radius:20px;font-weight:400;margin-left:8px}.history-section{padding:20px 0 45px;display:grid;grid-template-columns:30% 1fr;gap:40px}.section-label h2{font-size:22px;line-height:1.5;margin:12px 0;font-weight:400}.section-label p{font-size:11px;line-height:1.8;color:var(--muted)}.history-list{min-width:0}.history-results{min-width:0}.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;font-size:10px;color:var(--muted)}.history-pagination button{padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:transparent;font-size:10px;color:var(--purple)}.history-pagination button:not(:disabled):hover{background:#bea0df14}.history-pagination button:disabled{opacity:.25}.history-pagination>span{text-align:center;font-size:9px;letter-spacing:.4px}.history-item{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:14px 6px 14px 0}.history-item:first-child{border-top:1px solid var(--line)}.history-icon{width:34px;height:34px;display:grid;place-items:center;background:#bea0df0c;color:var(--purple);border-radius:50%;flex-shrink:0}.history-icon svg{width:17px;height:17px}.history-item>div{min-width:0}.history-mode{font-size:9px;color:var(--muted)}.history-item p{font-size:14px;margin:5px 0 0;overflow-wrap:anywhere}.history-item time{margin-left:auto;font-family:Arial,sans-serif;font-size:9px;color:#b4a58eaa;white-space:nowrap}.empty-history{font-size:13px;color:var(--muted)}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0 28px;font-size:9px;color:var(--muted)}.site-footer>span:nth-child(2){font-family:Arial,sans-serif;font-size:7px;letter-spacing:1.5px;color:#b4a58e77}.site-footer>span:first-child>span{color:var(--purple);padding:0 6px}.footer-star{width:21px;color:#bea0df88}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);max-width:calc(100vw - 40px);width:max-content;background:#e8dac3;color:#332a23;padding:14px 22px;border-radius:6px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;box-shadow:0 8px 30px #0004}.toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes scroll-cue{0%,100%{translate:0 -3px;opacity:.5}50%{translate:0 3px;opacity:1}}
@media(min-width:1151px) and (max-height:850px){.play-section{padding-top:24px}.studio-layout,.showcase{height:345px}.scene-intro h1{font-size:43px;margin:10px 0}.action-group{padding:16px 0 20px;gap:10px}.showcase .coin-object{scale:.98}.showcase .wheel-tilt{scale:.82}.scene-bottom{padding:15px 0}.editor{padding:14px}.textarea-wrap textarea{min-height:120px}}
@media(max-width:1150px){.site-shell{padding:0 4%}.header-note{font-size:9px}.game-tab{padding:12px;gap:9px}.scene-side-note{display:none}.studio-layout{height:auto;display:flex;flex-direction:column}.showcase{height:390px;width:580px;order:0}.editor{order:1;position:relative;top:auto;left:auto;transform:none;width:440px;max-width:100%;margin:20px auto 4px}.textarea-wrap textarea{min-height:105px}.play-section{padding-top:28px}.stage-word{font-size:90px}.scene-bottom{margin-top:6px}.result-art .coin-object{scale:1.15}.result-art .wheel-tilt{scale:1.12}}
@media(max-width:700px){.site-shell{padding:0 6%}.site-header{height:80px}.brand{font-size:22px;gap:10px}.brand-symbol{width:28px}.brand small{font-size:5.5px;letter-spacing:1.5px}.header-note{display:none}.header-tools{gap:7px}.icon-button{width:34px;height:34px}.icon-button svg{width:15px;height:15px}.game-tabs{margin:0 -2%;padding:12px 0;gap:5px}.game-tab{padding:9px 4px;font-size:10px;justify-content:center;gap:5px;border-radius:4px;flex-direction:column;line-height:1.8}.game-tab svg{width:17px;height:17px}.tab-number,.tab-arrow{display:none}.play-section{min-height:calc(100svh - 165px);padding-top:27px}.eyebrow{font-size:7px;letter-spacing:2px;gap:12px}h1{font-size:35px;letter-spacing:-1.6px;margin:14px 0 12px}.hero-description{font-size:10px;letter-spacing:0;line-height:1.9;max-width:90%;margin:auto}.showcase{height:330px;width:100%;margin-top:5px}.stage-word{font-size:64px;letter-spacing:-4px}.side-label{display:none}.stage-bottom{left:5%;right:5%;font-size:8px}.stage-glow{inset:0 3%}.spark-a{width:20px}.spark-b{width:10px}.editor{padding:16px;margin:18px auto 3px}.editor-heading{font-size:12px}.textarea-wrap textarea{font-size:13px;min-height:118px}.editor-actions{font-size:9px}.text-button{font-size:10px}.switch-label{font-size:11px}.option-index summary{font-size:10px}.ladder-options,.ladder-options select{font-size:11px}.action-group{padding:19px 0 24px;gap:12px}.primary-button{min-width:240px;min-height:58px;font-size:14px}.keyboard-hint{font-size:8px}.draw-progress{font-size:12px;top:65px}.scene-bottom{padding:17px 0;margin-top:5px}.scene-bottom>span:first-child{font-size:6px;letter-spacing:1px}.scene-bottom>span:last-child{display:none}.scroll-indicator{font-size:9px;gap:10px}.result-screen{padding:45px 0 75px}.result-art{height:210px;width:320px;margin-top:15px}.result-art .machine{scale:.68}.result-art .coin-object{scale:1.22}.result-art .wheel-tilt{scale:1.05}.result-kicker{font-size:11px;letter-spacing:2px;margin-top:10px}#result-title{font-size:51px;letter-spacing:-2px}.result-detail{font-size:10px;letter-spacing:1px;line-height:1.8}.pool-remaining{font-size:10px}.result-actions{gap:12px;margin-top:28px}.result-actions .primary-button{min-width:218px}.result-actions .icon-button{width:37px;height:37px}.return-hint{font-size:9px}.result-footer{font-size:7px;bottom:23px;gap:12px}.result-footer>span:nth-child(2){display:none}.history-drawer>summary{font-size:10px;padding:21px 0}.history-drawer>summary>span:first-child{font-size:6px;letter-spacing:1px}.history-section{grid-template-columns:1fr;gap:20px;padding:5px 0 30px}.section-label h2{font-size:20px}.section-label p{font-size:10px}.section-label p br{display:none}.history-item{gap:10px}.history-item p{font-size:12px}.history-item time{font-size:8px}.site-footer{font-size:8px;padding:22px 0}.site-footer>span:nth-child(2){display:none}.footer-star{width:17px}.toast{font-size:11px;padding:12px 16px}}
@media(max-width:370px){.brand{font-size:20px}.brand-symbol{width:24px}#fullscreen{display:none}h1{font-size:30px}.game-tab{font-size:9px}.showcase{height:300px}.stage-word{font-size:56px}.result-actions .primary-button{min-width:200px}.scene-bottom>span:first-child{font-size:5px}}