@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,Noto Sans JP,system-ui,sans-serif;color:#24252b;background:#f7f7f8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#fff;border-right:1px solid #e9e9ed;padding:25px 17px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#22232a;font-weight:800;font-size:18px;padding:0 8px 35px}.brand-mark{width:34px;height:34px;border-radius:11px;background:#335cff;color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px}.main-nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;text-align:left;color:#686a75;padding:12px 13px;border-radius:10px;font:600 14px inherit;display:flex;align-items:center;gap:13px;cursor:pointer}.nav-item:hover{background:#f5f6fa;color:#282a31}.nav-item.active{background:#edf1ff;color:#3159ef}.nav-icon{width:19px;text-align:center;font-size:19px}.sidebar-bottom{margin-top:auto}.sidebar-note{color:#858793;font-size:12px;line-height:1.8;padding:14px 11px 22px}.profile-mini{border-top:1px solid #eeeef1;padding:18px 7px 0;display:flex;align-items:center;gap:10px}.profile-mini strong,.profile-mini small{display:block}.profile-mini strong{font-size:13px}.profile-mini small{font-size:11px;color:#898b95;margin-top:3px}.avatar{width:35px;height:35px;border-radius:50%;background:#e9edff;color:#3159ef;display:grid;place-items:center;font-weight:800}.main-area{margin-left:248px;min-height:100vh}.topbar{height:76px;background:#ffffffe6;border-bottom:1px solid #e9e9ed;display:flex;align-items:center;padding:0 42px;gap:20px;position:sticky;top:0;z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.search-box{height:40px;max-width:470px;width:100%;display:flex;align-items:center;gap:10px;background:#f5f5f7;border:1px solid #eeeef1;border-radius:10px;padding:0 13px;color:#858793}.search-box span{font-size:23px}.search-box input{border:0;outline:0;background:transparent;width:100%;font:14px inherit;color:#282a31}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.icon-button,.mobile-menu{border:0;background:transparent;color:#626571;font-size:19px;cursor:pointer}.top-avatar{width:32px;height:32px}.mobile-menu{display:none}.page-content{max-width:1200px;margin:0 auto;padding:43px 42px 28px}.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:42px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#7787ca;margin:0 0 9px}.welcome-row h1{font-size:30px;letter-spacing:-.8px;margin:0;font-weight:800}.subheading{margin:9px 0 0;color:#858793;font-size:13px}.primary-button{border:0;border-radius:9px;background:#335cff;color:#fff;padding:12px 17px;font:700 13px inherit;cursor:pointer;box-shadow:0 4px 10px #335cff25}.primary-button:hover{background:#254be6}.primary-button span{font-size:17px;margin-right:5px}.section-block{margin:0 0 39px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-heading h2{font-size:17px;margin:0;font-weight:750}.section-heading p{font-size:12px;color:#92939c;margin:6px 0 0}.text-button{border:0;background:transparent;color:#4565e8;font:600 12px inherit;cursor:pointer}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.empty-card,.placeholder-panel{min-height:210px;border:1px dashed #d9dbe3;border-radius:13px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:9px}.empty-icon{width:43px;height:43px;border-radius:13px;background:#f0f2ff;color:#5570e9;display:grid;place-items:center;font-size:22px;margin-bottom:4px}.empty-card strong,.placeholder-panel strong{font-size:13px}.empty-card span,.placeholder-panel span{font-size:11px;color:#92939c;max-width:330px;line-height:1.7}.secondary-button{margin-top:7px;background:#fff;border:1px solid #dfe1e8;border-radius:8px;padding:9px 13px;font:600 11px inherit;color:#4c4e58;cursor:pointer}.upload-panel{width:100%;display:flex;align-items:center;gap:15px;text-align:left;background:#fff;border:1px solid #e8e9ee;border-radius:12px;padding:18px 20px;cursor:pointer}.upload-panel:hover{border-color:#9aabff;background:#fcfcff}.upload-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#edf1ff;color:#4262eb;font-size:23px}.upload-copy{display:grid;gap:5px}.upload-copy strong{font-size:13px}.upload-copy small{font-size:11px;color:#92939c}.upload-arrow{margin-left:auto;color:#8a8c97;font-size:20px}.placeholder-panel{min-height:190px}.hidden{display:none!important}.status-message{min-height:20px;color:#5268cb;font-size:12px}footer{border-top:1px solid #e9e9ed;padding-top:18px;color:#a0a1a9;font-size:10px}footer span{padding:0 5px}.game-card{overflow:hidden;border:1px solid #e8e9ee;border-radius:12px;background:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s}.game-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #20243a12}.game-thumb{height:112px;background:linear-gradient(135deg,#e8edff,#dce4ff);display:grid;place-items:center;color:#5771e6;font-size:34px}.game-info{padding:12px}.game-info strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-info small{display:block;color:#92939c;font-size:10px;margin-top:5px}@media (max-width:800px){.sidebar{width:215px}.main-area{margin-left:215px}.topbar{padding:0 22px}.page-content{padding:32px 22px}}@media (max-width:620px){.sidebar{transform:translate(-100%);transition:transform .2s;width:260px;box-shadow:8px 0 30px #00000012}.sidebar.open{transform:translate(0)}.main-area{margin-left:0}.topbar{height:64px;padding:0 15px;gap:12px}.mobile-menu{display:block}.page-content{padding:28px 17px}.welcome-row{align-items:flex-start;flex-direction:column;margin-bottom:34px}.welcome-row h1{font-size:26px}.primary-button{width:100%}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.empty-card{grid-column:1/-1}.section-heading h2{font-size:15px}}.avatar-form{display:flex;gap:10px;max-width:640px}.text-input{flex:1;min-width:0;height:40px;padding:0 13px;border:1px solid #dfe1e8;border-radius:9px;background:#fff;font:inherit;font-size:14px;color:#282a31}.text-input:focus{outline:2px solid #9aabff;border-color:transparent}.avatar-form .primary-button{white-space:nowrap}.primary-button[disabled]{opacity:.6;cursor:default}.demo-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.demo-row .secondary-button{margin-top:0}.status-message.ok{color:#2f8f4e}.status-message.error{color:#d14343}.avatar-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start}.avatar-stage{height:min(62vh,520px);min-height:340px;border:1px solid #e8e9ee;border-radius:13px;overflow:hidden;background:linear-gradient(180deg,#eef1ff,#f7f7fb)}.avatar-side{display:grid;gap:16px}.panel{background:#fff;border:1px solid #e8e9ee;border-radius:13px;padding:16px 18px}.panel h3{margin:0;font-size:14px;font-weight:750}.panel h3 small{font-weight:500;color:#92939c;font-size:11px;margin-left:4px}.panel-empty{margin:10px 0 0;font-size:12px;color:#92939c}.parts-list,.report-list{list-style:none;margin:10px 0 0;padding:0}.parts-list{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}.part-toggle{display:flex;align-items:center;gap:7px;padding:5px 0;font-size:12px;color:#3d3f48;cursor:pointer}.part-toggle input{width:17px;height:17px;accent-color:#335cff}.tag{font-size:10px;font-weight:700;padding:1px 7px;border-radius:9px;background:#edf1ff;color:#3159ef}.tag.ok{background:#e6f5ec;color:#2f8f4e}.tag.error{background:#fdeaea;color:#d14343}.report-list li{display:flex;gap:10px;align-items:baseline;padding:7px 0;border-top:1px solid #eeeef1;font-size:12px}.report-list li:first-child{border-top:0}.report-list .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-list .st{font-size:11px;white-space:nowrap;max-width:48%;overflow:hidden;text-overflow:ellipsis}.report-list .st.ok{color:#2f8f4e}.report-list .st.skip{color:#92939c}.report-list .st.error{color:#d14343}.field-label{display:block;margin-bottom:8px;font-size:12px;font-weight:600;color:#5b5d68}.panel .text-input{width:100%}.button-row{display:flex;gap:10px;margin-top:14px}.button-row .secondary-button{margin-top:0}@media (max-width:900px){.avatar-layout{grid-template-columns:1fr}.avatar-stage{height:min(56vh,460px)}}@media (max-width:620px){.avatar-form{flex-direction:column}.avatar-form .primary-button{width:100%}.parts-list{grid-template-columns:1fr 1fr}}