@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
.portrait.photo-portrait{image-rendering:auto;object-fit:contain}
.radio-panel{display:flex;align-items:center;gap:16px;justify-content:space-between;background:#1b2820;padding:14px 18px;border-top:1px solid var(--line)}
.radio-display{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}
.radio-display>span{color:#9eaf90;font-size:9px;letter-spacing:1.5px}
.radio-display strong{font:500 13px 'Space Grotesk',sans-serif;color:#bdc8b0}
.radio-panel.playing .radio-display strong{color:var(--lime)}
.radio-display small{font-size:10px;color:var(--muted);line-height:1.6}
.radio-buttons{display:flex;gap:7px;flex-shrink:0}
.radio-buttons button{min-height:46px;min-width:46px;border:1px solid #617356;border-radius:6px;padding:10px;background:#2b3826;color:#edf1db;font-size:12px;touch-action:manipulation}
.radio-buttons button:disabled{opacity:.4;cursor:default}
.radio-buttons button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media(max-width:740px){.radio-panel{flex-direction:column;align-items:stretch;padding:12px;gap:12px}.radio-buttons #radio-power{flex:1}}
.touch-controls{display:none;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-top:1px solid var(--line);background:#18231c}
.joystick-area{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}
.joystick{position:relative;width:116px;height:116px;border-radius:50%;border:1px solid #617356;background:radial-gradient(circle,#34452d,#1a281f);touch-action:none;user-select:none;-webkit-user-select:none}
.joystick-arrows{position:absolute;inset:7px;text-align:center;font-size:17px;line-height:33px;color:#93a882;pointer-events:none}
.joystick-knob{position:absolute;width:44px;height:44px;left:calc(50% - 22px);top:calc(50% - 22px);border:2px solid #d1e997;border-radius:50%;background:#789159;box-shadow:0 3px 10px #08120c80;pointer-events:none}
.joystick-area small{font-size:10px;color:#a6b6a6;text-align:center;max-width:155px}
.touch-actions{display:flex;flex-direction:column;gap:10px;flex:1;max-width:260px;min-width:0}
.touch-actions>div{display:flex;gap:8px}
.touch-actions button{min-height:48px;flex:1;padding:10px 8px;border:1px solid #617356;border-radius:8px;background:#2b3826;color:#edf1db;font-size:12px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.touch-actions #touch-interact{background:#d1e997;color:#17231e;font-weight:700}
.touch-actions button:disabled{opacity:.4;cursor:default}
.touch-actions button:active,.touch-actions button.held{background:#617b46}
.touch-actions button:focus-visible,.person:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media(max-width:820px){.touch-controls{display:flex}.controls{display:none!important}.person{touch-action:manipulation}}
@media(max-width:740px){#family .person{flex:1;min-width:0;flex-direction:column;text-align:center}#family .person-info{gap:3px}#family .person strong{font-size:11px}#family .portrait{flex-shrink:0}.game-bottom{gap:8px}.game-bottom>span:last-child{white-space:nowrap}.touch-controls{padding:12px;gap:12px}}
@media(max-width:360px){.joystick{width:100px;height:100px}.joystick-arrows{line-height:28px}.joystick-area small{max-width:116px}.touch-actions button{font-size:11px}}
:root{color-scheme:dark;--bg:#101816;--panel:#19231f;--line:#2d3931;--muted:#8d9c90;--lime:#d1e997}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f0f0df;font-family:'DM Sans',sans-serif}.app{max-width:1360px;margin:auto;padding:0 44px}header{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:#f0f0df;font:700 21px 'Space Grotesk',sans-serif;letter-spacing:-1px;display:flex;align-items:center}.brand-light{font-weight:400;color:var(--lime)}.brand-icon{font-size:29px;color:var(--lime);margin-right:12px}.edition{font-size:10px;letter-spacing:2.4px;color:var(--muted)}button{font:inherit;cursor:pointer}.sound{border:1px solid var(--line);background:transparent;color:#cbd3c9;padding:9px 13px;border-radius:6px;font-size:12px}.heading{display:flex;justify-content:space-between;align-items:center;padding:38px 0 30px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--lime);font-weight:600}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--lime);margin-right:8px}h1{font:500 44px 'Space Grotesk',sans-serif;letter-spacing:-1.8px;margin:12px 0 9px}h1>span{color:var(--lime)}.heading p{color:var(--muted);font-size:13px;margin:0}.trip{border-left:1px solid var(--line);padding-left:24px;display:flex;flex-direction:column;gap:8px}.trip>span{font-size:10px;letter-spacing:2px;color:var(--muted)}.trip strong{font-size:13px;font-weight:500}.trip small{font-size:11px;color:var(--muted)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:22px}.game-panel{border:1px solid #3b4939;border-radius:9px;overflow:hidden;background:#111b17}.game-top,.game-bottom{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-size:10px;letter-spacing:1px;color:#a6b6a6}.game-top b{font-weight:500;color:#d9e5cd}.game-top>span{display:flex;align-items:center}.live,.dot{width:6px;height:6px;background:var(--lime);display:inline-block;border-radius:50%;margin-right:9px}.canvas-wrap{position:relative;background:#5b7255;aspect-ratio:640/420}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;outline:none}.toast{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;background:#17231eeb;color:#edf1db;padding:10px 16px;border:1px solid #617356;border-radius:5px;pointer-events:none}.game-bottom{letter-spacing:0;font-size:11px}.game-bottom b{color:#e0ebcd;font:500 14px 'Space Grotesk',sans-serif}.divider{margin:0 12px;color:#55674e}.aside-title{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px;color:#c3cfb9;padding:5px 0}.aside-title>span:last-child{color:#71866b}.aside-intro{font-size:11px;color:var(--muted);margin:10px 0 17px}.person{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);background:#18221d;color:#e6e9d8;padding:12px;margin-bottom:8px;border-radius:6px;transition:background .15s}.person.active{border-color:#aecb7c;background:#273222}.person:hover{background:#2b3826}.portrait{width:38px;height:42px;image-rendering:pixelated;background:#34402d;border-radius:4px}.person-info{display:flex;flex-direction:column;gap:4px;flex:1}.person strong{font-size:13px;font-weight:500}.person small{color:#97a88d;font-size:10px}.person .shortcut{font-size:10px;color:#8c9d80;border:1px solid #495640;padding:3px 5px;border-radius:3px}.driver-card{display:flex;align-items:center;gap:12px;padding:12px 4px;margin:9px 0 20px}.driver-icon{color:#a8b9a0;width:38px;text-align:center;font-size:26px}.driver-card>div{display:flex;flex:1;flex-direction:column;gap:5px}.driver-card strong{font-size:12px;font-weight:500}.driver-card small{font-size:10px;color:var(--muted)}.small-dot{width:5px;height:5px;background:#abc785;border-radius:50%}.mission{border-top:1px solid var(--line);padding-top:21px}.mission .eyebrow{font-size:9px;letter-spacing:1.2px;color:#99ab83}h3{font:500 19px 'Space Grotesk',sans-serif;margin:10px 0}.mission p{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 17px}.mission>div{display:flex;flex-direction:column;gap:10px;font-size:10px;color:#9aaa8d}.mission .done{color:var(--lime)}.controls{display:flex;gap:26px;align-items:center;margin-top:20px;padding:21px 0;border-bottom:1px solid var(--line)}.controls>div{display:flex;gap:5px;align-items:center}.controls>div>span{font-size:10px;color:#a2afa0;margin-left:6px}.controls .control-title{display:flex;flex-direction:column;align-items:start;gap:7px;margin-right:auto}.control-title>span{font-size:9px!important;letter-spacing:1.7px;margin-left:0!important;color:#d5dec8!important}.control-title small{font-size:10px;color:#7d8e7d}kbd{font:10px 'DM Sans',sans-serif;border:1px solid #42513d;background:#1c281f;box-shadow:0 2px #080f0a;border-radius:3px;min-width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center}footer{display:flex;justify-content:space-between;color:#6f8371;font-size:9px;padding:23px 0;letter-spacing:.3px}footer i{font-style:normal;margin:0 12px;color:#a7bc86}#pause-overlay{position:absolute;inset:0;background:#101b18cc;align-items:center;justify-content:center;flex-direction:column;font:24px 'Space Grotesk',sans-serif}#pause-overlay:not([hidden]){display:flex}#pause-overlay span{font:12px 'DM Sans',sans-serif;margin-top:12px;color:var(--lime)}@media(min-width:1500px){.app{padding-top:15px}}@media(max-width:1000px){.app{padding:0 22px}.game-layout{grid-template-columns:minmax(0,1fr) 220px}.controls{gap:12px}.control-title small{display:none}.edition{display:none}.game-top>span:last-child{font-size:8px}}@media(max-width:740px){header{height:65px}.heading{padding:25px 0}h1{font-size:32px}.trip{display:none}.game-layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr}.mission,.driver-card,.aside-intro,.aside-title{display:none}#family{display:flex;gap:6px}.person{gap:7px;padding:8px}.portrait{width:28px;height:32px}.person small{font-size:8px}.shortcut{display:none}.controls{flex-wrap:wrap;gap:15px}.controls .control-title{width:100%}.toast{font-size:9px;max-width:95%;white-space:normal;text-align:center}.game-top{padding:11px 10px;font-size:8px}footer{font-size:8px}.app{padding:0 14px}}
.header-actions{display:flex;gap:8px;align-items:center}@media(max-width:740px){.header-actions{gap:5px}.header-actions .sound{padding:8px;font-size:10px}}
.board-editor{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;gap:10px;padding:18px;background:#101816f5}.board-editor[hidden]{display:none}.board-heading{display:flex;align-items:center;justify-content:space-between;color:#edf0cf;font:13px 'Space Grotesk',sans-serif;letter-spacing:1px}.board-heading span{color:var(--lime);font:10px 'DM Sans',sans-serif}.board-editor canvas{width:100%;height:auto;min-height:0;flex:1;border:8px solid #8b6844;border-radius:3px;background:#183b31;cursor:crosshair;touch-action:none;image-rendering:auto}.board-tools{display:flex;align-items:end;gap:8px}.board-tools button{min-height:34px;padding:7px 11px;border:1px solid #617356;border-radius:5px;background:#26372e;color:#edf1db;font-size:11px}.board-tools button.active{background:var(--lime);color:#17231e}.board-tools label{display:flex;flex:1;flex-direction:column;gap:4px;color:#9eaf90;font-size:9px;letter-spacing:1px}.board-tools input{width:100%;height:34px;border:1px solid #617356;border-radius:5px;background:#192820;color:#fff;padding:6px 9px;font:12px 'DM Sans',sans-serif}.board-editor p{margin:0;color:#9eaf90;font-size:9px;text-align:center}
.volume-control{display:flex;align-items:center;gap:8px}.volume-control input{width:82px;accent-color:var(--lime);cursor:pointer}.volume-control output{min-width:30px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}@media(max-width:740px){.volume-control input{width:60px}}@media(max-width:500px){header{height:auto;min-height:65px;flex-wrap:wrap;gap:12px;padding:14px 0}.header-actions{width:100%;justify-content:space-between}}
.board-heading{gap:10px}.board-heading strong{margin-right:auto}.board-heading button{min-height:34px;padding:7px 11px;border:1px solid #d1e997;border-radius:5px;background:#d1e997;color:#17231e;font:700 11px 'DM Sans',sans-serif}.board-heading button:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(max-width:520px){.board-editor{padding:10px;gap:7px}.board-heading span{display:none}.board-heading button{min-height:40px}.board-tools{flex-wrap:wrap}.board-tools label{min-width:130px}.board-editor p{display:none}}
@media(max-width:820px){
  .canvas-wrap{display:grid;grid-template-columns:minmax(0,1fr);aspect-ratio:auto}
  .canvas-wrap>#game{grid-area:1/1;width:100%;height:auto;aspect-ratio:640/420}
  .canvas-wrap>.toast{grid-area:2/1;position:static;transform:none;width:100%;max-width:none;min-height:48px;display:flex;align-items:center;justify-content:center;padding:10px 14px;border:0;border-top:1px solid var(--line);border-radius:0;background:#17231e;white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.5;text-align:center}
  .canvas-wrap>#pause-overlay{grid-area:1/1}
}
#score-counters{display:flex;align-items:center;gap:7px}#money-counter,#bond-counter,#achievement-counter{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 7px;color:#edf0cf;font:600 11px 'Space Grotesk',sans-serif;background:#101816d9;border:1px solid #617356;border-radius:999px}#money-counter,#bond-counter{pointer-events:none}#achievement-counter{cursor:pointer}#achievement-counter:hover{border-color:#f4dc76;background:#1b2820}#achievement-counter:focus-visible{outline:2px solid #f4dc76;outline-offset:3px}.counter-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;line-height:1}.coin-icon{color:#715518!important;font:bold 13px 'Space Grotesk',sans-serif!important;background:#f4dc76;border:3px solid #b98e2f;border-radius:50%;box-shadow:inset 0 0 0 1px #fff0a0}.bond-icon{color:#f29aad!important;font-size:25px!important;text-shadow:0 1px #913f52}.trophy-icon{color:#f7e39a!important;font-size:20px!important;text-shadow:0 1px #7f6021}#money-counter b,#bond-counter b,#achievement-counter b{min-width:30px;font-size:20px;line-height:1;text-align:right;font-variant-numeric:tabular-nums}#money-counter b{color:#f4dc76}#bond-counter b{color:#f2a1af}#achievement-counter b{color:#f7e39a;font-size:15px}
.settings-modal{position:fixed;inset:0;z-index:2147483600;display:grid;place-items:center;padding:18px;background:#07100cba;backdrop-filter:blur(7px)}.settings-modal[hidden]{display:none}.settings-dialog{width:min(430px,100%);padding:22px;color:#edf0df;background:#17231e;border:1px solid #617356;border-radius:14px;box-shadow:0 20px 70px #0009}.settings-heading{display:flex;align-items:start;justify-content:space-between;gap:18px}.settings-heading>div>span{color:var(--lime);font-size:9px;letter-spacing:1.8px}.settings-heading h2{margin:5px 0 0;font:500 24px 'Space Grotesk',sans-serif}.settings-heading button{width:42px;height:42px;color:#edf0df;font-size:25px;background:#243129;border:1px solid #617356;border-radius:8px}.settings-dialog>p{margin:14px 0 18px;color:#a6b6a6;font-size:12px;line-height:1.55}.character-style-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.character-style-options label{cursor:pointer}.character-style-options input{position:absolute;opacity:0;pointer-events:none}.character-style-options label>span{display:flex;min-height:84px;flex-direction:column;justify-content:center;gap:6px;padding:14px;border:1px solid #3b4939;border-radius:9px;background:#1b2820}.character-style-options b{font:600 14px 'Space Grotesk',sans-serif}.character-style-options small{color:#8d9c90;font-size:10px;line-height:1.4}.character-style-options input:checked+span{color:#17231e;background:var(--lime);border-color:var(--lime)}.character-style-options input:checked+span small{color:#43503d}.character-style-options input:focus-visible+span{outline:2px solid #edf0df;outline-offset:3px}@media(max-width:420px){.settings-dialog{padding:18px}.character-style-options{grid-template-columns:1fr}.character-style-options label>span{min-height:68px}}
.settings-audio{margin-top:20px;padding:14px;background:#101b17;border:1px solid #3b4939;border-radius:9px}.settings-audio>span{display:block;margin-bottom:10px;color:#9eaf90;font-size:9px;letter-spacing:1.5px}.settings-audio>div{display:flex;align-items:center;gap:14px}.settings-audio .volume-control{flex:1}.settings-audio .volume-control input{width:100%}.settings-audio .sound{min-height:42px;white-space:nowrap}@media(max-width:420px){.settings-audio>div{align-items:stretch;flex-direction:column}.settings-audio .volume-control{width:100%}}
.achievements-dialog{display:flex;max-height:min(680px,calc(100vh - 36px));flex-direction:column;width:min(560px,100%)}.achievement-list{display:flex;min-height:120px;flex-direction:column;gap:10px;margin-top:18px;padding-right:5px;overflow-y:auto;overscroll-behavior:contain}.achievement-list-item{display:flex;gap:13px;padding:14px;background:#101b17;border:1px solid #3b4939;border-radius:9px}.achievement-list-item>span{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;color:#715518;font-size:20px;background:#f4dc76;border:3px solid #b98e2f;border-radius:50%}.achievement-list-item strong{display:block;color:#fff8cf;font:600 14px/1.25 'Space Grotesk',sans-serif}.achievement-list-item p{margin:5px 0 0;color:#aeb9a6;font-size:11px;line-height:1.45}.achievement-empty{margin:auto!important;padding:28px;color:#8d9c90!important;text-align:center}
.character-dialog{position:absolute;z-index:14;left:18px;bottom:18px;display:flex;align-items:center;gap:14px;width:min(360px,calc(100% - 36px));min-height:100px;padding:10px 16px 10px 10px;color:#edf0df;background:#101816ed;border:2px solid #d1e997;border-radius:12px;box-shadow:0 8px 28px #0009;pointer-events:none}.character-dialog[hidden]{display:none}.character-dialog img{width:82px;height:82px;flex:0 0 82px;object-fit:contain;image-rendering:pixelated;background:#26352b;border:1px solid #617356;border-radius:8px}.character-dialog>div{min-width:0}.character-dialog strong{display:block;margin-bottom:5px;color:#d1e997;font:600 12px 'Space Grotesk',sans-serif;letter-spacing:1px;text-transform:uppercase}.character-dialog p{margin:0;color:#f5f3df;font:600 18px/1.2 'Space Grotesk',sans-serif}
.achievement-card{position:absolute;z-index:30;top:18px;right:18px;display:flex;align-items:center;gap:14px;width:min(390px,calc(100% - 36px));padding:15px;color:#f8f3d3;background:linear-gradient(135deg,#17231ef5,#293822f5);border:2px solid #f4dc76;border-radius:12px;box-shadow:0 14px 38px #000a;animation:achievement-in .55s cubic-bezier(.2,.85,.25,1.15) both;cursor:pointer;pointer-events:auto}.achievement-card[hidden]{display:none}.achievement-card.closing{animation:achievement-out .3s ease-in both}.achievement-icon{display:grid;width:58px;height:58px;flex:0 0 58px;place-items:center;color:#715518;font-size:30px;background:#f4dc76;border:4px solid #b98e2f;border-radius:50%;box-shadow:inset 0 0 0 2px #fff0a0}.achievement-card div{min-width:0}.achievement-card small{display:block;color:#f4dc76;font-size:9px;font-weight:700;letter-spacing:1.6px}.achievement-card strong{display:block;margin:5px 0 3px;color:#fff8cf;font:700 17px/1.15 'Space Grotesk',sans-serif}.achievement-card p{margin:0;color:#d9dfc9;font-size:11px;line-height:1.35}.achievement-card em{display:block;margin-top:7px;color:#8fa086;font-size:9px;font-style:normal}@keyframes achievement-in{from{opacity:0;transform:translateX(calc(100% + 30px))}to{opacity:1;transform:translateX(0)}}@keyframes achievement-out{to{opacity:0;transform:translateX(calc(100% + 30px))}}@media(max-width:520px){.achievement-card{top:10px;right:10px;width:calc(100% - 20px);padding:11px}.achievement-icon{width:46px;height:46px;flex-basis:46px;font-size:24px}.achievement-card strong{font-size:14px}}
#board-text,#write-board-text{display:none}.settings-dialog{max-height:calc(100vh - 36px);overflow:auto}.character-pool-section{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.character-pool-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.character-pool-heading>div{display:flex;flex-direction:column;gap:4px}.character-pool-heading span{color:var(--lime);font-size:9px;letter-spacing:1.5px}.character-pool-heading small{color:var(--muted);font-size:10px}.character-pool-heading button,.pool-character button,.creator-submit{padding:9px 12px;color:#17231e;background:var(--lime);border:0;border-radius:6px;font-weight:700}.character-pool{display:grid;gap:8px;margin-top:12px}.character-pool>p{margin:5px 0;color:var(--muted);font-size:11px}.pool-character{display:flex;align-items:center;gap:10px;padding:8px;background:#101b17;border:1px solid var(--line);border-radius:8px}.pool-character img{width:42px;height:48px;object-fit:cover;border-radius:50%}.pool-character div{display:flex;min-width:0;flex:1;flex-direction:column}.pool-character strong{font-size:12px}.pool-character small{color:var(--muted);font-size:9px}.pool-character button:disabled{color:#758071;background:#344035}.character-creator-dialog{width:min(760px,100%)}#character-form{display:grid;gap:13px;margin-top:18px}.creator-field{display:flex;flex-direction:column;gap:6px;color:#b4c0ad;font-size:10px;letter-spacing:1px}.creator-field input{min-height:40px;padding:8px;color:#fff;background:#101b17;border:1px solid #617356;border-radius:6px}.creator-field input[type=color]{width:100%;padding:4px}.crop-workspace{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:16px}.crop-stage{height:340px;overflow:hidden;background:#0d1512;border:1px solid #617356;border-radius:8px}.crop-stage img{display:block;max-width:100%}.crop-stage .cropper-view-box,.crop-stage .cropper-face{border-radius:50%}.crop-stage .cropper-view-box{outline:2px solid var(--lime);outline-color:#d1e997cc;box-shadow:0 0 0 9999px #07100c99}.character-preview{display:flex;align-items:center;flex-direction:column;gap:8px;color:var(--lime);font-size:9px;letter-spacing:1px}.character-preview canvas{width:96px;height:140px;background:#26352b;border:1px solid #617356;border-radius:8px}.character-preview strong{color:#edf0df;font-size:12px;letter-spacing:0}.form-status{min-height:18px;margin:0!important;color:#f0c982!important}.creator-submit{min-height:42px}.creator-submit:disabled{opacity:.55;cursor:wait}@media(max-width:620px){.crop-workspace{grid-template-columns:1fr}.crop-stage{height:260px}.character-preview{display:grid;grid-template-columns:96px 1fr}.character-preview>span{grid-column:1/-1}.character-preview canvas{grid-row:2/4}.character-preview strong{align-self:start}}
.creator-top{display:grid;grid-template-columns:minmax(0,1fr) 132px;align-items:start;gap:18px}.creator-fields{display:grid;gap:11px;min-width:0}.creator-fields .creator-field input{width:100%;min-width:0}.creator-fields input[type=file]{padding:6px;font-size:11px}.creator-top .character-preview{min-width:0}.crop-workspace{display:block}.crop-stage.empty{display:none}@media(max-width:520px){.creator-top{grid-template-columns:minmax(0,1fr) 108px;gap:10px}.creator-top .character-preview{display:flex}.creator-top .character-preview canvas{width:82px;height:120px}.creator-top .character-preview>span{grid-column:auto}.creator-top .character-preview strong{max-width:100%;font-size:10px;text-align:center;overflow-wrap:anywhere}}
.commerce-dialog{width:min(610px,100%)}.commerce-balance{display:flex;justify-content:space-between;padding:12px 14px;color:#b9c5b2!important;background:#101b17;border:1px solid var(--line);border-radius:8px}.commerce-balance strong{color:#f4dc76}.commerce-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.commerce-item{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;padding:11px;background:#101b17;border:1px solid #3b4939;border-radius:9px}.commerce-item.equipped{border-color:var(--lime);background:#243228}.commerce-item canvas{width:48px;height:48px;background:#26352b;border-radius:8px}.commerce-item div{display:flex;min-width:0;flex-direction:column;gap:4px}.commerce-item strong{font:600 13px 'Space Grotesk',sans-serif}.commerce-item small,.commerce-item em{color:#8fa086;font-size:9px;line-height:1.35;font-style:normal}.commerce-item button,.inventory-clear{grid-column:1/-1;min-height:36px;padding:8px 10px;color:#17231e;background:var(--lime);border:0;border-radius:6px;font-size:11px;font-weight:700}.commerce-item button:disabled,.inventory-clear:disabled{color:#7f8a7d;background:#344035;cursor:default}.inventory-clear{width:100%;margin-top:14px;color:#edf0df;background:#344035;border:1px solid #617356}@media(max-width:560px){.commerce-list{grid-template-columns:1fr}#inventory-toggle span{display:none}}@media(max-width:420px){#score-counters{gap:3px}#money-counter,#bond-counter,#achievement-counter{gap:3px;padding:5px}#money-counter b,#bond-counter b{min-width:20px;font-size:15px}}
@media(max-width:600px){header{height:auto;min-height:65px;flex-wrap:wrap;gap:10px;padding:12px 0}.header-actions{width:100%;flex-wrap:wrap}.header-actions #score-counters{width:100%;justify-content:center}.header-actions>.sound{display:inline-flex;flex:1;min-width:0;align-items:center;justify-content:center;white-space:nowrap}#inventory-toggle span{display:inline}}