:root{color:#2f3031;background:#f7fbff;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;--ink: #2f3031;--muted: #6f7980;--paper: #fffdf8;--panel: rgba(255, 255, 255, .9);--teal: #4fb4c8;--teal-dark: #228ca0;--coral: #ef7f73;--yellow: #f5cb46;--green: #bdf0b9;--line: #243238;--shadow: 0 20px 42px rgba(37, 58, 68, .16)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input,select{font:inherit}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{position:relative;min-height:100vh;padding:22px;background:radial-gradient(circle at 12% 18%,rgba(239,127,115,.23),transparent 24%),radial-gradient(circle at 88% 12%,rgba(245,203,70,.26),transparent 22%),linear-gradient(135deg,#ecfbff,#fffdf8 45%,#f8f0ff);isolation:isolate}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.22;background-image:linear-gradient(#19262a 1px,transparent 1px),linear-gradient(90deg,#19262a 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 78%);mask-image:linear-gradient(to bottom,#000,transparent 78%)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1420px;margin:0 auto 18px;padding:14px 16px;color:var(--ink)}.topbar.minimal{justify-content:flex-end}.brand-lockup,.status-strip,.stage-toolbar,.panel-heading,.loadout-bar,.layer-item,.layer-select,.detail-topline,.button-row,.admin-actions{display:flex;align-items:center}.brand-lockup{gap:12px}.brand-lockup.no-mark{display:block}.brand-mark{display:grid;width:52px;height:52px;place-items:center;border:4px solid var(--line);border-radius:8px;background:var(--yellow);box-shadow:5px 5px 0 var(--line);font-size:17px;font-weight:950}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.45rem,2.2vw,2.1rem);line-height:1}.brand-lockup p{margin-top:5px;color:var(--muted);font-size:.86rem;font-weight:800}.status-strip{gap:10px}.language-select,.stock-count,.save-light{display:inline-grid;min-height:34px;place-items:center;border:3px solid var(--line);border-radius:8px;background:var(--paper);padding:0 13px;box-shadow:4px 4px #243238cc;color:var(--ink);font-weight:950}.game-board{display:grid;grid-template-columns:170px minmax(420px,1fr) 350px;gap:18px;max-width:1420px;margin:0 auto}.category-rail,.avatar-panel,.inventory-panel,.admin-card,.admin-message,.home-hero,.showcase-panel,.growth-diary-panel,.diary-placeholder,.empty-state{border:4px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow),7px 7px #243238db}.home-hero{display:grid;grid-template-columns:.88fr 1.12fr;gap:22px;max-width:1180px;margin:46px auto 0;padding:26px}.home-copy{display:grid;align-content:center;gap:18px;min-height:330px;padding:20px;border:4px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#f5cb46c7,#7cd6cd80),#fff}.home-copy h2,.diary-placeholder h2{font-size:clamp(2rem,5vw,4.6rem);line-height:.95}.home-copy p,.diary-placeholder p{max-width:560px;color:var(--muted);font-size:clamp(1rem,1.7vw,1.3rem);font-weight:900;line-height:1.55}.home-entrances{display:grid;gap:16px}.entrance-card{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:156px;padding:18px;border:4px solid var(--line);border-radius:8px;background:#fff;box-shadow:6px 6px 0 var(--line)}.entrance-card:hover{background:#e9fbff;transform:translate(-2px,-2px)}.entrance-icon{display:grid;width:76px;height:76px;place-items:center;border:4px solid var(--line);border-radius:8px;background:var(--yellow);box-shadow:4px 4px 0 var(--line);font-size:2.2rem;font-weight:950}.entrance-card strong,.entrance-card small{display:block}.entrance-card strong{font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.08}.entrance-card small{margin-top:8px;color:var(--muted);font-size:.94rem;font-weight:850;line-height:1.45}.entrance-cta{display:inline-grid;min-height:42px;place-items:center;border:3px solid var(--line);border-radius:8px;background:var(--green);padding:0 16px;box-shadow:3px 3px 0 var(--line);font-weight:950}.diary-placeholder{display:grid;justify-items:center;gap:18px;max-width:860px;margin:56px auto 0;padding:44px 28px;text-align:center}.showcase-panel{display:grid;gap:18px;max-width:940px;margin:46px auto 0;padding:22px}.showcase-heading{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:18px}.showcase-heading h2{font-size:clamp(1.8rem,4vw,3.6rem);line-height:.98}.showcase-heading p{margin-top:8px;color:var(--muted);font-size:clamp(.96rem,1.4vw,1.14rem);font-weight:900}.steam-widget{width:100%;min-height:190px;border:4px solid var(--line);border-radius:8px;background:#101822;box-shadow:5px 5px 0 var(--line)}.showcase-actions{justify-content:flex-end}.growth-diary-panel{display:grid;gap:18px;max-width:1180px;margin:34px auto 0;padding:22px}.growth-copy{display:grid;gap:10px;text-align:center}.growth-copy h2{font-size:clamp(2rem,4.5vw,4rem);line-height:.98}.growth-copy p{justify-self:center;max-width:760px;color:var(--muted);font-size:clamp(.98rem,1.5vw,1.18rem);font-weight:900;line-height:1.55}.growth-playfield{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(300px,1.1fr);gap:18px;align-items:stretch}.growth-avatar-stage{min-height:470px}.growth-avatar-content{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.growth-avatar-content.punch-impact{animation:growth-stage-hit .54s steps(2,end)}.growth-avatar-stage .base-avatar{width:min(92%,460px)}.growth-decoration{pointer-events:none}.growth-effect-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;overflow:hidden;pointer-events:none}.growth-effect{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.growth-effect-asset{position:absolute;width:clamp(78px,18vw,150px);height:auto;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none}.growth-effect-soda .growth-effect-asset{left:4%;top:12%;animation:soda-fly-in 1.18s cubic-bezier(.15,.88,.2,1) forwards}.growth-effect-whip .growth-effect-asset{left:48%;top:20%;width:clamp(150px,36vw,290px);transform-origin:10% 85%;animation:whip-crack 1.12s steps(2,end) forwards}.growth-effect-punch .fist{width:clamp(74px,16vw,132px);animation:fist-hit 1.1s cubic-bezier(.12,.85,.24,1) forwards}.growth-effect-punch .fist-1{left:10%;top:18%;--start-x: -95px;--start-y: -35px;--end-x: 128px;--end-y: 74px;--hit-rotate: 16deg}.growth-effect-punch .fist-2{right:8%;top:20%;--start-x: 105px;--start-y: -28px;--end-x: -136px;--end-y: 78px;--hit-rotate: -18deg;animation-delay:.12s}.growth-effect-punch .fist-3{left:22%;bottom:13%;--start-x: -90px;--start-y: 55px;--end-x: 104px;--end-y: -86px;--hit-rotate: -8deg;animation-delay:.24s}.growth-effect-punch .fist-4{right:20%;bottom:16%;--start-x: 96px;--start-y: 64px;--end-x: -112px;--end-y: -92px;--hit-rotate: 12deg;animation-delay:.34s}.growth-float-text{position:absolute;left:50%;top:28%;min-width:max-content;border:4px solid var(--line);border-radius:8px;background:var(--yellow);padding:8px 14px;box-shadow:5px 5px 0 var(--line);color:var(--ink);font-size:clamp(1rem,2.2vw,1.45rem);font-weight:950;line-height:1;transform:translate(-50%);animation:growth-float-text 1.35s ease-out forwards}.growth-effect-whip .growth-float-text{top:64%}.growth-effect-punch .growth-float-text{top:18%}.growth-stats{display:grid;align-content:center;gap:16px;padding:18px;border:4px solid var(--line);border-radius:8px;background:#fff;box-shadow:5px 5px 0 var(--line)}.growth-stat{display:grid;gap:8px}.growth-stat-label{display:flex;justify-content:space-between;gap:12px;color:var(--line);font-weight:950}.growth-meter{height:28px;overflow:hidden;border:3px solid var(--line);border-radius:8px;background:linear-gradient(90deg,rgba(47,48,49,.08) 1px,transparent 1px),#e9fbff;background-size:18px 18px}.growth-meter span{display:block;height:100%;border-right:3px solid var(--line);background:linear-gradient(90deg,var(--green),var(--yellow))}.growth-actions{justify-content:center}@keyframes soda-fly-in{0%{opacity:0;transform:translate(-130%,-65%) rotate(-28deg) scale(.72)}22%{opacity:1}66%{opacity:1;transform:translate(172%,94%) rotate(18deg) scale(1.08)}to{opacity:0;transform:translate(214%,108%) rotate(42deg) scale(.78)}}@keyframes whip-crack{0%{opacity:0;transform:translate(-42%,38%) rotate(-48deg) scale(.86)}14%{opacity:1;transform:translate(-38%,28%) rotate(28deg) scale(1)}28%{transform:translate(-37%,24%) rotate(-32deg) scale(1.04)}44%{transform:translate(-36%,26%) rotate(31deg) scale(1.02)}60%{transform:translate(-36%,24%) rotate(-22deg) scale(1)}to{opacity:0;transform:translate(-34%,18%) rotate(18deg) scale(.92)}}@keyframes fist-hit{0%{opacity:0;transform:translate(var(--start-x),var(--start-y)) rotate(0) scale(.82)}22%{opacity:1}45%{opacity:1;transform:translate(var(--end-x),var(--end-y)) rotate(var(--hit-rotate)) scale(1.12)}62%{transform:translate(calc(var(--end-x) * .88),calc(var(--end-y) * .88)) rotate(var(--hit-rotate)) scale(.98)}to{opacity:0;transform:translate(calc(var(--end-x) * 1.05),calc(var(--end-y) * 1.05)) rotate(var(--hit-rotate)) scale(.82)}}@keyframes growth-stage-hit{0%,to{transform:translate(0)}20%{transform:translate(-5px,3px)}40%{transform:translate(5px,-2px)}60%{transform:translate(-3px,-3px)}80%{transform:translate(4px,2px)}}@keyframes growth-float-text{0%{opacity:0;transform:translate(-50%,16px) scale(.84)}18%{opacity:1;transform:translate(-50%) scale(1.06)}72%{opacity:1;transform:translate(-50%,-24px) scale(1)}to{opacity:0;transform:translate(-50%,-48px) scale(.92)}}@media(prefers-reduced-motion:reduce){.growth-avatar-content.punch-impact{animation:none}.growth-effect-soda .growth-effect-asset,.growth-effect-whip .growth-effect-asset,.growth-effect-punch .fist{animation-duration:.55s;animation-timing-function:ease-out}.growth-effect-soda .growth-effect-asset,.growth-effect-whip .growth-effect-asset,.growth-effect-punch .fist{animation-name:reduced-effect-pop}.growth-float-text{animation-duration:.9s}}@keyframes reduced-effect-pop{0%{opacity:0;transform:translate(-50%,4px) scale(.92)}30%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-10px) scale(.96)}}.placeholder-mark{display:grid;width:92px;height:92px;place-items:center;border:4px solid var(--line);border-radius:8px;background:var(--yellow);box-shadow:6px 6px 0 var(--line);font-size:2.7rem}.category-rail{align-self:start;display:grid;gap:12px;padding:14px}.rail-button{display:grid;grid-template-columns:32px 1fr;align-items:center;min-height:58px;gap:9px;border:3px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);text-align:left;font-size:.9rem;font-weight:950;box-shadow:3px 3px #243238bf}.rail-button span:first-child{display:grid;width:32px;height:32px;place-items:center;border-radius:6px;background:#e9fbff;color:var(--teal-dark);font-size:1.15rem}.rail-button.active{background:var(--yellow);transform:translate(-2px,-2px)}.avatar-panel{min-height:690px;padding:16px}.stage-toolbar{justify-content:space-between;padding:0 2px 14px}.stage-title,.label{color:var(--muted);font-size:.78rem;font-weight:950;letter-spacing:0;text-transform:uppercase}.save-light{min-height:30px;background:#fff;font-size:.78rem}.save-light.on{background:var(--green)}.avatar-stage{position:relative;display:grid;min-height:560px;place-items:center;overflow:hidden;border:4px solid var(--line);border-radius:8px;background:linear-gradient(90deg,rgba(79,180,200,.08) 1px,transparent 1px),linear-gradient(rgba(79,180,200,.08) 1px,transparent 1px),var(--paper);background-size:22px 22px;touch-action:none}.base-avatar{position:relative;z-index:2;width:min(94%,660px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(45,53,54,.12));-webkit-user-select:none;user-select:none;pointer-events:none}.decoration{position:absolute;z-index:5;display:grid;width:clamp(68px,18vw,190px);aspect-ratio:1;place-items:center;padding:0;background:transparent;image-rendering:pixelated;touch-action:none}.decoration.active:after{position:absolute;top:5%;right:5%;bottom:5%;left:5%;border:3px dashed var(--yellow);border-radius:8px;content:"";filter:drop-shadow(2px 2px 0 var(--line));pointer-events:none}.decoration.locked{pointer-events:none}.decoration img,.slot img,.item-preview img,.layer-thumb img,.asset-row img{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.loadout-bar{justify-content:space-between;gap:16px;margin-top:14px;padding:12px;border:4px solid var(--line);border-radius:8px;background:#e9fbff}.loadout-bar strong{display:block;margin-top:3px;font-size:1rem}.loadout-bar small{display:block;margin-top:4px;color:var(--muted);font-weight:800}.download-status{color:var(--teal-dark)}.slots{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.slot{display:grid;width:48px;height:48px;place-items:center;border:3px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-weight:950}.slot.filled{background:var(--yellow);color:var(--line);box-shadow:3px 3px 0 var(--line)}.equipped-layers{display:grid;gap:10px;margin-top:12px;padding:12px;border:4px solid var(--line);border-radius:8px;background:#fff}.layer-list{display:grid;gap:8px}.layer-item{justify-content:space-between;gap:10px;padding:8px;border:3px solid var(--line);border-radius:8px;background:#e9fbff}.layer-item.locked{background:#fff3b6}.layer-select{flex:1;min-width:0;gap:10px;padding:0;border:0;background:transparent;color:var(--line);text-align:left}.layer-select.active strong{text-decoration:underline;text-decoration-thickness:3px}.layer-select strong,.layer-select small{display:block}.layer-select strong{overflow-wrap:anywhere;font-size:.88rem}.layer-select small{margin-top:2px;color:var(--teal-dark);font-size:.72rem;font-weight:950}.layer-thumb{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center}.inventory-panel{display:flex;flex-direction:column;min-height:690px;padding:16px}.panel-heading{justify-content:space-between;margin-bottom:14px}.panel-heading h2{margin-top:4px;font-size:1.5rem;line-height:1}.item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.item-card{display:grid;min-height:144px;align-content:center;gap:8px;border:3px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);box-shadow:4px 4px #243238bf;text-align:center}.item-card.selected{background:#fff3b6;transform:translate(-2px,-2px)}.item-preview{display:grid;justify-self:center;width:78px;height:58px;place-items:center}.item-name{font-size:.91rem;font-weight:950}.item-meta{color:var(--teal-dark);font-size:.68rem;font-weight:950}.detail-card{margin-top:auto;border:3px solid var(--line);border-radius:8px;background:#fff;padding:14px;box-shadow:4px 4px #243238bf}.detail-topline{justify-content:space-between;margin-bottom:10px}.rarity,.price{border:3px solid var(--line);border-radius:7px;padding:5px 8px;background:#e9fbff;font-size:.72rem;font-weight:950}.price{background:#fff3b6}.detail-card h3{font-size:1.45rem}.control-stack{display:grid;gap:10px;margin:12px 0 14px}label{display:grid;gap:6px;color:var(--muted);font-size:.78rem;font-weight:950}input,select{min-height:40px;border:3px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:7px 10px;font-weight:800}input[type=range]{padding:0}.button-row{flex-wrap:wrap;gap:10px}.primary,.secondary{display:inline-grid;min-height:46px;place-items:center;border:3px solid var(--line);border-radius:8px;padding:0 16px;color:var(--line);box-shadow:4px 4px 0 var(--line);font-weight:950}.primary{background:var(--yellow)}.primary.small{min-height:38px;padding:0 14px}.secondary.small{min-height:38px;padding:0 12px;font-size:.82rem}.secondary{background:#fff}.link-button{text-align:center}.primary:active,.secondary:active,.entrance-card:active,.rail-button:active,.item-card:active,.slot:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--line)}.empty-state{max-width:720px;margin:80px auto;padding:32px;font-size:1.2rem;font-weight:950;text-align:center}.admin-login,.admin-layout{max-width:1180px;margin:0 auto}.admin-login{display:grid;min-height:55vh;place-items:center}.admin-card{display:grid;gap:14px;padding:18px}.admin-card h2{font-size:1.35rem}.admin-actions{justify-content:flex-end;gap:12px;margin-bottom:16px}.admin-message{margin-bottom:16px;padding:12px 14px;background:var(--green);font-weight:950}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.admin-card.wide{margin-bottom:18px}button.entrance-card{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer}.resume-settings-form{display:grid;gap:14px}.resume-settings-form label:not(.check-row){display:grid;gap:6px;font-weight:850}.resume-secret-field{display:flex;gap:8px}.resume-secret-field input{min-width:0;flex:1}.resume-secret-field button{white-space:nowrap}.resume-status-row{display:flex;flex-wrap:wrap;gap:10px}.status-badge{display:inline-block;padding:3px 10px;border:2px solid var(--line);border-radius:999px;background:#f2e8d5;font-size:.85rem;font-weight:900}.status-badge.set{background:var(--green)}.resume-direct-hint{margin:0;color:var(--muted);font-size:.85rem;font-weight:800}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:18px;background:#121a1e8c}.resume-modal{display:grid;gap:14px;width:min(420px,100%);padding:22px;border:4px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:var(--shadow),7px 7px #243238db}.resume-modal h2{margin:0;font-size:1.35rem}.resume-modal label{display:grid;gap:6px;font-weight:850}.resume-modal .button-row{justify-content:flex-end}.asset-list{display:grid;gap:12px}.asset-row{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;border:3px solid var(--line);border-radius:8px;background:#fff;padding:10px}.asset-row>img{width:92px;height:92px;border:2px solid rgba(36,50,56,.35);border-radius:8px;background:#f7fbff}.asset-row strong,.asset-row span{display:block}.asset-row span{overflow-wrap:anywhere;color:var(--muted);font-size:.78rem;font-weight:800}.editor-row{align-items:start}.editor-fields{display:grid;gap:10px}.compact-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.check-row{display:flex;align-items:center;gap:8px;color:var(--ink)}.check-row input{min-height:auto;width:20px;height:20px}.form-error{color:#b42318;font-weight:900}.hidden-file{display:none}.trash-row{opacity:.82}.empty-copy{margin:0;color:var(--muted);font-weight:900}@media(max-width:1120px){.home-hero{grid-template-columns:1fr}.home-copy{min-height:260px}.growth-playfield{grid-template-columns:1fr}.game-board{grid-template-columns:132px minmax(0,1fr)}.inventory-panel{grid-column:1 / -1;min-height:auto}.detail-card{margin-top:14px}}@media(max-width:720px){.app-shell{padding:12px}.topbar,.home-hero,.game-board,.admin-grid,.asset-row,.compact-fields{display:grid;grid-template-columns:1fr}.status-strip{flex-wrap:wrap}.home-hero{margin-top:20px;padding:14px}.home-copy{min-height:auto;padding:16px}.entrance-card{grid-template-columns:58px minmax(0,1fr)}.entrance-icon{width:58px;height:58px;font-size:1.7rem}.entrance-cta{grid-column:1 / -1}.diary-placeholder{margin-top:24px;padding:28px 16px}.showcase-panel{margin-top:24px;padding:14px}.showcase-heading{grid-template-columns:1fr;justify-items:center;text-align:center}.steam-widget{min-height:210px}.showcase-actions{justify-content:stretch}.growth-diary-panel{margin-top:24px;padding:14px}.growth-avatar-stage{min-height:380px}.growth-stats{padding:12px}.growth-actions{display:grid;grid-template-columns:1fr}.category-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.rail-button{grid-template-columns:1fr;justify-items:center;text-align:center}.avatar-panel,.inventory-panel{min-height:auto}.avatar-stage{min-height:390px}.base-avatar{width:min(100%,430px)}.loadout-bar{align-items:stretch;flex-direction:column}.slots{justify-content:flex-start}.layer-item{align-items:stretch;flex-direction:column}}