/* v0.2 paper workshop: generous controls, one compact editing tray. */
:root{--paper:#f5f1e8;--ink:#262722;--red:#ef3d2c;--marker:'Permanent Marker',cursive}
body{background:var(--paper);color:var(--ink);font-size:14px}
button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #1b827f;outline-offset:4px}
[hidden]{display:none!important}.app-shell{max-width:1440px;padding:25px 36px 0;margin:auto}.masthead{gap:25px;min-height:120px;padding:0 0 20px}.brand{flex:none}.studio-name{font-size:9px;letter-spacing:2px}.brand .wordmark{display:flex;align-items:center;gap:3px;letter-spacing:-3px;font-size:34px;line-height:1.25;isolation:isolate}.wordmark .car-go{display:block;transform:rotate(-7deg) translateY(-3px);position:relative;z-index:0}.brand .wordmark b{font-size:1.88em;line-height:1.25;color:var(--red);transform:rotate(-5deg);text-shadow:2px 3px 0 #f5f1e8,4px 6px 0 #292922;position:relative;z-index:2;margin-left:-2px}.brand-spark{display:none}.player-stats{gap:20px}.stat-pill strong{font-size:24px}.stat-pill span{font-size:10px}.level-tag{font-size:10px}.header-actions .icon-button{min-width:44px;min-height:44px}.header-actions .icon-button span{font-size:12px}.game-shell{grid-template-columns:minmax(0,1fr) 370px;gap:28px;padding-top:17px}.journey{height:48px}.journey-step{font-size:14px;letter-spacing:.5px}.step-number{height:27px;width:27px;font-size:12px}.loop-note{font-size:13px}.arena{height:clamp(440px,58vh,650px);min-height:0;border:1px solid #c5beaf;border-radius:8px}.arena:after{pointer-events:none}.stage-topline{inset:22px 22px auto}.scene-label{font-size:11px}.stage-stamp{font-size:9px}.stage-hint{font-size:13px;bottom:20px;background:#fffbedee;max-width:90%;text-align:center}.under-stage{font-size:9px;letter-spacing:.5px;margin-top:15px}.control-panel{padding:24px;background:#fffcf5;box-shadow:3px 5px 0 #d7d0c1;border:1px solid #d6d0c3;border-radius:5px;margin-top:44px}.panel-heading{margin-bottom:20px}.panel-heading h1,.boom-panel .panel-heading h1{font-size:31px}.panel-heading .eyebrow{font-size:9px;letter-spacing:.7px}.panel-heading .hand-note{font-size:13px}.design-panel{display:block}.editor-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:2px solid #272b24;gap:3px;margin-bottom:18px}.editor-tabs button{padding:10px 3px;min-height:44px;border:0;border-radius:6px 6px 0 0;background:transparent;font-weight:750;font-size:13px}.editor-tabs button[aria-selected=true]{background:#f7d761;transform:rotate(-2deg)}.editor-tray{min-height:237px}.control-group{padding:0;margin:0 0 17px}.control-group legend{font-size:10px;letter-spacing:.4px;margin-bottom:12px}.group-number{font-size:12px}.group-aside{display:none}.body-options{gap:8px}.body-choice{min-height:100px;padding:12px 4px;gap:10px}.body-choice svg{width:70px;height:45px}.choice-button span{font-size:10px;letter-spacing:0}.choice-button.active,.choice-button.selected{background:#e6efca;border-color:#354a26}.color-options{grid-template-columns:repeat(8,1fr);gap:5px}.color-swatch{min-width:0;min-height:34px;max-width:none;max-height:none;width:100%;border-width:2px;aspect-ratio:1}.paint-controls{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:12px 0}.paint-controls label{display:flex;align-items:center;gap:7px;font-size:12px}.paint-controls input[type=color]{width:46px;height:42px;border:1px solid #bbb5a8;border-radius:5px;padding:3px;background:white}.paint-controls select,select{min-height:40px;max-width:130px;background:white;border:1px solid #b7b2a6;border-radius:4px;padding:4px}.mode-buttons{display:flex;gap:8px}.mode-buttons button,.edit-actions button,.history-card button,.backup-actions button,.file-button{min-height:42px;padding:8px 11px;border:1px solid #c9c3b5;border-radius:5px;background:#fffdf6;font-size:12px;font-weight:650}.mode-buttons button{flex:1}.mode-buttons button[aria-pressed=true],.sticker-options button[aria-pressed=true]{background:#fae69a;border:2px solid #312e28}.tray-note{font-size:12px;line-height:1.5;color:#696759;margin:12px 0}.edit-actions{display:flex;justify-content:space-between;gap:8px}.edit-actions button{min-height:40px;font-size:11px}.sticker-options{display:flex;gap:9px;margin:8px 0}.sticker-options button{width:54px;height:48px;font-size:28px;font-weight:bold;border:1px solid #c9c3b5;background:white;border-radius:6px}.small-options{gap:8px}.small-choice{min-height:68px;padding:7px 2px}.small-choice svg{width:28px;height:28px}.small-choice span{font-size:9px}.unlock-cost{font-size:9px}.extra-new{display:flex;gap:10px;margin-top:15px}.extra-new button{flex:1;min-height:65px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.extra-new .topper-symbol{font-size:22px;line-height:1;color:#d89c00}.design-bottom{border-top:1px dashed #b5ad9d;padding-top:16px;margin-top:16px;display:grid;grid-template-columns:1fr 132px;align-items:center;gap:5px 10px}.design-reassurance{font-family:var(--marker);font-size:18px;line-height:1.5;text-align:left;transform:rotate(-5deg);max-width:none;margin:0}.go-boom-button{border-radius:50%;width:120px;height:120px;min-height:0;flex:none;padding:0;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at 37% 23%,#ff7862,#ed3528 64%,#b42121);color:white;border:5px solid #6b2921;outline:5px solid #cac4b7;box-shadow:0 9px 0 #601f18,0 12px 0 5px #a59a87,inset 0 4px 1px #ff9d8b;text-shadow:1px 2px 0 #9f221a;transform:rotate(-6deg);transition:transform .08s,box-shadow .08s}.go-boom-button span{font-size:24px;line-height:1.02}.go-boom-button strong{font-size:30px}.go-boom-button:active,.go-boom-button:disabled{transform:translateY(7px) rotate(-6deg);box-shadow:0 2px 0 #601f18,0 5px 0 5px #a59a87,inset 0 4px 1px #ff9d8b;filter:saturate(.8)}.button-footnote{display:block;grid-column:1/-1;font-size:8px;letter-spacing:1px;text-align:right;margin-top:18px}.transfer-label{position:absolute;left:50%;top:65%;transform:translate(-50%,-50%) rotate(-4deg);background:#fff8dc;padding:14px 24px;box-shadow:3px 4px 0 #837b64;font-family:var(--marker);font-size:23px;white-space:nowrap;pointer-events:none}.boom-title strong{font-size:clamp(80px,12vw,165px);color:#ed3828;text-shadow:4px 5px 0 #fff6df,7px 8px 0 #231e1a}.boom-title span{font-size:clamp(30px,4vw,58px)}.boom-panel{gap:20px}.damage-heading{font-size:11px}.damage-value{font-size:26px}.damage-scale{font-size:9px}.tool-options{grid-template-columns:repeat(4,1fr);gap:8px}.tool-button{min-height:70px;padding:8px 3px;gap:6px}.tool-button svg{width:31px;height:31px}.tool-button span{font-size:10px}.tool-button.active{background:#ffe7a0}.bazooka-button{grid-column:span 2;flex-direction:row}.bazooka-button .tool-badge{display:none}.tool-detail{padding-top:16px}.tool-detail .eyebrow{font-size:9px}.tool-detail h2{font-size:24px}.tool-detail p{font-size:13px;line-height:1.5}.text-button{min-height:44px;font-size:12px}.boom-bottom .hand-note{font-size:13px}.result-panel{background:#302e28cf}.result-card{background:var(--paper);width:520px}.result-actions{display:flex;flex-direction:column;gap:10px}.result-actions button{min-height:44px;font-size:13px!important}.result-stats span{font-size:10px!important}.result-run,.unlock-message{font-size:13px!important}.result-card .photo-caption{font-size:16px}.notebook-dialog{width:620px;max-width:calc(100% - 26px);padding:25px;background:var(--paper);color:var(--ink);max-height:88dvh}.dialog-heading h2{font-size:29px}.dialog-heading .eyebrow{font-size:9px}.setting-row{padding:13px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.setting-row strong{font-size:15px}.setting-row small{font-size:12px;line-height:1.5;max-width:330px}.setting-row input[type=checkbox]{position:static;opacity:1;width:24px;height:24px;min-width:24px;accent-color:#455b30}.toggle-track{display:none}.volume-row{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;margin:0 0 14px}.volume-row input{width:50%;accent-color:#d7402e;min-height:30px}.backup-actions{display:flex;gap:10px;margin-top:18px}.file-button{display:flex;align-items:center;cursor:pointer}.file-button input{display:none}.storage-note,.prototype-note{font-size:12px;line-height:1.6}.daily-bonus{gap:15px}.daily-bonus strong{font-size:13px}.daily-bonus p{font-size:12px}.daily-bonus button{font-size:12px;min-height:44px}.history-card h3{font-size:18px}.history-card p{font-size:12px}.history-card button{margin:6px 5px 0 0}.history-images figcaption{font-size:11px}.history-empty p{font-size:15px}.site-footer{font-size:9px;gap:20px}.site-footer>span:nth-child(2){font-size:9px}.footer-brand{font-size:11px}.toast{font-size:13px;max-width:92%;line-height:1.5;z-index:100}.debug-panel{position:fixed;top:0;left:0;z-index:200;background:#171c1ce8;color:#d9ffad;font-size:10px;max-height:45vh;max-width:95vw;overflow:auto;padding:10px;pointer-events:none}
@media(max-width:1050px){.app-shell{padding:20px 22px 0}.game-shell{grid-template-columns:minmax(0,1fr) 320px;gap:20px}.brand .wordmark{font-size:28px}.control-panel{padding:18px}.arena{height:500px}.header-right{gap:10px}.player-stats{gap:12px}.under-stage span:last-child{display:none}}
@media(max-width:760px){.app-shell{padding:12px 14px 0;max-width:600px}.masthead{min-height:86px;padding:0 0 12px;gap:10px}.studio-name{font-size:7px;letter-spacing:.5px}.brand .wordmark{font-size:21px;letter-spacing:-1.5px;gap:2px}.brand .wordmark b{font-size:1.94em;text-shadow:1px 2px 0 #f5f1e8,2px 4px 0 #292922}.header-right{flex-direction:column-reverse;gap:5px}.header-actions{gap:5px}.header-actions .icon-button{min-height:40px;min-width:40px;padding:6px}.header-actions .icon-button span{display:none}.header-actions .icon-button svg{width:21px;height:21px}.player-stats{gap:12px}.stat-pill strong{font-size:15px}.stat-pill svg{width:14px}.level-tag{display:none}.game-shell{display:flex;gap:12px;padding-top:8px}.journey{height:34px;gap:9px;padding-bottom:9px}.journey-step{font-size:10px;gap:6px}.step-number{height:22px;width:22px;font-size:10px}.journey-dash{width:20px}.loop-note{font-size:10px}.arena{height:clamp(245px,36dvh,360px);min-height:0}.stage-topline{inset:15px 15px auto}.scene-label{font-size:10px}.stage-stamp{font-size:7px}.stage-hint{font-size:11px;bottom:12px;padding:7px 10px;line-height:1.3}.under-stage{display:none}.control-panel{padding:16px;margin:0}.panel-heading{margin-bottom:12px}.panel-heading h1,.boom-panel .panel-heading h1{font-size:25px}.panel-heading .eyebrow{font-size:8px}.panel-heading .hand-note{font-size:12px}.editor-tabs{margin-bottom:13px}.editor-tabs button{font-size:12px;min-height:43px;padding:8px 3px}.editor-tray{min-height:110px}.body-choice{min-height:80px;flex-direction:column;padding:8px 3px;gap:7px}.body-choice svg{width:58px;height:34px}.body-choice span{font-size:10px}.control-group{margin-bottom:12px}.control-group legend{font-size:10px;margin-bottom:10px}.design-bottom{grid-template-columns:1fr 104px;padding-top:15px;margin-top:12px;gap:5px 10px}.go-boom-button{width:94px;height:94px;border-width:4px;outline-width:4px;padding:0}.go-boom-button span{font-size:20px}.go-boom-button strong{font-size:24px}.design-reassurance{font-size:16px;max-width:none}.button-footnote{font-size:7px;margin-top:14px}.color-options{grid-template-columns:repeat(4,1fr);gap:8px}.color-swatch{width:100%;height:40px;min-height:40px;aspect-ratio:auto;border-radius:6px}.paint-controls{gap:6px}.paint-controls label{font-size:12px}.paint-controls select{font-size:12px}.mode-buttons button{font-size:12px;min-height:44px}.small-choice{min-height:64px}.small-choice span{font-size:9px}.sticker-options{justify-content:space-between}.extra-new{margin-top:10px}.transfer-label{font-size:19px;max-width:92%;padding:12px 16px}.boom-panel{gap:15px}.tool-options{gap:7px}.tool-button{min-height:64px;padding:7px 3px}.tool-button span{font-size:10px}.tool-button svg{width:27px;height:27px}.tool-detail h2{font-size:19px}.tool-detail p{font-size:12px;max-width:155px}.boom-bottom .hand-note{font-size:11px}.text-button{font-size:11px}.site-footer{font-size:8px;margin-top:17px;gap:12px;padding-bottom:15px}.site-footer>span:nth-child(2){font-size:8px;max-width:180px}.footer-brand{font-size:9px}.result-panel{padding:18px}.result-card{width:420px;padding:24px 17px;max-height:calc(100dvh - 36px)}.result-card h2{font-size:28px}.result-card .photo-caption{font-size:14px}.result-pair{gap:9px}.result-stats strong{font-size:26px!important}.notebook-dialog{padding:20px 16px}.dialog-heading h2{font-size:24px}.history-list{grid-template-columns:1fr}.history-card h3{font-size:20px}.history-images img{max-height:160px}.daily-bonus{flex-direction:column;align-items:stretch}.volume-row input{width:45%}.setting-row{gap:12px}.setting-row small{font-size:11px}.backup-actions{flex-wrap:wrap}}
@media(max-width:360px){.app-shell{padding:10px 11px 0}.brand .wordmark{font-size:18px}.studio-name{font-size:6px}.masthead{min-height:79px}.header-actions .icon-button{min-height:40px;min-width:36px}.player-stats{gap:9px}.stat-pill strong{font-size:13px}.arena{height:225px}.control-panel{padding:14px 12px}.panel-heading h1{font-size:23px}.panel-heading .eyebrow{font-size:7px}.panel-heading .hand-note{font-size:11px}.loop-note{font-size:9px}.journey-step{font-size:9px}.body-choice svg{width:51px}.body-choice span{font-size:9px}.editor-tabs button{font-size:11px}.paint-controls label{font-size:11px}.small-choice span{font-size:8px}.design-reassurance{font-size:15px}.tool-button span{font-size:9px}.tool-detail p{font-size:11px;max-width:130px}.result-stats strong{font-size:23px!important}.result-card .photo-caption{font-size:12px}.result-run,.unlock-message{font-size:11px!important}}
.go-boom-button:disabled{background:radial-gradient(circle at 37% 23%,#f47463,#da392d 64%,#a92121);color:#fff;opacity:1}
@media(prefers-reduced-motion:reduce){.go-boom-button{transition:none}}