.level-art-lab{width:min(1180px,100%);min-height:100dvh;padding:calc(var(--ui-safe-top) + var(--ui-space-5)) calc(var(--ui-safe-right) + var(--ui-space-4)) calc(var(--ui-safe-bottom) + var(--ui-space-6)) calc(var(--ui-safe-left) + var(--ui-space-4));color:var(--ui-text-primary);margin:0 auto}.level-art-lab__intro,.level-art-lab__panel,.level-art-lab__notice{background:var(--ui-surface-primary);border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-control)}.level-art-lab__intro{padding:var(--ui-space-5)}.level-art-lab__intro h1,.level-art-lab__intro p,.level-art-lab__panel h2,.level-art-lab__panel p{margin-top:0}.level-art-lab__intro h1{margin-bottom:var(--ui-space-2);font-size:28px}.level-art-lab__intro p:last-child,.level-art-lab__panel p:last-child{margin-bottom:0}.level-art-lab__eyebrow{margin-bottom:var(--ui-space-2);color:var(--ui-text-secondary);font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold)}.level-art-lab__controls{margin-top:var(--ui-space-4);gap:var(--ui-space-4);padding:var(--ui-space-4);grid-template-columns:minmax(260px,2fr) repeat(4,minmax(110px,1fr));align-items:end;display:grid}.level-art-lab__controls label,.level-art-lab__file-control{gap:var(--ui-space-1);color:var(--ui-text-secondary);font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);display:grid}.level-art-lab__controls input,.level-art-lab__controls select,.level-art-lab__hex-input{min-height:42px;padding:0 var(--ui-space-3);color:var(--ui-text-primary);font:inherit;border:1px solid var(--ui-border-warm);border-radius:var(--ui-radius-sm);background:#fffdf8}.level-art-lab__controls input[type=file]{width:100%;padding:8px}.level-art-lab__controls input:disabled{opacity:.55}.level-art-lab__file-control small{min-height:1.2em;font-weight:var(--ui-font-weight-normal);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.level-art-lab__check{min-height:42px;padding:0 var(--ui-space-3);background:var(--ui-surface-warm);border-radius:var(--ui-radius-sm);grid-template-columns:auto 1fr;align-items:center}.level-art-lab__check input{width:18px;height:18px;min-height:0;padding:0}.level-art-lab__comparison{margin-top:var(--ui-space-4);gap:var(--ui-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.level-art-lab__preview-card,.level-art-lab>.level-art-lab__panel{padding:var(--ui-space-4)}.level-art-lab>.level-art-lab__panel{margin-top:var(--ui-space-4)}.level-art-lab__section-heading{justify-content:space-between;align-items:center;gap:var(--ui-space-3);min-height:32px;margin-bottom:var(--ui-space-3);display:flex}.level-art-lab__section-heading h2{font-size:var(--ui-font-size-lg);margin:0}.level-art-lab__section-heading>span{color:var(--ui-text-secondary);font-size:var(--ui-font-size-xs);font-variant-numeric:tabular-nums}.level-art-lab__preview-stage{min-height:420px;padding:var(--ui-space-3);border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-md);background:#e9e2d5;place-items:center;display:grid;overflow:hidden}.level-art-lab__preview-stage img{object-fit:contain;max-width:100%;max-height:480px;display:block}.level-art-lab__preview-stage p{color:var(--ui-text-secondary);text-align:center}.level-art-lab__pixel-stage{background-color:#f3eee4;background-image:linear-gradient(45deg,#5a4e4417 25%,#0000 25%),linear-gradient(-45deg,#5a4e4417 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#5a4e4417 75%),linear-gradient(-45deg,#0000 75%,#5a4e4417 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.level-art-lab__pixel-stage canvas{width:auto;max-width:100%;max-height:480px;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.level-art-lab__palette{gap:var(--ui-space-2);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.level-art-lab__palette-row{gap:var(--ui-space-2);min-height:48px;padding:var(--ui-space-2);background:var(--ui-surface-warm);border-radius:var(--ui-radius-sm);grid-template-columns:24px 38px minmax(92px,1fr) auto;align-items:center;display:grid}.level-art-lab__palette-swatch{border:1px solid var(--ui-border-soft);border-radius:6px;width:38px;height:34px}.level-art-lab__palette-row code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px}.level-art-lab__palette-count{color:var(--ui-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.level-art-lab__stats{gap:var(--ui-space-3);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.level-art-lab__stats>div{padding:var(--ui-space-3);background:var(--ui-surface-warm);border-radius:var(--ui-radius-sm)}.level-art-lab__stats dt{color:var(--ui-text-secondary);font-size:13px}.level-art-lab__stats dd{margin:var(--ui-space-1) 0 0;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-bold);font-variant-numeric:tabular-nums}.level-art-lab__validity{color:#1d6a46;border-radius:var(--ui-radius-round);background:#dff6e8;padding:5px 10px;font-size:13px}.level-art-lab__validity--invalid{color:#8f2f32;background:#ffe2e2}.level-art-lab__outputs{margin-top:var(--ui-space-4);gap:var(--ui-space-4);grid-template-columns:2fr 1fr 1fr;display:grid}.level-art-lab__output-card{min-width:0;padding:var(--ui-space-4)}.level-art-lab button{min-height:36px;padding:0 var(--ui-space-3);color:var(--ui-text-on-color);font:inherit;font-size:13px;font-weight:var(--ui-font-weight-bold);background:var(--ui-accent);border-radius:var(--ui-radius-sm);box-shadow:0 3px 0 var(--ui-accent-dark);cursor:pointer;border:0}.level-art-lab button:active{transform:translateY(1px)}.level-art-lab pre{max-height:500px;padding:var(--ui-space-3);color:#26303c;border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-sm);tab-size:2;background:#f8f5ed;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.45;overflow:auto}.level-art-lab__copy-all{align-items:center;gap:var(--ui-space-3);min-height:52px;margin-top:var(--ui-space-4);display:flex}.level-art-lab__copy-all button{min-height:44px;padding-inline:var(--ui-space-5)}.level-art-lab__copy-all span{color:var(--ui-text-secondary);font-size:var(--ui-font-size-xs)}.level-art-lab__error{margin:var(--ui-space-4) 0 0;padding:var(--ui-space-3) var(--ui-space-4);color:#8f2f32;border-radius:var(--ui-radius-md);background:#ffe2e2;border:1px solid #e9a7a7}.level-art-lab__notice{margin-top:var(--ui-space-4);padding:var(--ui-space-4);color:var(--ui-text-secondary);font-size:var(--ui-font-size-xs);text-align:center}@media (width<=980px){.level-art-lab__controls{grid-template-columns:repeat(3,minmax(0,1fr))}.level-art-lab__file-control{grid-column:1/-1}.level-art-lab__outputs{grid-template-columns:1fr 1fr}.level-art-lab__output-card:first-child{grid-column:1/-1}}@media (width<=720px){.level-art-lab{padding:calc(var(--ui-safe-top) + var(--ui-space-3)) calc(var(--ui-safe-right) + var(--ui-space-3)) calc(var(--ui-safe-bottom) + var(--ui-space-4)) calc(var(--ui-safe-left) + var(--ui-space-3))}.level-art-lab__comparison,.level-art-lab__outputs{grid-template-columns:1fr}.level-art-lab__output-card:first-child{grid-column:auto}.level-art-lab__preview-stage{min-height:280px}.level-art-lab__pixel-stage canvas{width:100%;height:auto}.level-art-lab__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.level-art-lab__intro,.level-art-lab__preview-card,.level-art-lab>.level-art-lab__panel,.level-art-lab__output-card{padding:var(--ui-space-3)}.level-art-lab__controls{grid-template-columns:repeat(2,minmax(0,1fr))}.level-art-lab__file-control,.level-art-lab__check:last-child{grid-column:1/-1}.level-art-lab__palette{grid-template-columns:1fr}.level-art-lab__palette-row{grid-template-columns:22px 36px minmax(88px,1fr)}.level-art-lab__palette-count{grid-column:3}}.runtime-debug-overlay{z-index:calc(var(--ui-z-modal) + 100);top:calc(var(--ui-safe-top) + var(--ui-space-2));right:calc(var(--ui-safe-right) + var(--ui-space-2));width:min(300px, calc(100vw - var(--ui-safe-left) - var(--ui-safe-right) - 16px));max-height:calc(100dvh - var(--ui-safe-top) - var(--ui-safe-bottom) - 16px);padding:var(--ui-space-3);color:var(--ui-text-primary);background:var(--ui-surface-modal);border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-modal);font-size:12px;line-height:1.35;position:fixed;overflow-y:auto}.runtime-debug-overlay h2{margin:0 64px var(--ui-space-2) 0;font-size:var(--ui-font-size-sm)}.runtime-debug-overlay>button{top:var(--ui-space-2);right:var(--ui-space-2);min-height:28px;padding:0 var(--ui-space-2);color:var(--ui-text-primary);font:inherit;font-weight:var(--ui-font-weight-semibold);background:var(--ui-surface-warm);border:1px solid var(--ui-border-warm);border-radius:var(--ui-radius-sm);cursor:pointer;position:absolute}.runtime-debug-overlay dl{gap:var(--ui-space-1) var(--ui-space-2);grid-template-columns:minmax(92px,auto) minmax(0,1fr);margin:0;display:grid}.runtime-debug-overlay dt{color:var(--ui-text-secondary)}.runtime-debug-overlay dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;min-width:0;font-weight:var(--ui-font-weight-semibold);margin:0}@media (width>=768px) and (pointer:fine){.runtime-debug-overlay{width:min(260px,100vw - 16px);max-height:calc(100dvh - 16px);padding:var(--ui-space-2);font-size:10px;line-height:1.25}.runtime-debug-overlay h2{margin:0 56px var(--ui-space-1) 0;font-size:12px}.runtime-debug-overlay>button{min-height:24px;padding-inline:var(--ui-space-1)}.runtime-debug-overlay dl{gap:2px var(--ui-space-1);grid-template-columns:80px minmax(0,1fr)}}@media (width<=520px){.runtime-debug-overlay{right:auto;left:calc(var(--ui-safe-left) + var(--ui-space-2));width:calc(100vw - var(--ui-safe-left) - var(--ui-safe-right) - 14px);max-height:min(44dvh,360px)}}.game-ui{z-index:var(--ui-z-base);color:var(--ui-text-primary);pointer-events:none;transform-origin:0 0;position:absolute;top:0;left:0}.game-ui button{font:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.game-ui button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}.game-header{height:var(--ui-title-height);grid-template-columns:var(--ui-control-size) var(--ui-control-size) 1fr var(--ui-control-size);box-sizing:border-box;background:linear-gradient(180deg, var(--ui-shop-panel-top) 0%, var(--ui-header-surface) 100%);border:2px solid var(--ui-border-warm);border-radius:var(--ui-radius-lg);box-shadow:inset 2px 2px 0 #ffffffb8, inset -2px -3px 0 #b8793d33, 0 3px 0 var(--ui-header-edge-dark), 0 6px 12px #4a2b191a;align-items:center;gap:0;padding:3px;display:grid;position:absolute}.ui-control,.level-label{box-sizing:border-box;height:100%;color:var(--ui-text-primary);clip-path:none;box-shadow:none;filter:none;background:0 0;border:0;border-radius:0;position:relative}.ui-control{cursor:pointer;pointer-events:auto;place-items:center;width:100%;padding:0;display:grid}.ui-control:disabled{cursor:default}.home-control{z-index:calc(var(--ui-z-modal) + 1)}.home-control,.restart-control{border-right:2px solid #b16f3057}.speed-control{border-left:2px solid #b16f3057}.ui-control:before{content:"";position:absolute;inset:-4px}.ui-control:active{transform:translateY(1px)}.home-control svg,.restart-control svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.speed-control{position:relative}.speed-value{color:var(--ui-text-primary);font-size:20px;font-weight:var(--ui-font-weight-heavy);font-variant-numeric:tabular-nums;line-height:1}.speed-times{color:var(--ui-text-primary);font-size:10px;font-weight:var(--ui-font-weight-heavy);pointer-events:none;line-height:1;position:absolute;top:7px;right:7px}.speed-accent{pointer-events:none;width:6px;height:6px;position:absolute;bottom:8px;right:7px}.speed-accent:before,.speed-accent:after{content:"";background:var(--ui-header-accent);height:2px;position:absolute;right:0}.speed-accent:before{width:6px;top:0}.speed-accent:after{width:4px;bottom:0}.level-label{width:100%;min-width:0;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-heavy);letter-spacing:.1em;font-variant-numeric:tabular-nums;justify-self:stretch;place-items:center;padding:0 14px;line-height:1;display:grid}.level-label:after{display:none}.action-tray{grid-template-columns:repeat(5, var(--action-tray-slot-size));gap:var(--action-tray-gap);padding-inline:var(--action-tray-padding-inline);box-sizing:border-box;isolation:isolate;pointer-events:none;align-items:center;display:grid;position:absolute}.action-tray:before{z-index:0;box-sizing:border-box;content:"";background:var(--ui-frame-wood);border:4px solid var(--ui-frame-dark);box-shadow:inset 0 0 0 3px var(--ui-frame-terracotta), inset 0 0 0 5px var(--ui-frame-highlight), 0 3px 0 var(--ui-frame-dark);border-radius:0;position:absolute;inset:0}.action-tray__corner{z-index:2;box-sizing:border-box;background:var(--ui-frame-terracotta);border:2px solid var(--ui-frame-dark);width:12px;height:12px;box-shadow:inset 2px 2px 0 var(--ui-frame-highlight);position:absolute}.action-tray__corner--top-left{top:2px;left:2px}.action-tray__corner--top-right{top:2px;right:2px}.action-tray__corner--bottom-left{bottom:2px;left:2px}.action-tray__corner--bottom-right{bottom:2px;right:2px}.action-tray>.active-slot{z-index:1;position:relative}.stack-card,.flying-batch,.active-slot--occupied,.active-slot__departure{width:var(--ui-card-size);height:var(--ui-card-size);box-sizing:border-box;color:var(--ui-batch-number-color);font-variant-numeric:tabular-nums;background:var(--batch-color,var(--ui-surface-warm));border:var(--ui-game-card-border);clip-path:var(--ui-game-card-clip);box-shadow:var(--ui-game-card-shadow);border-radius:0;place-items:center;padding:0;line-height:1;display:grid}.active-slot{z-index:1;width:var(--ui-slot-size);height:var(--ui-slot-size);box-sizing:border-box;color:var(--ui-batch-number-color);font-variant-numeric:tabular-nums;background:var(--ui-surface-warm);border:2px solid var(--ui-frame-inner);box-shadow:inset 3px 3px 0 var(--ui-frame-wood), inset -2px -2px 0 var(--ui-frame-highlight);border-radius:0;place-items:center;padding:0;line-height:1;display:grid;position:relative}.active-slot>span:not(.active-slot__departure),.active-slot__departure>span,.stack-card>span,.flying-batch>span{box-sizing:border-box;width:100%;height:100%;color:var(--ui-batch-number-color);font-size:var(--ui-batch-number-size);font-weight:var(--ui-batch-number-weight);pointer-events:none;transform:translateY(var(--ui-batch-number-optical-y));text-shadow:var(--ui-batch-number-shadow);place-items:center;margin:0;padding:0;line-height:1;display:grid;position:absolute;inset:0}.active-slot--occupied{background:var(--batch-color)}.active-slot--incoming{background:var(--ui-surface-warm)}.active-slot--incoming>span:not(.active-slot__departure){opacity:0}.active-slot--arrived{animation:slot-arrive var(--ui-motion-fast) ease-out}.active-slot__departure{z-index:2;box-sizing:border-box;pointer-events:none;transform-origin:50%;animation:slot-departure var(--ui-motion-slot-departure) ease-in forwards;position:absolute;inset:0}@keyframes slot-arrive{0%{opacity:.7;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slot-departure{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-2px)scale(.72)}}.batch-stacks{height:var(--ui-stack-height);grid-template-columns:repeat(4, var(--ui-card-size));pointer-events:none;justify-content:space-between;display:grid;position:absolute}.batch-stack,.stack-column{width:var(--ui-card-size);height:var(--ui-stack-height);pointer-events:none;position:relative}.stack-column{align-items:center;gap:var(--ui-stack-gap);flex-direction:column;display:flex}.stack-card{flex:0 0 var(--ui-card-size);opacity:1;filter:none;pointer-events:none;transition:opacity var(--ui-queued-transition) ease, filter var(--ui-queued-transition) ease, transform var(--ui-motion-normal) var(--ui-ease-standard);position:relative}.stack-card--depth-0{z-index:3;opacity:1;filter:none;box-shadow:var(--ui-game-card-shadow);cursor:pointer;pointer-events:auto}.stack-card--depth-0:after{content:"";position:absolute;inset:-3px}.stack-card--depth-1{z-index:2;opacity:var(--ui-queued-depth-1-opacity);filter:saturate(var(--ui-queued-depth-1-saturation)) brightness(var(--ui-queued-depth-1-brightness));box-shadow:var(--ui-shadow-card-queued);cursor:default}.stack-card--depth-2{z-index:1;opacity:var(--ui-queued-depth-2-opacity);filter:saturate(var(--ui-queued-depth-2-saturation)) brightness(var(--ui-queued-depth-2-brightness));box-shadow:var(--ui-shadow-card-queued);cursor:default}.stack-card--disabled{cursor:default}.stack-card--depth-0.stack-card--disabled{opacity:var(--ui-batch-disabled-opacity);filter:saturate(var(--ui-batch-disabled-saturation)) brightness(var(--ui-batch-disabled-brightness));box-shadow:var(--ui-shadow-card-queued);pointer-events:none}.stack-card:disabled{cursor:default}.stack-card--depth-0:not(.stack-card--disabled):active{transform:translateY(1px)}.stack-card--departing{opacity:0}.stack-card--shake{animation:stack-shake var(--ui-motion-shake) ease-in-out}@keyframes stack-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.stack-move{transition:opacity var(--ui-queued-transition) ease, filter var(--ui-queued-transition) ease, transform var(--ui-motion-normal) var(--ui-ease-standard)}.stack-enter-active{transition:opacity var(--ui-motion-fast) ease 45ms}.stack-enter-from,.stack-leave-to{opacity:0}.stack-leave-active{transition:opacity 55ms;position:absolute}.flying-batch{z-index:var(--ui-z-flight);pointer-events:none;transform-origin:50%;transition:transform var(--ui-motion-flight) var(--ui-ease-standard);will-change:transform;position:absolute;transform:translate(-50%,-50%)scale(1)}.flying-batch--active{transform:translate(-50%, -50%) translate(var(--flight-x), var(--flight-y)) scale(var(--flight-scale))}.game-modal-backdrop{z-index:var(--ui-z-modal);padding:var(--ui-space-5);background:var(--ui-modal-backdrop);pointer-events:auto;place-items:center;display:grid;position:absolute;inset:0}.game-modal{box-sizing:border-box;text-align:center;background:linear-gradient(180deg, var(--ui-shop-panel-top) 0%, var(--ui-shop-panel-bottom) 100%);border:3px solid var(--ui-border-warm);border-radius:var(--ui-radius-lg);width:calc(100% - 32px);max-width:312px;box-shadow:inset 3px 3px 0 #ffffffb8, inset -3px -4px 0 #b8793d2e, 0 5px 0 var(--ui-header-edge-dark), 0 12px 24px #4a2b1938;padding:26px 22px 24px}.game-modal h2{color:var(--ui-text-primary);font-size:var(--ui-font-size-title);font-weight:var(--ui-font-weight-heavy);letter-spacing:.04em;text-shadow:0 2px #ffffff8a;margin:0 0 12px;line-height:1.05}.game-modal p{margin:0 0 var(--ui-space-6);color:var(--ui-text-secondary);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-semibold);line-height:1.25}.game-modal button{width:100%;min-height:50px;color:var(--ui-text-on-color);font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-heavy);letter-spacing:.035em;background:var(--ui-shop-action-green);border:2px solid var(--ui-shop-action-green-edge);border-radius:var(--ui-radius-md);box-shadow:inset 2px 2px 0 var(--ui-shop-action-green-highlight), inset -2px -3px 0 #1f6e4333, 0 4px 0 var(--ui-shop-action-green-edge);cursor:pointer;padding:0 14px;line-height:1}.game-modal--deadlock button{background:var(--ui-home-action-coral);border-color:var(--ui-home-action-coral-dark);box-shadow:inset 2px 2px 0 #ffc7aeb3, inset -2px -3px 0 #8b372f33, 0 4px 0 var(--ui-home-action-coral-dark)}.game-modal button:active{transform:translateY(1px)}.game-ui[data-layout=desktop] .game-modal{max-width:400px;padding:30px 28px 28px}.game-ui[data-layout=desktop] .game-modal h2{font-size:30px}@media (hover:hover) and (pointer:fine){.ui-control:hover{background:#ffffff2e}.stack-card--depth-0:not(.stack-card--disabled):hover{filter:brightness(1.06)saturate(1.06)}.game-modal button:hover{filter:brightness(1.04)saturate(1.03)}.game-modal{max-width:332px}}@media (hover:none),(pointer:coarse){.ui-control:active,.stack-card--depth-0:not(.stack-card--disabled):active,.game-modal button:active{transform:translateY(1px)}}.ui-lab-page{z-index:auto;width:100%;max-width:1080px;height:auto;min-height:100dvh;padding:calc(var(--ui-safe-top) + var(--ui-space-5)) calc(var(--ui-safe-right) + var(--ui-space-4)) calc(var(--ui-safe-bottom) + var(--ui-space-6)) calc(var(--ui-safe-left) + var(--ui-space-4));color:var(--ui-text-primary);pointer-events:auto;margin:0 auto;position:relative;top:auto;left:auto;transform:none}.ui-lab-intro,.ui-lab-section{background:var(--ui-surface-primary);border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-lg);width:100%;box-shadow:var(--ui-shadow-control)}.ui-lab-intro{margin-bottom:var(--ui-space-4);padding:var(--ui-space-5)}.ui-lab-intro h1,.ui-lab-section h2,.ui-lab-intro p,.ui-lab-section p{margin-top:0}.ui-lab-intro h1{margin-bottom:var(--ui-space-2);font-size:var(--ui-font-size-title)}.ui-lab-intro p:last-child,.ui-lab-section p:last-child{margin-bottom:0}.ui-lab-eyebrow{margin-bottom:var(--ui-space-2);color:var(--ui-text-secondary);font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold)}.ui-lab-section{margin-top:var(--ui-space-4);padding:var(--ui-space-5);overflow:hidden}.ui-lab-section h2{margin-bottom:var(--ui-space-4);font-size:var(--ui-font-size-lg)}.ui-lab-component-grid,.ui-lab-stack-grid,.ui-lab-token-grid,.ui-lab-readout-grid,.ui-lab-safe-grid{gap:var(--ui-space-5);display:grid}.ui-lab-component-grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}.ui-lab-sample,.ui-lab-inline-example,.ui-lab-safe-sample{align-items:center;gap:var(--ui-space-3);flex-direction:column;display:flex}.ui-lab-label,.ui-lab-note,.ui-lab-readout{color:var(--ui-text-secondary);font-size:var(--ui-font-size-xs)}.stack-card.ui-lab-force-hover{filter:brightness(1.05)saturate(1.04);transform:translateY(-2px)}.stack-card.ui-lab-force-pressed{filter:none;transform:translateY(1px)}.ui-control.ui-lab-force-hover{background:var(--ui-header-surface-hover)}.ui-control.ui-lab-force-pressed{box-shadow:var(--ui-shadow-header-control-pressed);filter:var(--ui-filter-header-control-pressed);transform:translateY(2px)}.ui-lab-header-stage{width:360px;max-width:100%;height:68px;margin-bottom:var(--ui-space-4);position:relative}.ui-lab-inline-example{width:max-content}.ui-lab-header-state-grid{gap:var(--ui-space-5);grid-template-columns:repeat(3,minmax(92px,max-content));align-items:start;display:grid}.ui-lab-queue-state-grid{align-items:flex-start;gap:var(--ui-space-6);flex-wrap:wrap;display:flex}.ui-lab-queue-preview{align-items:flex-start;gap:var(--ui-space-3);display:flex}.ui-lab-queue-labels{grid-template-rows:repeat(3, var(--ui-card-size));gap:var(--ui-stack-gap);color:var(--ui-text-secondary);font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-bold);display:grid}.ui-lab-queue-labels span{align-items:center;display:flex}.ui-lab-slot-preview{width:var(--ui-slot-size);height:var(--ui-slot-size);position:relative}.ui-lab-stack-grid{grid-template-columns:repeat(4, var(--ui-card-size));justify-content:start}.ui-lab-readout{margin-top:var(--ui-space-4);margin-bottom:0}.ui-lab-dock-viewport{width:360px;max-width:100%;height:92px;margin-top:var(--ui-space-3);position:relative;overflow:hidden}.ui-lab-dock-scale{transform-origin:top;width:360px;height:92px;position:absolute;top:0;left:50%;transform:translate(-50%)}.ui-lab-coordinate-space{width:360px;height:640px;position:absolute;left:0}.ui-lab-modal-stage{background:var(--ui-surface-warm);border:1px solid var(--ui-border-warm);border-radius:var(--ui-radius-md);place-items:center;width:360px;max-width:100%;height:300px;display:grid;position:relative;overflow:hidden}.ui-lab-button{min-height:var(--ui-touch-target-min);padding:0 var(--ui-space-4);color:var(--ui-text-on-color);font:inherit;font-weight:var(--ui-font-weight-bold);background:var(--ui-accent);border-radius:var(--ui-radius-md);box-shadow:0 4px 0 var(--ui-accent-dark);cursor:pointer;border:0}.ui-lab-token-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.ui-lab-token-grid dl{padding:var(--ui-space-4);background:var(--ui-surface-warm);border-radius:var(--ui-radius-md);margin:0}.ui-lab-token-grid dt{margin-bottom:var(--ui-space-2);font-weight:var(--ui-font-weight-bold)}.ui-lab-token-grid dd{margin:var(--ui-space-1) 0 0;color:var(--ui-text-secondary)}.ui-lab-readout-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.ui-lab-readout-grid span{padding:var(--ui-space-3);background:var(--ui-surface-warm);border-radius:var(--ui-radius-sm)}.ui-lab-table-wrap{width:100%}.ui-lab-table-wrap table{border-collapse:collapse;width:100%;font-size:var(--ui-font-size-xs);font-variant-numeric:tabular-nums}.ui-lab-table-wrap th,.ui-lab-table-wrap td{padding:var(--ui-space-2) var(--ui-space-3);text-align:left;border-bottom:1px solid var(--ui-border-soft)}.ui-lab-safe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-lab-safe-preview{width:100%;height:150px;padding:var(--ui-safe-top) var(--ui-safe-right) var(--ui-safe-bottom) var(--ui-safe-left);background:var(--ui-wood);border-radius:var(--ui-radius-md)}.ui-lab-safe-preview>div{width:100%;height:100%;color:var(--ui-text-primary);background:var(--ui-surface-warm);border-radius:var(--ui-radius-sm);place-items:center;display:grid}@media (width<=520px){.ui-lab-page{padding:calc(var(--ui-safe-top) + var(--ui-space-3)) calc(var(--ui-safe-right) + var(--ui-space-3)) calc(var(--ui-safe-bottom) + var(--ui-space-4)) calc(var(--ui-safe-left) + var(--ui-space-3))}.ui-lab-intro,.ui-lab-section{padding:var(--ui-space-4)}.ui-lab-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-lab-stack-grid{grid-template-columns:repeat(2, var(--ui-card-size));row-gap:var(--ui-space-6)}.ui-lab-safe-grid{grid-template-columns:1fr}.ui-lab-header-state-grid{grid-template-columns:repeat(2,minmax(92px,max-content))}}@media (width<=390px){.ui-lab-dock-viewport{height:68px}.ui-lab-dock-scale{transform:translate(-50%)scale(.72)}}.screen-home-icon[data-v-06629c08]{fill:none;stroke:none;filter:drop-shadow(0 1.5px #7e45283d);overflow:visible}.screen-home-icon__body[data-v-06629c08]{fill:currentColor}.screen-home-icon__shine[data-v-06629c08]{fill:none;stroke:#ffffff75;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round}.loading-view[data-v-aa6a176e]{z-index:var(--ui-z-modal);color:var(--ui-text-primary);background:0 0;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.loading-content[data-v-aa6a176e]{justify-items:center;gap:clamp(20px,4cqw,28px);width:min(72%,420px);animation:.16s ease-out both loading-content-enter-aa6a176e;display:grid;transform:translateY(-5cqh)}.loading-logo[data-v-aa6a176e]{width:100%;max-width:420px}.loading-logo img[data-v-aa6a176e]{filter:drop-shadow(0 3px 2px #4627262e);width:100%;height:auto;display:block}.loading-logo>span[data-v-aa6a176e],.loading-stage[data-v-aa6a176e]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.loading-status[data-v-aa6a176e]{width:min(88%,360px)}.loading-track[data-v-aa6a176e]{background:linear-gradient(#f8e1b2 0%,#f1ce94 56%,#e8b979 100%);border:clamp(1px,.35cqw,2px) solid #d1975f;border-radius:999px;height:clamp(18px,5cqw,24px);padding:clamp(3px,.8cqw,4px);overflow:hidden;box-shadow:inset 0 1px #fff9dae0,inset 0 -1px #ad67312e,0 3px #73441f2e}.loading-track>span[data-v-aa6a176e]{width:0;height:100%;transition:width var(--ui-motion-fast) ease-out;background:linear-gradient(#b7ef67 0%,#83d94d 48%,#58b93d 100%);border-radius:999px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #f1ffc9ad,inset 0 -3px #4377243d}.loading-track>span[data-v-aa6a176e]:after{content:"";background:#ffffe04d;border-radius:999px;height:2px;position:absolute;top:1px;left:5px;right:5px}.loading-action[data-v-aa6a176e]{min-height:48px;padding:var(--ui-space-2) var(--ui-space-4);color:var(--ui-batch-number-color);font:inherit;font-weight:var(--ui-font-weight-heavy);letter-spacing:.08em;background:var(--ui-frame-terracotta);border:2px solid var(--ui-frame-dark);box-shadow:inset 2px 2px 0 var(--ui-frame-highlight), inset -2px -2px 0 #c94f42, 0 3px 0 var(--ui-frame-dark);cursor:pointer;border-radius:999px}.loading-action[data-v-aa6a176e]:active{transform:translateY(1px)}@keyframes loading-content-enter-aa6a176e{0%{opacity:0}to{opacity:1}}.profile-badge[data-v-28a6a71e]{justify-content:center;align-items:center;gap:var(--ui-space-1);min-width:70px;max-width:100%;min-height:34px;padding:var(--ui-space-1) 5px;color:var(--ui-text-primary);background:var(--ui-header-surface);border:2px solid var(--ui-header-edge-dark);clip-path:var(--ui-game-card-clip);box-shadow:inset 2px 2px 0 var(--ui-header-highlight), inset -2px -2px 0 var(--ui-header-lower-edge);display:inline-flex}.profile-badge__mark[data-v-28a6a71e]{color:var(--ui-header-accent);flex:none;font-size:13px;line-height:1}.profile-badge strong[data-v-28a6a71e]{min-width:0;font-size:13px;font-weight:var(--ui-font-weight-heavy);letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-badge--compact[data-v-28a6a71e]{min-width:0;max-width:none;min-height:20px;padding:1px var(--ui-space-1);border-width:1px;gap:3px}.profile-badge--compact .profile-badge__mark[data-v-28a6a71e]{font-size:8px}.profile-badge--compact strong[data-v-28a6a71e]{letter-spacing:.03em;font-size:9px}.leaderboard-row[data-v-2a84dc26]{--rating-row-accent:var(--ui-shop-state-owned);--rating-row-depth:var(--ui-shop-action-disabled-edge);align-items:center;gap:var(--ui-space-2);min-height:72px;color:var(--ui-text-primary);background:linear-gradient(180deg, var(--ui-shop-card-top) 0%, var(--ui-surface-warm) 100%);border:3px solid var(--ui-border-warm);border-radius:var(--ui-radius-lg);box-shadow:inset 2px 2px 0 #ffffffb8, inset -2px -3px 0 #be844738, 0 4px 0 var(--rating-row-depth), 0 8px 14px #4d301b1a;grid-template-columns:64px minmax(0,1fr) 56px 44px;padding:8px 10px;display:grid}.leaderboard-row--rank-1[data-v-2a84dc26]{--rating-row-accent:var(--ui-rating-rank-gold);--rating-row-depth:var(--ui-rating-rank-gold-dark)}.leaderboard-row--rank-2[data-v-2a84dc26]{--rating-row-accent:var(--ui-rating-rank-silver);--rating-row-depth:var(--ui-rating-rank-silver-dark)}.leaderboard-row--rank-3[data-v-2a84dc26]{--rating-row-accent:var(--ui-rating-rank-bronze);--rating-row-depth:var(--ui-rating-rank-bronze-dark)}.leaderboard-row--current[data-v-2a84dc26]{--rating-row-accent:var(--ui-rating-current);--rating-row-depth:var(--ui-rating-current-dark);border-color:var(--ui-rating-current-dark);background:linear-gradient(var(--ui-rating-current-glow), var(--ui-rating-current-glow)), linear-gradient(180deg, var(--ui-shop-card-top) 0%, var(--ui-surface-warm) 100%)}.leaderboard-row__rank[data-v-2a84dc26]{width:42px;min-height:38px;font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-heavy);text-align:center;background:var(--rating-row-accent);border:2px solid var(--rating-row-depth);border-radius:var(--ui-radius-round);box-shadow:inset 0 2px 0 #ffffff7a, 0 2px 0 var(--rating-row-depth);place-items:center;padding:4px 6px;display:grid}.leaderboard-row__avatar[data-v-2a84dc26]{width:64px;height:64px;color:var(--ui-batch-number-color);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-heavy);background:var(--ui-wood);border:3px solid var(--ui-border-warm);box-shadow:inset 0 0 0 2px #ffffff5c, 0 3px 0 var(--ui-header-edge-dark);text-shadow:var(--ui-batch-number-shadow);border-radius:50%;place-items:center;display:grid;overflow:hidden}.leaderboard-row__avatar img[data-v-2a84dc26]{object-fit:cover;width:100%;height:100%;display:block}.leaderboard-row__identity[data-v-2a84dc26]{align-content:center;justify-items:start;gap:3px;min-width:0;display:grid}.leaderboard-row__identity strong[data-v-2a84dc26]{min-width:0;max-width:100%;font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-heavy);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaderboard-row__meta[data-v-2a84dc26]{align-items:center;gap:var(--ui-space-1);min-width:0;display:flex}.leaderboard-row__you[data-v-2a84dc26]{color:var(--ui-batch-number-color);font-size:10px;font-weight:var(--ui-font-weight-heavy);background:var(--ui-rating-current);border:1px solid var(--ui-rating-current-dark);border-radius:var(--ui-radius-round);flex:none;padding:3px 7px;box-shadow:inset 0 1px #ffffff61}.leaderboard-row__score[data-v-2a84dc26]{border-radius:var(--ui-radius-md);background:#fffaebad;border:1px solid #7e45283d;align-content:center;justify-items:center;min-width:54px;min-height:50px;padding:4px 5px;line-height:1;display:grid}.leaderboard-row__score strong[data-v-2a84dc26]{font-size:var(--ui-font-size-card);font-weight:var(--ui-font-weight-heavy)}.leaderboard-row__score span[data-v-2a84dc26]{color:var(--ui-text-secondary);font-size:8px;font-weight:var(--ui-font-weight-bold);letter-spacing:.025em;margin-top:3px}.leaderboard-row__meta[data-v-2a84dc26] .profile-badge--compact{background:var(--ui-shop-wallet-top);border-color:var(--ui-border-warm);border-radius:var(--ui-radius-round);clip-path:none;min-height:22px;padding:2px 6px;box-shadow:inset 0 1px #ffffff8a}@container (width<=380px){.leaderboard-row[data-v-2a84dc26]{grid-template-columns:50px minmax(0,1fr) 49px 38px;gap:5px;padding-inline:7px}.leaderboard-row__avatar[data-v-2a84dc26]{width:50px;height:50px}.leaderboard-row__rank[data-v-2a84dc26]{width:36px;min-height:34px;font-size:var(--ui-font-size-sm);padding-inline:3px}.leaderboard-row__score[data-v-2a84dc26]{min-width:47px;min-height:44px;padding-inline:3px}.leaderboard-row__identity strong[data-v-2a84dc26]{font-size:var(--ui-font-size-xs)}}.shop-coin-icon[data-v-b863ca2c]{filter:drop-shadow(0 1px #68391847);flex:none;width:1em;height:1em;overflow:visible}.shop-coin-icon__edge[data-v-b863ca2c]{fill:#b96c18}.shop-coin-icon__face[data-v-b863ca2c]{fill:#ffc92f;stroke:#9b5717;stroke-width:2px}.shop-coin-icon__rim[data-v-b863ca2c]{fill:#ffd95f;stroke:#eea71f;stroke-width:2px}.shop-coin-icon__star[data-v-b863ca2c]{fill:#fff3a7;stroke:#b66918;stroke-linejoin:round;stroke-width:1.5px}.shop-item-icon[data-v-38c8e2dc]{place-items:center;width:100%;height:100%;display:grid}.shop-item-icon svg[data-v-38c8e2dc]{filter:drop-shadow(0 4px 2px #562d1833);width:100%;height:100%;display:block;overflow:visible}.shop-item-icon__leaf-shadow[data-v-38c8e2dc]{fill:#24834a;stroke:#23643c;stroke-linejoin:round;stroke-width:6px}.shop-item-icon__leaf[data-v-38c8e2dc]{fill:#55ce67;stroke:#23643c;stroke-linejoin:round;stroke-width:6px}.shop-item-icon__leaf-vein[data-v-38c8e2dc]{fill:none;stroke:#f0f28b;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.shop-item-icon__star-shadow[data-v-38c8e2dc]{fill:#e7861c;stroke:#9f5a19;stroke-linejoin:round;stroke-width:6px}.shop-item-icon__star[data-v-38c8e2dc]{fill:#ffd342;stroke:#9f5a19;stroke-linejoin:round;stroke-width:6px}.shop-item-icon__star-shine[data-v-38c8e2dc]{fill:none;stroke:#fff4ad;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px}.shop-item-icon__crown-shadow[data-v-38c8e2dc]{fill:#d7791d;stroke:#924d1e;stroke-linejoin:round;stroke-width:6px;transform:translateY(6px)}.shop-item-icon__crown[data-v-38c8e2dc]{fill:#ffb92e;stroke:#924d1e;stroke-linejoin:round;stroke-width:6px}.shop-item-icon__crown-band[data-v-38c8e2dc]{fill:#ffda52;stroke:#924d1e;stroke-linejoin:round;stroke-width:5px}.shop-item-icon__jewel[data-v-38c8e2dc]{stroke:#924d1e;stroke-width:3px}.shop-item-icon__jewel--left[data-v-38c8e2dc]{fill:#49c8ef}.shop-item-icon__jewel--center[data-v-38c8e2dc]{fill:#f85f72}.shop-item-icon__jewel--right[data-v-38c8e2dc]{fill:#62cf6a}.shop-item-icon__fallback[data-v-38c8e2dc]{aspect-ratio:1;width:78%;color:var(--ui-batch-number-color);font-size:2.5em;font-weight:var(--ui-font-weight-heavy);background:var(--ui-frame-terracotta);border:5px solid var(--ui-frame-dark);box-shadow:inset 0 5px 0 var(--ui-frame-highlight);border-radius:50%;place-items:center;display:grid}.shop-item-card[data-v-973e2c46]{align-items:stretch;gap:var(--ui-space-2) var(--ui-space-3);min-height:180px;padding:var(--ui-space-3);color:var(--ui-text-primary);background:linear-gradient(180deg, var(--ui-shop-card-top) 0%, var(--ui-surface-warm) 100%);border:3px solid var(--ui-border-warm);border-radius:var(--ui-radius-lg);grid-template-rows:minmax(104px,1fr) 44px;grid-template-columns:minmax(92px,29%) minmax(0,1fr);display:grid;box-shadow:inset 3px 3px #ffffffb8,inset -3px -4px #be84473d,0 5px #7e45284d,0 9px 18px #4d301b1f}.shop-item-card__preview[data-v-973e2c46]{background:radial-gradient(circle,#ffffff9e 0 44%,#0000 72%);place-items:center;min-width:0;padding:6px;display:grid}.shop-item-card__icon[data-v-973e2c46]{width:100%;min-width:0;max-width:100%;height:100%}.shop-item-card__details[data-v-973e2c46]{align-content:center;justify-items:start;gap:var(--ui-space-1);min-width:0;display:grid}.shop-item-card__details strong[data-v-973e2c46]{overflow-wrap:anywhere;max-width:100%;font-size:clamp(18px, 5.2cqw, var(--ui-font-size-title));font-weight:var(--ui-font-weight-heavy);letter-spacing:.045em;line-height:1}.shop-item-card__price[data-v-973e2c46]{color:var(--ui-text-primary);align-items:center;gap:5px;font-size:clamp(20px,5.8cqw,27px);line-height:1;display:inline-flex}.shop-item-card__price b[data-v-973e2c46]{font-weight:var(--ui-font-weight-heavy)}.shop-item-card__state[data-v-973e2c46]{align-items:center;min-height:20px;display:flex}.shop-item-card__state-pill[data-v-973e2c46]{color:var(--ui-batch-number-color);font-size:10px;font-style:normal;font-weight:var(--ui-font-weight-heavy);letter-spacing:.055em;border-radius:var(--ui-radius-round);border:1px solid #5b371d6b;padding:3px 8px;line-height:1;box-shadow:inset 0 1px #ffffff61}.shop-item-card__state-pill--equipped[data-v-973e2c46]{background:var(--ui-shop-state-equipped)}.shop-item-card__state-pill--owned[data-v-973e2c46]{color:var(--ui-text-primary);background:var(--ui-shop-state-owned)}.shop-item-card__action[data-v-973e2c46]{min-height:var(--ui-touch-target-min);padding:var(--ui-space-1) var(--ui-space-3);color:var(--ui-batch-number-color);font:inherit;font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-heavy);letter-spacing:.05em;text-shadow:0 2px #50281447;background:var(--ui-shop-action-coral);border:2px solid var(--ui-frame-dark);border-radius:var(--ui-radius-md);box-shadow:inset 2px 2px 0 var(--ui-frame-highlight), inset -2px -3px 0 #973c2b52, 0 3px 0 var(--ui-frame-dark);cursor:pointer;grid-column:1/-1;line-height:1.1}.shop-item-card__action--equip[data-v-973e2c46]{background:var(--ui-shop-action-green);box-shadow:inset 2px 2px 0 var(--ui-shop-action-green-highlight), inset -2px -3px 0 #23784357, 0 3px 0 var(--ui-shop-action-green-edge);border-color:var(--ui-shop-action-green-edge)}.shop-item-card__action--unequip[data-v-973e2c46]{background:var(--ui-frame-terracotta)}.shop-item-card__action[data-v-973e2c46]:disabled{color:#765142;text-shadow:none;background:var(--ui-shop-action-disabled);border-color:var(--ui-shop-action-disabled-edge);cursor:not-allowed;box-shadow:inset 2px 2px #ffffff7a,inset -2px -2px #a473412e,0 2px #a8794c}.shop-item-card__action[data-v-973e2c46]:active:not(:disabled){transform:translateY(2px)}.shop-item-card__action[data-v-973e2c46]:focus-visible{outline:3px solid var(--ui-accent);outline-offset:3px}@media (hover:hover) and (pointer:fine){.shop-item-card__action[data-v-973e2c46]:hover:not(:disabled){filter:brightness(1.06)saturate(1.04)}}@container (width<=499px){.shop-item-card[data-v-973e2c46]{grid-template-rows:minmax(0,1fr) 44px;grid-template-columns:minmax(76px,26%) minmax(0,1fr);gap:4px 10px;min-height:0;padding:8px}.shop-item-card__preview[data-v-973e2c46]{padding:2px}.shop-item-card__details[data-v-973e2c46]{gap:2px}.shop-item-card__details strong[data-v-973e2c46]{font-size:clamp(17px,4.8cqw,22px)}.shop-item-card__price[data-v-973e2c46]{font-size:clamp(19px,5.4cqw,24px)}.shop-item-card__state[data-v-973e2c46]{min-height:16px}}@container (width>=500px) and (width<=767px){.shop-item-card[data-v-973e2c46]{gap:var(--ui-space-2);min-height:296px;padding:var(--ui-space-3);grid-template-rows:minmax(126px,1fr) auto 46px;grid-template-columns:1fr}.shop-item-card__preview[data-v-973e2c46]{min-height:126px;padding:4px 30px}.shop-item-card__details[data-v-973e2c46]{text-align:center;justify-items:center}.shop-item-card__action[data-v-973e2c46]{grid-column:1}}.shop-purchase-modal[data-v-f87a65e2]{z-index:var(--ui-z-modal);padding:var(--ui-space-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2018127a;place-items:center;display:grid;position:absolute;inset:0}.shop-purchase-modal__panel[data-v-f87a65e2]{align-content:center;justify-items:center;gap:var(--ui-space-2);width:min(92cqw,420px);min-height:330px;padding:var(--ui-space-5);color:var(--ui-text-primary);text-align:center;background:linear-gradient(180deg, var(--ui-shop-panel-top) 0%, var(--ui-shop-panel-bottom) 100%);border:4px solid var(--ui-border-warm);border-radius:calc(var(--ui-radius-lg) + 4px);box-shadow:inset 4px 4px 0 #ffffffb8, inset -4px -5px 0 #b071393b, 0 6px 0 var(--ui-frame-dark), var(--ui-shadow-modal);grid-template-rows:auto minmax(104px,1fr) auto auto auto;display:grid}.shop-purchase-modal__panel>strong[data-v-f87a65e2]{max-width:100%;font-size:clamp(20px, 5.8cqw, var(--ui-font-size-title));font-weight:var(--ui-font-weight-heavy);letter-spacing:.035em;line-height:1.12}.shop-purchase-modal__icon[data-v-f87a65e2]{width:min(31cqw,132px);height:min(31cqw,132px)}.shop-purchase-modal__price[data-v-f87a65e2]{align-items:center;gap:var(--ui-space-1);color:var(--ui-text-primary);font-size:clamp(24px,7cqw,30px);line-height:1;display:inline-flex}.shop-purchase-modal__price b[data-v-f87a65e2]{font-weight:var(--ui-font-weight-heavy)}.shop-purchase-modal__panel>small[data-v-f87a65e2]{max-width:280px;color:var(--ui-text-secondary);font-size:11px;font-weight:var(--ui-font-weight-bold);letter-spacing:.035em;line-height:1.35}.shop-purchase-modal__actions[data-v-f87a65e2]{gap:var(--ui-space-2);width:100%;margin-top:var(--ui-space-2);grid-template-columns:1fr 1fr;display:grid}.shop-purchase-modal__actions button[data-v-f87a65e2]{min-height:var(--ui-touch-target-min);color:var(--ui-text-primary);font:inherit;font-size:clamp(12px, 3.6cqw, var(--ui-font-size-sm));font-weight:var(--ui-font-weight-heavy);letter-spacing:.035em;background:var(--ui-header-surface);border:2px solid var(--ui-frame-dark);border-radius:var(--ui-radius-md);box-shadow:inset 2px 2px 0 var(--ui-header-highlight), inset -2px -2px 0 var(--ui-header-lower-edge), 0 3px 0 var(--ui-frame-dark);cursor:pointer}.shop-purchase-modal__actions .shop-purchase-modal__confirm[data-v-f87a65e2]{color:var(--ui-batch-number-color);text-shadow:0 2px #50281447;background:var(--ui-shop-action-coral);box-shadow:inset 2px 2px 0 var(--ui-frame-highlight), inset -2px -2px 0 #c94f42, 0 3px 0 var(--ui-frame-dark)}.shop-purchase-modal__actions button[data-v-f87a65e2]:disabled{cursor:wait;filter:saturate(.55);opacity:.72}.shop-purchase-modal__actions button[data-v-f87a65e2]:active:not(:disabled){transform:translateY(2px)}.shop-purchase-modal__actions button[data-v-f87a65e2]:focus-visible{outline:3px solid var(--ui-accent);outline-offset:3px}@media (hover:hover) and (pointer:fine){.shop-purchase-modal__actions button[data-v-f87a65e2]:hover:not(:disabled){filter:brightness(1.05)saturate(1.04)}}.shop-header[data-v-62fdf508]{grid-template-columns:clamp(46px,13cqw,58px) minmax(0,1fr) clamp(46px,13cqw,58px);gap:clamp(7px,2cqw,10px);height:clamp(46px,13cqw,58px);top:clamp(10px,2.8cqw,18px);left:4.5cqw;right:4.5cqw}.shop-header .screen-home-button[data-v-62fdf508],.shop-header .screen-title[data-v-62fdf508]{background:linear-gradient(180deg, var(--ui-shop-panel-top) 0%, var(--ui-header-surface) 100%);border:2px solid var(--ui-border-warm);border-radius:var(--ui-radius-lg);clip-path:none;box-shadow:inset 2px 2px 0 #ffffffb8, inset -2px -3px 0 #b8793d33, 0 3px 0 var(--ui-header-edge-dark), 0 6px 12px #4a2b191a}.shop-header .screen-home-button svg[data-v-62fdf508]{width:66%;height:66%}.shop-header .screen-title[data-v-62fdf508]{letter-spacing:.055em;text-indent:.055em;font-size:clamp(17px,5.2cqw,23px)}.shop-content[data-v-62fdf508]{overscroll-behavior:contain;min-height:0;padding:2px 3px clamp(20px,6cqw,36px);position:absolute;inset:clamp(72px,18cqw,112px) 4.5cqw 0;overflow:hidden}.shop-state[data-v-62fdf508]{background:linear-gradient(180deg, var(--ui-shop-panel-top) 0%, var(--ui-surface-warm) 100%);border:3px solid var(--ui-border-warm);border-radius:calc(var(--ui-radius-lg) + 4px);width:100%;max-width:420px;min-height:178px;box-shadow:inset 3px 3px 0 #ffffffb8, inset -3px -4px 0 #b8793d33, 0 5px 0 var(--ui-frame-dark), 0 10px 24px #452b1924;place-content:center;justify-items:center;gap:var(--ui-space-3);padding:var(--ui-space-5);text-align:center;margin:clamp(48px,13cqh,100px) auto 0;display:grid}.shop-state strong[data-v-62fdf508]{font-size:clamp(20px,5.6cqw,28px);font-weight:var(--ui-font-weight-heavy);letter-spacing:.045em;line-height:1.1}.shop-state span[data-v-62fdf508]{color:var(--ui-text-secondary);font-size:clamp(13px,3.7cqw,17px);font-weight:var(--ui-font-weight-bold);letter-spacing:.035em;line-height:1.3}.shop-retry-button[data-v-62fdf508],.shop-action-error button[data-v-62fdf508]{min-width:150px;min-height:var(--ui-touch-target-min);padding:var(--ui-space-2) var(--ui-space-4);color:var(--ui-batch-number-color);font:inherit;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-heavy);letter-spacing:.08em;text-shadow:0 2px #50281447;background:var(--ui-shop-action-coral);border:2px solid var(--ui-frame-dark);border-radius:var(--ui-radius-md);box-shadow:inset 2px 2px 0 var(--ui-frame-highlight), inset -2px -2px 0 #c94f42, 0 3px 0 var(--ui-frame-dark);cursor:pointer}.shop-board[data-v-62fdf508]{gap:var(--ui-space-3);clip-path:none;width:100%;min-height:0;box-shadow:none;background:0 0;border:0;flex-direction:column;padding:0;display:flex;overflow:visible}.shop-wallet[data-v-62fdf508]{justify-content:center;align-self:center;align-items:center;gap:var(--ui-space-2);width:min(64cqw,240px);min-height:clamp(48px,13cqw,56px);padding:var(--ui-space-2) var(--ui-space-3);background:linear-gradient(180deg, var(--ui-shop-wallet-top) 0%, var(--ui-shop-wallet-bottom) 100%);border:2px solid var(--ui-border-warm);border-radius:var(--ui-radius-round);box-shadow:inset 2px 2px 0 #ffffffb8, inset -2px -3px 0 #b16f3033, 0 3px 0 var(--ui-header-edge-dark), 0 6px 12px #4e2e191a;flex:none;display:flex}.shop-wallet__coin[data-v-62fdf508]{width:clamp(28px,8cqw,34px);height:clamp(28px,8cqw,34px)}.shop-wallet span[data-v-62fdf508]{font-size:clamp(13px, 3.8cqw, var(--ui-font-size-sm));font-weight:var(--ui-font-weight-heavy);letter-spacing:.045em}.shop-wallet strong[data-v-62fdf508]{min-width:2ch;font-size:clamp(22px,6.5cqw,28px);font-weight:var(--ui-font-weight-heavy);text-align:center;line-height:1}.shop-catalog[data-v-62fdf508]{align-content:start;gap:var(--ui-space-3);grid-template-columns:minmax(0,1fr);min-height:0;padding:2px 3px 10px;display:grid;overflow:visible}.shop-action-error[data-v-62fdf508]{justify-content:space-between;align-items:center;gap:var(--ui-space-2);width:min(100%,620px);padding:var(--ui-space-2) var(--ui-space-3);color:var(--ui-text-primary);background:linear-gradient(180deg, var(--ui-shop-error-top) 0%, var(--ui-shop-error-bottom) 100%);border:2px solid var(--ui-border-warm);border-radius:var(--ui-radius-md);box-shadow:0 3px 0 var(--ui-header-edge-dark);display:flex}.shop-action-error strong[data-v-62fdf508]{font-size:12px;font-weight:var(--ui-font-weight-heavy);letter-spacing:.04em;line-height:1.2}.shop-action-error button[data-v-62fdf508]{min-width:88px;min-height:38px;padding:var(--ui-space-1) var(--ui-space-2);font-size:12px}.shop-retry-button[data-v-62fdf508]:active,.shop-action-error button[data-v-62fdf508]:active:not(:disabled){transform:translateY(2px)}.shop-retry-button[data-v-62fdf508]:focus-visible,.shop-action-error button[data-v-62fdf508]:focus-visible{outline:3px solid var(--ui-accent);outline-offset:3px}@container (width>=500px){.shop-catalog[data-v-62fdf508]{gap:var(--ui-space-4);grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width>=500px) and (width<=767px){.shop-catalog[data-v-62fdf508]>:last-child:nth-child(odd){width:calc((100% - var(--ui-space-4)) / 2);grid-column:1/-1;justify-self:center}}@container (width<=499px){.shop-content[data-v-62fdf508]{padding-bottom:0;bottom:clamp(8px,2.5cqw,12px)}.shop-board[data-v-62fdf508]{gap:clamp(8px,2.2cqw,12px);height:100%}.shop-wallet[data-v-62fdf508]{min-height:clamp(44px,11.5cqw,50px)}.shop-catalog[data-v-62fdf508]{flex:auto;grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(8px,2.2cqw,12px);padding-bottom:6px}}@media (hover:hover) and (pointer:fine){.shop-retry-button[data-v-62fdf508]:hover,.shop-action-error button[data-v-62fdf508]:hover:not(:disabled){filter:brightness(1.06)saturate(1.04)}}.menu-screen{color:var(--ui-text-primary);background:linear-gradient(#fff6e014, #67432814), var(--screen-background-image) center center / cover no-repeat;position:absolute;inset:0;overflow:hidden}.home-screen{background:linear-gradient(#fff6e014, #67432814), var(--home-background-image) center center / cover no-repeat}.home-composition,.home-status-content{display:contents}.home-desktop-art{pointer-events:none;-webkit-user-select:none;user-select:none;display:none}.home-title,.home-status,.screen-title,.rating-state,.rating-board,.rating-summary,.menu-button,.screen-home-button,.rating-retry-button{clip-path:var(--ui-game-card-clip);border-radius:0}.home-title{width:80%;height:13%;color:var(--ui-text-primary);font-size:10cqw;font-weight:var(--ui-font-weight-heavy);letter-spacing:.16em;text-indent:.16em;background:var(--ui-header-surface);border:.55cqw solid var(--ui-header-edge-dark);box-shadow:inset 0 -.3cqw 0 var(--ui-header-pixel-edge), inset .55cqw .55cqw 0 var(--ui-header-highlight), inset -.55cqw -.55cqw 0 var(--ui-header-lower-edge), 0 1cqw 0 var(--ui-header-edge-dark);place-items:center;display:grid;position:absolute;top:10%;left:10%}.home-status{text-align:center;background:var(--ui-surface-primary);border:.55cqw solid var(--ui-frame-inner);width:64%;height:14%;box-shadow:inset .55cqw .55cqw 0 var(--ui-header-highlight), inset -.55cqw -.55cqw 0 var(--ui-header-lower-edge), 0 .85cqw 0 var(--ui-frame-dark);place-content:center;gap:1%;display:grid;position:absolute;top:29%;left:18%}.home-status span{color:var(--ui-text-secondary);font-size:4.2cqw;font-weight:var(--ui-font-weight-bold);letter-spacing:.08em}.home-status strong{font-size:5.8cqw;font-weight:var(--ui-font-weight-heavy);letter-spacing:.08em}.home-status small{color:var(--ui-text-secondary);font-size:3.2cqw;font-weight:var(--ui-font-weight-bold);letter-spacing:.06em}.home-actions{gap:var(--ui-space-3);grid-template-rows:1.2fr repeat(2,1fr);width:83.333%;height:36%;display:grid;position:absolute;top:51%;left:8.333%}.menu-button{width:100%;min-height:44px;color:var(--ui-batch-number-color);font:inherit;font-size:6cqw;font-weight:var(--ui-font-weight-heavy);letter-spacing:.08em;text-indent:.08em;text-shadow:var(--ui-batch-number-shadow);border:.55cqw solid var(--ui-frame-dark);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:0}.menu-button--primary{background:var(--ui-frame-terracotta);box-shadow:inset .55cqw .55cqw 0 var(--ui-frame-highlight), inset -.55cqw -.55cqw 0 #c94f42, 0 1.1cqw 0 var(--ui-frame-dark);font-size:7cqw}.menu-button--secondary{background:var(--ui-wood);box-shadow:inset .55cqw .55cqw 0 #cf9469, inset -.55cqw -.55cqw 0 var(--ui-wood-dark), 0 .85cqw 0 var(--ui-frame-dark)}.menu-button:active:not(:disabled),.screen-home-button:active{transform:translateY(2px)}.menu-button:disabled{cursor:default}.home-menu-button--start:disabled{filter:saturate(.55)brightness(1.02);opacity:.86}.menu-button:focus-visible,.screen-home-button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}.screen-header{grid-template-columns:13.58% 1fr 13.58%;gap:1.2%;height:6.875%;display:grid;position:absolute;top:1.875%;left:5%;right:5%}.screen-header:after{content:""}.screen-home-button,.screen-title{height:100%;color:var(--ui-text-primary);background:var(--ui-header-surface);border:.55cqw solid var(--ui-header-edge-dark);box-shadow:inset .55cqw .55cqw 0 var(--ui-header-highlight), inset -.55cqw -.55cqw 0 var(--ui-header-lower-edge), 0 .85cqw 0 var(--ui-header-edge-dark)}.screen-home-button{cursor:pointer;place-items:center;width:100%;padding:0;display:grid}.screen-home-button svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:58%;height:58%}.screen-home-button .screen-home-icon{width:66%;height:66%}.screen-title{font-size:5cqw;font-weight:var(--ui-font-weight-heavy);letter-spacing:.1em;text-indent:.1em;place-items:center;display:grid}.rating-header{grid-template-columns:clamp(46px,13cqw,58px) minmax(0,1fr) clamp(46px,13cqw,58px);gap:clamp(7px,2cqw,10px);height:clamp(46px,13cqw,58px);top:clamp(10px,2.8cqw,18px);left:4.5cqw;right:4.5cqw}.rating-header .screen-home-button,.rating-header .screen-title{background:linear-gradient(180deg, var(--ui-shop-panel-top) 0%, var(--ui-header-surface) 100%);border:2px solid var(--ui-border-warm);border-radius:var(--ui-radius-lg);clip-path:none;box-shadow:inset 2px 2px 0 #ffffffb8, inset -2px -3px 0 #b8793d33, 0 3px 0 var(--ui-header-edge-dark), 0 6px 12px #4a2b191a}.rating-header .screen-home-button svg{width:66%;height:66%}.rating-header .screen-title{letter-spacing:.055em;text-indent:.055em;font-size:clamp(17px,5.2cqw,23px)}.rating-content{min-height:0;position:absolute;inset:clamp(72px,18cqw,112px) 4.5cqw clamp(18px,5cqw,30px)}.rating-state{place-content:center;justify-items:center;gap:var(--ui-space-4);width:min(100%,420px);min-height:178px;padding:var(--ui-space-5);text-align:center;background:linear-gradient(180deg, var(--ui-shop-panel-top) 0%, var(--ui-surface-warm) 100%);border:3px solid var(--ui-border-warm);border-radius:calc(var(--ui-radius-lg) + 4px);clip-path:none;box-shadow:inset 3px 3px 0 #ffffffb8, inset -3px -4px 0 #b8793d33, 0 5px 0 var(--ui-frame-dark), 0 10px 24px #452b1924;margin:clamp(48px,13cqh,100px) auto 0;display:grid}.rating-state strong{font-size:clamp(20px,5.6cqw,28px);font-weight:var(--ui-font-weight-heavy);letter-spacing:.06em;line-height:1.1}.rating-state span{color:var(--ui-text-secondary);font-size:clamp(13px,3.7cqw,17px);font-weight:var(--ui-font-weight-bold);letter-spacing:.05em;line-height:1.3}.rating-retry-button{min-width:44%;min-height:var(--ui-touch-target-min);padding:var(--ui-space-2) var(--ui-space-4);color:var(--ui-batch-number-color);font:inherit;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-heavy);letter-spacing:.08em;text-shadow:0 2px #50281447;background:var(--ui-shop-action-coral);border:2px solid var(--ui-frame-dark);border-radius:var(--ui-radius-md);box-shadow:inset 2px 2px 0 var(--ui-frame-highlight), inset -2px -3px 0 #973c2b52, 0 3px 0 var(--ui-frame-dark);cursor:pointer}.rating-retry-button:active{transform:translateY(2px)}.rating-retry-button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}.rating-board{gap:var(--ui-space-3);clip-path:none;width:100%;height:100%;min-height:0;box-shadow:none;background:0 0;border:0;flex-direction:column;padding:2px 0 6px;display:flex;overflow:hidden}.rating-summary{justify-content:center;align-self:center;align-items:center;gap:var(--ui-space-3);background:linear-gradient(180deg, var(--ui-shop-wallet-top) 0%, var(--ui-shop-wallet-bottom) 100%);border:3px solid var(--ui-border-warm);border-radius:calc(var(--ui-radius-lg) + 4px);clip-path:none;width:min(100%,480px);min-height:72px;box-shadow:inset 2px 2px 0 #ffffffb8, inset -2px -3px 0 #b16f3033, 0 4px 0 var(--ui-header-edge-dark), 0 8px 16px #4e2e191c;flex:none;padding:8px 22px;display:flex}.rating-summary__medal{filter:drop-shadow(0 2px 1px #5e2e1833);flex:none;width:58px;height:auto}.rating-summary__copy{text-align:center;gap:4px;min-width:0;display:grid}.rating-summary__copy strong,.rating-summary__copy span,.rating-own-position>strong{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-heavy);letter-spacing:.04em}.rating-summary__copy strong{font-size:var(--ui-font-size-md)}.rating-summary__copy span{color:var(--ui-text-secondary)}.rating-summary__meta{justify-content:center;align-items:center;gap:var(--ui-space-2);display:flex}.rating-summary__meta>span{white-space:nowrap}.rating-scope-switch{border:2px solid var(--ui-border-warm);border-radius:var(--ui-radius-round);box-shadow:0 2px 0 var(--ui-header-edge-dark);flex:none;display:flex;overflow:hidden}.rating-scope-switch button{min-height:26px;color:var(--ui-text-primary);font:inherit;font-size:9px;font-weight:var(--ui-font-weight-heavy);letter-spacing:.025em;background:linear-gradient(180deg, var(--ui-shop-panel-top) 0%, var(--ui-header-surface) 100%);cursor:pointer;border:0;padding:3px 7px;box-shadow:inset 1px 1px #ffffffa3}.rating-scope-switch button+button{border-left:1px solid var(--ui-border-warm)}.rating-scope-switch button[aria-pressed=true]{color:var(--ui-batch-number-color);text-shadow:var(--ui-batch-number-shadow);background:var(--ui-home-action-blue);box-shadow:inset 1px 1px #ffffff4d}.rating-scope-switch button:active{transform:translateY(1px)}.leaderboard-list{align-content:start;gap:var(--ui-space-3);flex:auto;min-height:0;padding:2px 0 8px;display:grid;overflow:hidden}.rating-pagination{align-items:center;gap:var(--ui-space-2);flex:none;grid-template-columns:1fr auto 1fr;min-height:44px;display:grid}.rating-pagination button,.rating-pagination strong{min-height:44px;padding:var(--ui-space-1) var(--ui-space-2);color:var(--ui-text-primary);font:inherit;font-size:12px;font-weight:var(--ui-font-weight-heavy);letter-spacing:.04em;background:linear-gradient(180deg, var(--ui-shop-panel-top) 0%, var(--ui-header-surface) 100%);border:2px solid var(--ui-border-warm);border-radius:var(--ui-radius-md);box-shadow:inset 2px 2px 0 #ffffffa3, 0 3px 0 var(--ui-header-edge-dark);place-items:center;display:grid}.rating-pagination button{cursor:pointer}.rating-pagination button:disabled{opacity:.55;cursor:default}.rating-pagination button:active:not(:disabled){transform:translateY(2px)}.rating-pagination strong{min-width:72px;color:var(--ui-batch-number-color);font-size:var(--ui-font-size-sm);text-shadow:var(--ui-batch-number-shadow);background:var(--ui-home-action-blue);border-color:var(--ui-home-action-blue-dark);box-shadow:inset 2px 2px 0 #ffffff4d, 0 3px 0 var(--ui-home-action-blue-dark)}.rating-empty{width:min(100%,420px);min-height:118px;padding:var(--ui-space-4);color:var(--ui-text-secondary);font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-heavy);text-align:center;background:linear-gradient(180deg, var(--ui-shop-panel-top) 0%, var(--ui-surface-warm) 100%);border:3px solid var(--ui-border-warm);border-radius:calc(var(--ui-radius-lg) + 4px);box-shadow:inset 2px 2px 0 #ffffffad, 0 4px 0 var(--ui-header-edge-dark);flex:auto;align-self:center;place-items:center;display:grid}.rating-own-position{gap:var(--ui-space-2);flex:none;padding-top:2px;display:grid}.rating-own-position>strong{color:var(--ui-text-primary);background:var(--ui-shop-wallet-top);border:2px solid var(--ui-border-warm);border-radius:var(--ui-radius-round);box-shadow:0 2px 0 var(--ui-header-edge-dark);justify-self:start;padding:5px 12px}@media (hover:hover) and (pointer:fine){.rating-retry-button:hover,.menu-button:hover:not(:disabled){filter:brightness(1.06)saturate(1.04)}.screen-home-button:hover{background:var(--ui-header-surface-hover)}}.screen-shell[data-layout=portrait] .home-title{clip-path:none;width:78%;height:14.5%;box-shadow:none;background:0 0;border:0;display:block;top:5%;left:11%}.screen-shell[data-layout=portrait] .home-title-text{display:none}.screen-shell[data-layout=portrait] .home-logo-art{width:100%;height:auto;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.screen-shell[data-layout=portrait] .home-status{background:linear-gradient(180deg, var(--ui-shop-card-top) 0%, var(--ui-surface-warm) 100%);border:.83cqw solid var(--ui-border-warm);border-radius:calc(var(--ui-radius-lg) + 1.7cqw);clip-path:none;width:84%;height:26%;box-shadow:inset .83cqw .83cqw 0 #ffffffbd, inset -.83cqw -1.1cqw 0 #be84473d, 0 1.4cqw 0 var(--ui-shop-action-disabled-edge), 0 2.5cqw 4.4cqw #4d301b24;grid-template-rows:auto 4.9cqw auto;align-content:center;justify-items:center;gap:2.5cqw;padding:4.7cqw 7.8cqw 5.2cqw;display:grid;top:20.5%;left:8%}.screen-shell[data-layout=portrait] .home-status-content{display:contents}.screen-shell[data-layout=portrait] .home-status-level,.screen-shell[data-layout=portrait] .home-status-progress-label{color:var(--ui-text-primary);text-align:center;margin:0;position:static}.screen-shell[data-layout=portrait] .home-status-level{letter-spacing:.055em;text-indent:.055em;grid-row:1;font-size:7cqw;line-height:1}.screen-shell[data-layout=portrait] .home-status-progress-label{font-size:4.8cqw;font-weight:var(--ui-font-weight-heavy);letter-spacing:.025em;grid-row:3;line-height:1}.screen-shell[data-layout=portrait] .home-progress{box-sizing:border-box;background:linear-gradient(#f8e1b2 0%,#f1ce94 56%,#e8b979 100%);border:.28cqw solid #d1975f;border-radius:999px;grid-row:2;width:100%;height:100%;padding:.7cqw;display:block;position:relative;overflow:hidden;box-shadow:inset 0 .28cqw #fff9dae0,inset 0 -.28cqw #ad67312e,0 .28cqw #73441f24}.screen-shell[data-layout=portrait] .home-progress>span{background:linear-gradient(#b7ef67 0%,#83d94d 48%,#58b93d 100%);border-radius:999px;height:100%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 .28cqw #f1ffc9ad,inset 0 -.56cqw #4377243d}.screen-shell[data-layout=portrait] .home-progress>span:after{content:"";background:#ffffe047;border-radius:999px;height:.56cqw;position:absolute;top:.28cqw;left:1.4cqw;right:1.4cqw}.screen-shell[data-layout=portrait] .shop-header,.screen-shell[data-layout=portrait] .rating-header{background:linear-gradient(180deg, var(--ui-shop-panel-top) 0%, var(--ui-header-surface) 100%);border:2px solid var(--ui-border-warm);border-radius:var(--ui-radius-lg);clip-path:none;height:clamp(52px,13cqw,58px);box-shadow:inset 2px 2px 0 #ffffffb8, inset -2px -3px 0 #b8793d33, 0 3px 0 var(--ui-header-edge-dark), 0 6px 12px #4a2b191a;grid-template-columns:clamp(44px,11.5cqw,50px) minmax(0,1fr);gap:0;padding:clamp(3px,.8cqw,4px);top:clamp(10px,2.8cqw,14px);left:4.5cqw;right:4.5cqw}.screen-shell[data-layout=portrait] .shop-header:after,.screen-shell[data-layout=portrait] .rating-header:after{display:none}.screen-shell[data-layout=portrait] .shop-header .screen-home-button,.screen-shell[data-layout=portrait] .shop-header .screen-title,.screen-shell[data-layout=portrait] .rating-header .screen-home-button,.screen-shell[data-layout=portrait] .rating-header .screen-title{height:100%;box-shadow:none;background:0 0;border:0;border-radius:0}.screen-shell[data-layout=portrait] .shop-header .screen-home-button,.screen-shell[data-layout=portrait] .rating-header .screen-home-button{border-radius:calc(var(--ui-radius-lg) - 3px) 0 0 calc(var(--ui-radius-lg) - 3px);background:#ffffff2e;border-right:2px solid #b16f3057}.screen-shell[data-layout=portrait] .shop-header .screen-title,.screen-shell[data-layout=portrait] .rating-header .screen-title{letter-spacing:.055em;text-indent:.055em;font-size:clamp(18px,5.2cqw,23px)}.screen-shell[data-layout=portrait] .leaderboard-list{gap:var(--ui-space-2);grid-template-rows:repeat(5,minmax(0,1fr));padding:0}.screen-shell[data-layout=portrait] .leaderboard-row{min-height:0;padding-block:5px}.screen-shell[data-layout=portrait] .home-actions{grid-template-rows:repeat(3,1fr);gap:3.6cqw;width:84%;height:43%;top:49%;left:8%}.screen-shell[data-layout=portrait] .home-menu-button{--home-action-accent:var(--ui-home-action-coral);--home-action-depth:var(--ui-home-action-coral-dark);--home-action-glow:var(--ui-home-action-coral-glow);min-height:0;color:var(--ui-batch-number-color);background:var(--home-action-accent);border:.83cqw solid var(--home-action-depth);border-radius:calc(var(--ui-radius-lg) + .56cqw);clip-path:none;box-shadow:inset 0 .83cqw 0 #ffffff57, inset 0 -1.1cqw 0 #48222d2e, 0 1.7cqw 0 var(--home-action-depth), 0 2.8cqw 4.4cqw #48272738;position:relative;overflow:hidden}.screen-shell[data-layout=portrait] .home-menu-button:before{content:"";pointer-events:none;z-index:0;border-radius:inherit;background:linear-gradient(#ffffff3d 0%,#ffffff14 30%,#0000 58%);position:absolute;inset:0}.screen-shell[data-layout=portrait] .home-menu-button--rating{--home-action-accent:var(--ui-home-action-blue);--home-action-depth:var(--ui-home-action-blue-dark);--home-action-glow:var(--ui-home-action-blue-glow)}.screen-shell[data-layout=portrait] .home-menu-button--shop{--home-action-accent:var(--ui-home-action-purple);--home-action-depth:var(--ui-home-action-purple-dark);--home-action-glow:var(--ui-home-action-purple-glow)}.screen-shell[data-layout=portrait] .home-button-icon,.screen-shell[data-layout=portrait] .home-button-chevron{display:block;position:absolute}.screen-shell[data-layout=portrait] .home-button-icon{z-index:2;filter:drop-shadow(0 .56cqw .28cqw #5e2e1833);height:auto}.screen-shell[data-layout=portrait] .home-menu-button--start .home-button-icon{width:27%;top:-9%;left:3.5%}.screen-shell[data-layout=portrait] .home-menu-button--rating .home-button-icon{width:22%;top:0;left:7%}.screen-shell[data-layout=portrait] .home-menu-button--shop .home-button-icon{width:35%;top:3%;left:-1%}.screen-shell[data-layout=portrait] .home-button-label{z-index:3;color:var(--ui-batch-number-color);letter-spacing:.035em;text-indent:.035em;text-shadow:0 .56cqw #431f2675;place-items:center;font-size:5.4cqw;line-height:1;display:grid;position:absolute;inset:.2cqw 13% 1.6cqw 32%}.screen-shell[data-layout=portrait] .home-menu-button--start .home-button-label{font-size:6cqw}.screen-shell[data-layout=portrait] .home-button-chevron{z-index:2;width:4.8%;height:auto;color:var(--ui-batch-number-color);filter:drop-shadow(0 .42cqw #431f266b);top:50%;right:7%;transform:translateY(-50%)}.screen-shell[data-layout=portrait] .home-button-chevron path{stroke:currentColor;stroke-width:3.75px;stroke-linecap:round;stroke-linejoin:round}.screen-shell[data-layout=portrait] .home-menu-button:active:not(:disabled){filter:brightness(.98)saturate(1.02);box-shadow:inset 0 .55cqw 0 #ffffff47, inset 0 -.7cqw 0 #48222d2e, 0 .55cqw 0 var(--home-action-depth), 0 1.1cqw 2.2cqw #4827272e;transform:translateY(.85cqw)}@media (hover:hover) and (pointer:fine){.screen-shell[data-layout=portrait] .home-menu-button:hover:not(:disabled){filter:brightness(1.07)saturate(1.06);box-shadow:inset 0 .83cqw 0 #ffffff61, inset 0 -1.1cqw 0 #48222d2e, 0 2.2cqw 0 var(--home-action-depth), 0 3.3cqw 5cqw #4827273d;transform:translateY(-.55cqw)}.screen-shell[data-layout=portrait] .home-menu-button:active:not(:disabled){transform:translateY(.85cqw)}}.screen-shell[data-layout=desktop] .home-mobile-art{display:none}.screen-shell[data-layout=desktop] .home-composition{width:840px;height:374px;display:block;position:absolute;top:117px;left:50%;transform:translate(-50%)}.screen-shell[data-layout=desktop] .home-desktop-art{display:block;position:absolute}.screen-shell[data-layout=desktop] .home-title{clip-path:none;width:445px;height:147px;box-shadow:none;background:0 0;border:0;display:block;top:0;left:0}.screen-shell[data-layout=desktop] .home-title-text{display:none}.screen-shell[data-layout=desktop] .home-logo-art{width:445px;height:auto;inset:0 auto auto 0}.screen-shell[data-layout=desktop] .home-status{background:linear-gradient(180deg, var(--ui-shop-card-top) 0%, var(--ui-surface-warm) 100%);border:3px solid var(--ui-border-warm);border-radius:calc(var(--ui-radius-lg) + 8px);clip-path:none;width:380px;height:189px;box-shadow:inset 3px 3px 0 #ffffffbd, inset -3px -4px 0 #be84473d, 0 6px 0 var(--ui-shop-action-disabled-edge), 0 12px 22px #4d301b24;grid-template-rows:auto 22px auto;align-content:center;justify-items:center;gap:12px;padding:30px 46px 32px;display:grid;top:153px;left:32px}.screen-shell[data-layout=desktop] .home-status-content{display:contents}.screen-shell[data-layout=desktop] .home-status-level,.screen-shell[data-layout=desktop] .home-status-progress-label{color:var(--ui-text-primary);text-align:center;margin:0;position:static}.screen-shell[data-layout=desktop] .home-status-level{grid-row:1;font-size:32px;line-height:1}.screen-shell[data-layout=desktop] .home-status-progress-label{font-size:18px;font-weight:var(--ui-font-weight-heavy);grid-row:3;line-height:1}.mobile-navigation-loader{z-index:calc(var(--ui-z-modal) + 1);min-height:100dvh;position:fixed;inset:0}.screen-shell[data-layout=desktop] .home-progress{box-sizing:border-box;background:linear-gradient(#f8e1b2 0%,#f1ce94 56%,#e8b979 100%);border:1px solid #d1975f;border-radius:999px;grid-row:2;width:100%;height:100%;padding:3px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff9e2c7,inset 0 -1px #ad67312e,0 1px #73441f24}.screen-shell[data-layout=desktop] .home-progress>span{border-radius:inherit;background:linear-gradient(#c3e878 0%,#98cf59 56%,#72b441 100%);height:100%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #f1ffc9ad,inset 0 -2px #4377243d}.screen-shell[data-layout=desktop] .home-progress>span:after{content:"";background:#ffffe047;border-radius:999px;height:2px;position:absolute;top:1px;left:5px;right:5px}.screen-shell[data-layout=desktop] .home-actions{grid-template-rows:repeat(3,92px);gap:20px;width:360px;height:316px;display:grid;top:8px;left:480px;right:auto}.screen-shell[data-layout=desktop] .home-menu-button{--home-action-accent:var(--ui-home-action-coral);--home-action-depth:var(--ui-home-action-coral-dark);--home-action-glow:var(--ui-home-action-coral-glow);width:360px;height:auto;min-height:0;color:var(--ui-batch-number-color);text-indent:0;background:var(--home-action-accent);border:3px solid var(--home-action-depth);border-radius:calc(var(--ui-radius-lg) + 4px);clip-path:none;box-shadow:inset 0 3px 0 #ffffff57, inset 0 -4px 0 #48222d2e, 0 7px 0 var(--home-action-depth), 0 12px 20px #48272738;font-size:26px;position:relative;overflow:hidden}.screen-shell[data-layout=desktop] .home-menu-button--start{font-size:28px}.screen-shell[data-layout=desktop] .home-menu-button--rating{--home-action-accent:var(--ui-home-action-blue);--home-action-depth:var(--ui-home-action-blue-dark);--home-action-glow:var(--ui-home-action-blue-glow)}.screen-shell[data-layout=desktop] .home-menu-button--shop{--home-action-accent:var(--ui-home-action-purple);--home-action-depth:var(--ui-home-action-purple-dark);--home-action-glow:var(--ui-home-action-purple-glow)}.screen-shell[data-layout=desktop] .home-menu-button:before{content:"";pointer-events:none;z-index:0;border-radius:inherit;background:linear-gradient(#ffffff3d 0%,#ffffff14 30%,#0000 58%);position:absolute;inset:0}.screen-shell[data-layout=desktop] .home-button-icon{z-index:2;filter:drop-shadow(0 2px 1px #431f2652)drop-shadow(0 0 5px #ffffff2e);height:auto}.screen-shell[data-layout=desktop] .home-menu-button--start .home-button-icon{width:94px;top:-8px;left:15px}.screen-shell[data-layout=desktop] .home-menu-button--rating .home-button-icon{width:72px;top:-1px;left:23px}.screen-shell[data-layout=desktop] .home-menu-button--shop .home-button-icon{width:116px;top:1px;left:1px}.screen-shell[data-layout=desktop] .home-button-label{z-index:3;color:var(--ui-batch-number-color);letter-spacing:.03em;text-indent:.03em;text-shadow:0 2px #431f2675;place-items:center;font-size:26px;display:grid;position:absolute;inset:0 46px 5px 116px}.screen-shell[data-layout=desktop] .home-menu-button--start .home-button-label{font-size:28px}.screen-shell[data-layout=desktop] .home-button-chevron{z-index:2;width:17px;height:29px;color:var(--ui-batch-number-color);filter:drop-shadow(0 2px #431f266b);top:50%;right:25px;transform:translateY(-50%)}.screen-shell[data-layout=desktop] .home-button-chevron path{stroke:currentColor;stroke-width:3.75px;stroke-linecap:round;stroke-linejoin:round}.screen-shell[data-layout=desktop] .home-menu-button:active:not(:disabled){filter:brightness(.98)saturate(1.02);box-shadow:inset 0 2px 0 #ffffff47, inset 0 -3px 0 #48222d2e, 0 3px 0 var(--home-action-depth), 0 6px 10px #4827272e;transform:translateY(3px)}@media (hover:hover) and (pointer:fine){.screen-shell[data-layout=desktop] .home-menu-button:hover:not(:disabled){filter:brightness(1.07)saturate(1.06);box-shadow:inset 0 3px 0 #ffffff61, inset 0 -4px 0 #48222d2e, 0 9px 0 var(--home-action-depth), 0 15px 24px #4827273d;transform:translateY(-2px)}.screen-shell[data-layout=desktop] .home-menu-button:active:not(:disabled){transform:translateY(3px)}}.screen-shell[data-layout=desktop] .screen-header{gap:var(--ui-space-2);grid-template-columns:44px 1fr 44px;width:min(100% - 80px,1100px);height:44px;top:12px;left:50%;right:auto;transform:translate(-50%)}.screen-shell[data-layout=desktop] .screen-home-button,.screen-shell[data-layout=desktop] .screen-title{box-shadow:inset 2px 2px 0 var(--ui-header-highlight), inset -2px -2px 0 var(--ui-header-lower-edge), 0 3px 0 var(--ui-header-edge-dark);border-width:2px}.screen-shell[data-layout=desktop] .screen-title{font-size:20px}.screen-shell[data-layout=desktop] .shop-header,.screen-shell[data-layout=desktop] .rating-header{gap:var(--ui-space-2);grid-template-columns:50px 1fr 50px;width:480px;height:50px;top:16px}.screen-shell[data-layout=desktop] .shop-header .screen-title,.screen-shell[data-layout=desktop] .rating-header .screen-title{font-size:22px}.screen-shell[data-layout=desktop] .level-select-content{width:min(100% - 80px,1100px);inset:70px auto 24px 50%;transform:translate(-50%)}.screen-shell[data-layout=desktop] .rating-content{width:min(100% - 80px,900px);inset:84px auto 30px 50%;transform:translate(-50%)}.screen-shell[data-layout=desktop] .shop-content{scrollbar-gutter:auto;width:min(100% - 80px,1080px);padding:2px 4px 18px;inset:84px auto 30px 50%;overflow-y:hidden;transform:translate(-50%)}.screen-shell[data-layout=desktop] .level-select-board{box-shadow:inset 3px 3px 0 var(--ui-header-highlight), inset -3px -3px 0 var(--ui-header-lower-edge), 0 5px 0 var(--ui-frame-dark);border-width:3px}.screen-shell[data-layout=desktop] .level-select-summary{grid-template-columns:1fr 1fr;grid-auto-flow:column;place-items:center;min-height:54px}.screen-shell[data-layout=desktop] .level-select-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.screen-shell[data-layout=desktop] .rating-state strong,.screen-shell[data-layout=desktop] .shop-state strong{font-size:28px}.screen-shell[data-layout=desktop] .rating-state span,.screen-shell[data-layout=desktop] .shop-state span{font-size:17px}.screen-shell[data-layout=desktop] .leaderboard-row{min-height:60px;padding-inline:var(--ui-space-4);grid-template-columns:52px minmax(0,1fr) 86px 58px}.screen-shell[data-layout=desktop] .leaderboard-row__avatar{width:52px;height:52px}.screen-shell[data-layout=desktop] .leaderboard-list{gap:var(--ui-space-2);padding:0}.screen-shell[data-layout=desktop] .rating-summary{min-height:78px}.screen-shell[data-layout=desktop] .rating-summary__medal{width:64px}.screen-shell[data-layout=desktop] .leaderboard-row__identity strong{font-size:var(--ui-font-size-md)}.screen-shell[data-layout=desktop] .shop-catalog{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;padding:2px 4px 14px}.screen-shell[data-layout=desktop] .shop-wallet{align-self:flex-end;width:220px;min-height:52px}.screen-shell[data-layout=desktop] .shop-item-card{min-height:370px;padding:var(--ui-space-5);grid-template-rows:minmax(170px,1fr) auto 52px;grid-template-columns:1fr;align-content:stretch;justify-items:stretch;gap:12px}.screen-shell[data-layout=desktop] .shop-item-card__preview{min-height:155px;padding:8px 24px}.screen-shell[data-layout=desktop] .shop-item-card__details{align-content:center;justify-items:center;gap:var(--ui-space-2);text-align:center}.screen-shell[data-layout=desktop] .shop-item-card__details strong{max-width:100%;font-size:var(--ui-font-size-title)}.screen-shell[data-layout=desktop] .shop-item-card__action{width:100%;min-height:52px;font-size:var(--ui-font-size-md);grid-column:1}.screen-shell[data-layout=desktop] .shop-purchase-modal{padding:var(--ui-space-5)}.screen-shell[data-layout=desktop] .shop-purchase-modal__panel{max-width:420px}:root{--ui-font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--ui-font-size-xs:15px;--ui-font-size-sm:16px;--ui-font-size-md:17px;--ui-font-size-lg:18px;--ui-font-size-card:20px;--ui-font-size-title:25px;--ui-font-weight-normal:400;--ui-font-weight-semibold:600;--ui-font-weight-bold:850;--ui-font-weight-heavy:900;--ui-batch-number-color:#fff8f0;--ui-batch-number-size:20px;--ui-batch-number-weight:900;--ui-batch-number-optical-y:-1px;--ui-batch-number-shadow:1px 0 0 #37261cb3, -1px 0 0 #37261cb3, 0 1px 0 #37261cb3, 0 -1px 0 #37261cb3, 0 1px 0 #50281447;--ui-text-primary:#3b2b23;--ui-text-secondary:#765142;--ui-text-on-color:#fff;--ui-surface-primary:#fff6e0f0;--ui-surface-primary-hover:#fffaf0;--ui-surface-warm:#f7e6c2;--ui-surface-modal:#fffaf1;--ui-border-soft:#744e2f57;--ui-border-warm:#c99a61;--ui-border-card:#462a1d33;--ui-wood:#986039;--ui-wood-dark:#6f4328;--ui-frame-dark:#6b3424;--ui-frame-wood:#a75d39;--ui-frame-terracotta:#ed7461;--ui-frame-highlight:#ffd18b;--ui-frame-inner:#7e452e;--ui-modal-backdrop:#1a161261;--ui-accent:#5a8ff0;--ui-accent-dark:#3866ba;--ui-header-surface:#fff1cf;--ui-header-surface-hover:#fff9e9;--ui-header-highlight:#fff9e9;--ui-header-pixel-edge:#b77a4d;--ui-header-lower-edge:#d9aa71;--ui-header-edge-dark:#855035;--ui-header-accent:#ed7461;--ui-shop-panel-top:#fff8df;--ui-shop-panel-bottom:#f5dfb8;--ui-shop-card-top:#fff5d8;--ui-shop-wallet-top:#fff6d5;--ui-shop-wallet-bottom:#f4d69e;--ui-shop-error-top:#fff3d0;--ui-shop-error-bottom:#efcf97;--ui-shop-action-coral:#ff7a5f;--ui-shop-action-green:#38c878;--ui-shop-action-green-highlight:#a9f2bf;--ui-shop-action-green-edge:#286b42;--ui-shop-state-equipped:#45b96e;--ui-shop-state-owned:#efc16c;--ui-shop-action-disabled:#ead7b4;--ui-shop-action-disabled-edge:#b98d5e;--ui-home-action-coral:var(--ui-shop-action-coral);--ui-home-action-coral-dark:#c94f42;--ui-home-action-coral-glow:#ff7a5f61;--ui-home-action-blue:var(--ui-accent);--ui-home-action-blue-dark:var(--ui-accent-dark);--ui-home-action-blue-glow:#5a8ff05c;--ui-home-action-purple:#9b6bff;--ui-home-action-purple-dark:#7c56cc;--ui-home-action-purple-glow:#9b6bff59;--ui-rating-rank-gold:#f5c84b;--ui-rating-rank-gold-dark:#c78d24;--ui-rating-rank-silver:#d9e6f2;--ui-rating-rank-silver-dark:#91a8bc;--ui-rating-rank-bronze:#eea36a;--ui-rating-rank-bronze-dark:#b96c38;--ui-rating-current:#48c99a;--ui-rating-current-dark:#278b6c;--ui-rating-current-glow:#48c99a33;--ui-space-1:4px;--ui-space-2:7px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-5:20px;--ui-space-6:24px;--ui-control-size:44px;--ui-title-height:44px;--ui-card-size:48px;--ui-slot-size:48px;--ui-stack-gap:4px;--ui-stack-height:152px;--ui-touch-target-min:44px;--ui-radius-sm:8px;--ui-radius-md:10px;--ui-radius-lg:14px;--ui-radius-round:999px;--ui-game-card-clip:polygon(4px 0, calc(100% - 4px) 0, 100% 4px, 100% calc(100% - 4px), calc(100% - 4px) 100%, 4px 100%, 0 calc(100% - 4px), 0 4px);--ui-game-card-border:2px solid var(--batch-shadow-color,var(--ui-frame-inner));--ui-queued-depth-1-opacity:.8;--ui-queued-depth-1-saturation:.48;--ui-queued-depth-1-brightness:1.08;--ui-queued-depth-2-opacity:.6;--ui-queued-depth-2-saturation:.3;--ui-queued-depth-2-brightness:1.12;--ui-batch-disabled-opacity:.55;--ui-batch-disabled-saturation:.4;--ui-batch-disabled-brightness:1.08;--ui-queued-transition:.16s;--ui-shadow-control:0 3px 0 #673f223d, 0 6px 10px #36201414, inset 0 1px 0 #ffffffc7;--ui-shadow-header-control:inset 0 -1px 0 var(--ui-header-pixel-edge), inset 2px 2px 0 var(--ui-header-highlight), inset -2px -2px 0 var(--ui-header-lower-edge);--ui-shadow-header-control-pressed:inset 0 -1px 0 var(--ui-header-pixel-edge), inset 2px 2px 0 var(--ui-header-highlight), inset -2px -2px 0 var(--ui-header-lower-edge);--ui-filter-header-control:drop-shadow(0 3px 0 var(--ui-header-edge-dark));--ui-filter-header-control-pressed:drop-shadow(0 1px 0 var(--ui-header-edge-dark));--ui-shadow-card:inset 2px 2px 0 #ffffff57, inset 0 -3px 0 var(--batch-shadow-color,var(--ui-frame-inner));--ui-shadow-card-queued:inset 1px 1px 0 #ffffff2e, inset 0 -2px 0 var(--batch-shadow-color,var(--ui-frame-inner));--ui-game-card-shadow:var(--ui-shadow-card);--ui-shadow-modal:0 14px 40px #26181040;--ui-motion-fast:.14s;--ui-motion-slot-departure:.15s;--ui-motion-shake:.17s;--ui-motion-normal:.2s;--ui-motion-flight:.23s;--ui-ease-standard:cubic-bezier(.22, .75, .25, 1);--ui-z-base:10;--ui-z-flight:80;--ui-z-modal:100;--ui-safe-top:var(--safe-top);--ui-safe-right:var(--safe-right);--ui-safe-bottom:var(--safe-bottom);--ui-safe-left:var(--safe-left);--vk-safe-top:0px;--vk-safe-right:0px;--vk-safe-bottom:0px;--vk-safe-left:0px;--safe-top:max(env(safe-area-inset-top,0px), var(--vk-safe-top,0px));--safe-right:max(env(safe-area-inset-right,0px), var(--vk-safe-right,0px));--safe-bottom:max(env(safe-area-inset-bottom,0px), var(--vk-safe-bottom,0px));--safe-left:max(env(safe-area-inset-left,0px), var(--vk-safe-left,0px));--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--ui-font-family);background:#cfd5dc}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}html,body{overflow-x:hidden}body{background:linear-gradient(#d9dee4 0%,#c7cdd5 100%);min-height:100dvh;overflow-y:auto}#app{min-height:100dvh}.app-viewport{width:100%;min-height:100dvh;padding:calc(var(--safe-top) + 8px) calc(var(--safe-right) + 8px) calc(var(--safe-bottom) + 8px) calc(var(--safe-left) + 8px);justify-content:center;align-items:center;display:flex;overflow-x:hidden}.app-viewport[data-surface=home]{background:linear-gradient(#fff6e014,#67432814),url(/assets/home/home-meadow-mobile.png) 50%/cover no-repeat}.app-viewport[data-layout=desktop][data-surface=home]{background-image:linear-gradient(#fff6e014,#67432814),url(/assets/home/home-meadow-desktop.png)}.screen-shell{--screen-background-image:url(/assets/game/background-garden-workbench.png);--home-background-image:url(/assets/home/home-meadow-mobile.png);width:min(100%,56.25dvh - 9px);width:min(100%, calc((100dvh - var(--safe-top) - var(--safe-bottom) - 16px) * .5625));background:#f8efe3;border-radius:8px;flex:none;max-width:540px;position:relative;overflow:hidden;container-type:size}.screen-shell[data-layout=desktop]{--screen-background-image:url(/assets/game/background-garden-workbench-desktop.png);--home-background-image:url(/assets/home/home-meadow-desktop.png);background:linear-gradient(#fff6e014, #67432814), var(--screen-background-image) center center / cover no-repeat;width:100%;max-width:none;height:100dvh;box-shadow:none;border-radius:0}.screen-shell[data-surface=home],.screen-shell[data-surface=home] .menu-screen{background:0 0}.screen-shell[data-layout=desktop]:before{display:none}.screen-shell:before{content:"";padding-top:177.778%;display:block}@supports (aspect-ratio:9 / 16){.screen-shell{aspect-ratio:9/16}.screen-shell:before{display:none}.screen-shell[data-layout=desktop]{aspect-ratio:auto}}.app-viewport[data-layout=desktop]{height:100dvh;min-height:0;padding:0;overflow:hidden}.app-viewport.game-screen-viewport{--game-viewport-background:url(/assets/game/background-garden-workbench.png);height:100dvh;min-height:0;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:var(--game-viewport-background) center center / cover no-repeat;overflow:hidden}.app-viewport.game-screen-viewport[data-layout=desktop]{--game-viewport-background:url(/assets/game/background-garden-workbench-desktop.png)}.app-viewport.game-screen-viewport .screen-shell{box-shadow:none;background:0 0;border-radius:0}.app-viewport.game-screen-viewport[data-layout=portrait] .screen-shell{width:min(calc((100vh - var(--safe-top) - var(--safe-bottom)) * .5625), calc((100vw - var(--safe-left) - var(--safe-right) - 16px) * 1.11111));width:min(calc((100dvh - var(--safe-top) - var(--safe-bottom)) * .5625), calc((100vw - var(--safe-left) - var(--safe-right) - 16px) * 1.11111));height:min(calc(100vh - var(--safe-top) - var(--safe-bottom)), calc((100vw - var(--safe-left) - var(--safe-right) - 16px) * 1.97531));height:min(calc(100dvh - var(--safe-top) - var(--safe-bottom)), calc((100vw - var(--safe-left) - var(--safe-right) - 16px) * 1.97531));max-width:none}.app-viewport.secondary-screen-viewport[data-layout=portrait]{align-items:flex-start}.app-viewport.rating-screen-viewport[data-layout=portrait]{align-items:stretch}.app-viewport.rating-screen-viewport[data-layout=portrait] .screen-shell{aspect-ratio:auto;width:min(100%,540px);height:auto}.app-viewport.rating-screen-viewport[data-layout=portrait] .screen-shell:before{display:none}.screen-shell__content{transform-origin:50%;position:absolute;top:50%;left:50%;overflow:hidden;container-type:size}#game-canvas,.game-screen{position:absolute;inset:0}#game-canvas canvas{max-width:100%;max-height:100%;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;display:block;width:100%!important;height:100%!important}.orientation-lock{z-index:1000;padding:calc(var(--safe-top) + 20px) calc(var(--safe-right) + 20px) calc(var(--safe-bottom) + 20px) calc(var(--safe-left) + 20px);color:#3c2e28;letter-spacing:.08em;text-align:center;background:#f5ead5;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:17px;font-weight:850;display:none;position:fixed;inset:0}.orientation-lock svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:64px;height:64px}@media (hover:hover) and (pointer:fine){.screen-shell{border-radius:14px;box-shadow:0 18px 60px #181f2833}}@media (hover:none),(pointer:coarse){.screen-shell{box-shadow:none;border-radius:0}}@media (pointer:fine) and (width>=768px) and (height<=680px){.app-viewport{align-items:flex-start;min-height:100dvh;overflow-y:visible}.screen-shell[data-layout=portrait]{width:min(540px,100vw - 24px);min-width:360px}}@media (orientation:landscape) and (pointer:coarse) and (height<=500px){.app-viewport[data-layout=portrait] .orientation-lock{display:flex}}