:root{
 --bg:#0b0d14;--bg2:#111522;--panel:#151a28;--panel2:#1c2233;--panel3:#20283a;
 --text:#f6f7fb;--muted:#a9b0c2;--line:#2b3347;--accent:#8b6cff;--accent2:#ff7acb;
 --good:#48d597;--warn:#f2b84b;--danger:#ff6374;--shadow:0 18px 55px rgba(0,0,0,.28);--radius:20px
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 34%),var(--bg);color:var(--text)}
button,input,select,textarea{font:inherit}button{cursor:pointer}body{overflow-x:hidden}.app-shell{min-height:100vh;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;padding:11px 18px;background:rgba(11,13,20,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.brand{font-weight:950;letter-spacing:.7px;font-size:18px;white-space:nowrap}.brand small{display:block;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.5px;margin-top:2px}.resource{margin-left:auto;display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.pill{background:linear-gradient(180deg,#20283a,#171c2a);border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;box-shadow:0 5px 16px #0002}.install-btn{display:none}
.layout{display:grid;grid-template-columns:225px 1fr;min-height:calc(100vh - 61px)}.sidebar{padding:14px;border-right:1px solid rgba(255,255,255,.07);background:rgba(13,16,25,.78);position:sticky;top:61px;height:calc(100vh - 61px);overflow:auto}.nav{display:grid;gap:6px}.nav button{border:1px solid transparent;background:transparent;text-align:left;padding:11px 12px;border-radius:14px;color:var(--muted);font-weight:850;transition:.18s}.nav button:hover{background:#ffffff08;color:var(--text);transform:translateX(2px)}.nav button.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 22%,transparent),transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:#fff;box-shadow:inset 3px 0 0 var(--accent)}
.side-note{margin-top:16px;padding:13px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#171d2b,#121722);font-size:11px;color:var(--muted);box-shadow:var(--shadow)}.main{padding:20px;max-width:1560px;width:100%;margin:auto}.page-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:16px}.page-head h1{margin:0;font-size:27px;letter-spacing:-.5px}.page-head p{margin:5px 0 0;color:var(--muted)}
.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:linear-gradient(145deg,rgba(25,31,45,.96),rgba(17,21,32,.96));border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.hero-main{padding:24px;border-radius:22px;background:radial-gradient(circle at 90% 10%,#ffffff28,transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 88%,#141827),color-mix(in srgb,var(--accent2) 65%,#141827));color:#fff;min-height:245px;position:relative;overflow:hidden}.hero-main:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-70px;bottom:-120px;border:35px solid #fff1;box-shadow:0 0 0 30px #fff1}.hero-main h2{font-size:34px;line-height:1.05;margin:0 0 9px;max-width:620px;letter-spacing:-1px}.hero-main p{max-width:670px;opacity:.92}.hero-art{display:flex;align-items:center;justify-content:center;min-height:245px;gap:12px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 50%),linear-gradient(145deg,#1c2334,#111722)}
.stat{display:flex;flex-direction:column;gap:5px}.stat b{font-size:25px}.stat span{font-size:11px;color:var(--muted);font-weight:800}.btn{border:1px solid transparent;border-radius:12px;padding:10px 13px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:900;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 24%,transparent);transition:.16s}.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.btn.secondary{background:#ffffff08;color:#fff;border-color:var(--line);box-shadow:none}.btn.good{background:var(--good);color:#07130e}.btn.warn{background:var(--warn);color:#231705}.btn.danger{background:var(--danger)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.actions{display:flex;gap:8px;flex-wrap:wrap}.row{display:flex;align-items:center;gap:10px;justify-content:space-between}.muted{color:var(--muted)}.tiny{font-size:10px}.tag{display:inline-block;padding:4px 7px;border-radius:999px;background:#ffffff08;border:1px solid var(--line);color:#d8dbea;font-size:10px;font-weight:900;margin:2px}.progress{height:9px;background:#0d111a;border:1px solid #2a3142;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:99px;box-shadow:0 0 15px color-mix(in srgb,var(--accent) 50%,transparent)}
 .avatar{width:150px;height:178px;display:grid;place-items:end center;overflow:hidden;border-radius:28px;background:linear-gradient(180deg,#30384b,#171d2a);position:relative;border:1px solid #ffffff14;box-shadow:0 16px 34px #0005;animation:charIdle 3.8s ease-in-out infinite;transform-origin:50% 90%;will-change:transform}.avatar.small{width:78px;height:94px;border-radius:18px}.avatar img{width:100%;height:100%;display:block;object-fit:contain;object-position:center center;transition:transform .25s ease,filter .25s ease;animation:none;image-rendering:auto;-webkit-user-drag:none;user-select:none}.avatar.small img{object-position:center center}.avatar.chibi{width:118px;height:118px;border-radius:28px;animation:chibiBounce 2.8s ease-in-out infinite}.avatar.chibi img{object-fit:contain;object-position:center center;transform:none}.avatar.small.chibi{width:66px;height:66px;border-radius:16px}.avatar:hover img{transform:none}.avatar.chibi:hover img{transform:none}.avatar-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.12) 50%,transparent 65%);transform:translateX(-120%);animation:shine 6s ease-in-out infinite}.avatar-label{position:absolute;bottom:7px;left:7px;right:7px;text-align:center;font-size:9px;font-weight:900;color:#fff;text-shadow:0 1px 4px #0009;z-index:8;background:linear-gradient(90deg,transparent,#0007,transparent);padding:3px;border-radius:99px}@keyframes charIdle{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(.3deg)}}@keyframes portraitFloat{0%,100%{filter:saturate(1);transform:scale(1)}50%{filter:saturate(1.06);transform:scale(1.015)}}@keyframes chibiBounce{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-5px) rotate(-1deg)}65%{transform:translateY(-2px) rotate(1deg)}}@keyframes shine{0%,65%,100%{transform:translateX(-120%)}78%{transform:translateX(120%)}}.char-grid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px;overflow:auto;padding-bottom:4px}.char-card{position:relative;min-width:150px;border:1px solid var(--line);border-radius:18px;padding:10px;background:linear-gradient(145deg,#1a2030,#121722);transition:.16s}.char-card:hover{transform:translateY(-2px);border-color:#ffffff24}.char-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent),var(--shadow)}.char-card h3{margin:8px 0 4px;font-size:15px}.char-card p{font-size:11px;color:var(--muted);min-height:40px}.char-card .preview{display:flex;gap:8px;align-items:end}.char-card button{width:100%;margin-top:8px}
.tabs{display:flex;gap:6px;overflow:auto;margin-bottom:12px}.tabs button{border:1px solid var(--line);background:#ffffff06;padding:8px 10px;border-radius:999px;font-weight:800;color:var(--muted);white-space:nowrap}.tabs button.active{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;border-color:transparent}.list{display:grid;gap:8px}.list-item{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:14px;background:#ffffff04}.list-item .grow{flex:1}.habit{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.check{width:27px;height:27px;border-radius:9px;border:2px solid var(--line);background:#0d111a;color:#fff;display:grid;place-items:center;font-weight:900}.check.done{background:var(--good);border-color:var(--good);color:#07130e}
.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.item-card{border:1px solid var(--line);border-radius:15px;padding:11px;background:#ffffff04}.item-icon{font-size:34px;margin-bottom:6px}.price{font-weight:900;color:#f3c66c}.map{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.world{min-height:420px;border-radius:22px;background:radial-gradient(circle at 18% 22%,#ffffff40 0 6%,transparent 7%),radial-gradient(circle at 70% 65%,#ffffff24 0 9%,transparent 10%),linear-gradient(145deg,#182e3e,#28344f 55%,#233a35);position:relative;overflow:hidden;border:1px solid var(--line)}.world:before,.world:after{content:"";position:absolute;border-radius:50%;background:#fff1;filter:blur(2px)}.world:before{width:260px;height:150px;left:10%;top:25%;transform:rotate(-12deg)}.world:after{width:220px;height:130px;right:5%;bottom:15%;transform:rotate(20deg)}.pin{position:absolute;padding:8px 10px;border:1px solid #ffffff20;border-radius:12px;background:#171d2aee;color:#fff;box-shadow:var(--shadow);font-weight:900;z-index:2}.pin.locked{opacity:.55}.dest-list{display:grid;gap:8px;max-height:420px;overflow:auto}.dialogue{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.bubble{background:linear-gradient(145deg,#20283a,#171d2a);padding:12px;border:1px solid var(--line);border-radius:14px}.native{font-weight:900}.roman{font-size:12px;color:var(--muted);margin-top:4px}.translation{margin-top:7px}
.room{min-height:430px;border-radius:22px;background:linear-gradient(160deg,#33233a,#25233b 45%,#1e3040);position:relative;overflow:hidden;border:1px solid var(--line);box-shadow:inset 0 0 100px #0003}.room .window{position:absolute;right:10%;top:12%;width:25%;height:27%;background:linear-gradient(180deg,#8ed3ff,#455a9b);border:9px solid #dce4f4;border-radius:16px;box-shadow:0 10px 30px #0004}.room .sofa{position:absolute;left:13%;bottom:16%;width:42%;height:20%;background:#7c5b8f;border-radius:24px;box-shadow:inset 0 -8px 0 #0002}.room .table{position:absolute;left:43%;bottom:9%;width:18%;height:9%;background:#815b45;border-radius:50%}.room .rug{position:absolute;left:18%;bottom:5%;width:52%;height:12%;background:#ffffff10;border:1px solid #ffffff14;border-radius:50%}.quiz-option{width:100%;text-align:left;border:1px solid var(--line);background:#ffffff04;color:var(--text);padding:11px;border-radius:12px;font-weight:800}.quiz-option:hover{border-color:var(--accent);background:#ffffff08}.quiz-option.correct{background:#173528;border-color:var(--good)}.quiz-option.wrong{background:#3a1d24;border-color:var(--danger)}.achievement{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.badge{width:40px;height:40px;border-radius:12px;background:#ffffff08;border:1px solid var(--line);display:grid;place-items:center;font-size:20px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:9px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}
input,select,textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:12px;background:#0f1420;color:var(--text)}label{font-size:12px;font-weight:800;display:block;margin-bottom:5px}.field{margin:10px 0}.footer{padding:20px;text-align:center;color:var(--muted);font-size:10px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);background:#f6f7fb;color:#111522;padding:11px 15px;border-radius:999px;opacity:0;pointer-events:none;transition:.2s;z-index:100;font-weight:900;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}.modal{position:fixed;inset:0;background:#000b;display:none;place-items:center;padding:18px;z-index:90}.modal.show{display:grid}.modal-card{width:min(720px,100%);max-height:90vh;overflow:auto;background:linear-gradient(145deg,#1b2131,#111620);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 30px 100px #0008}.bottom-nav{display:none}.guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.guide-step{padding:14px;border:1px solid var(--line);border-radius:16px;background:#ffffff04}.guide-step b{color:#fff}.guide-step p{font-size:12px;color:var(--muted)}hr{border-color:var(--line)!important}
@media(max-width:1100px){.layout{grid-template-columns:190px 1fr}.char-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.layout{grid-template-columns:1fr}.sidebar{display:none}.main{padding:12px 12px 76px}.topbar{padding:9px 12px}.brand{font-size:15px}.resource .pill:nth-child(2){display:none}.hero,.map,.g2{grid-template-columns:1fr}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.char-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.bottom-nav{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:50;grid-template-columns:repeat(6,1fr);background:#0d111aeF;border-top:1px solid var(--line);backdrop-filter:blur(16px)}.bottom-nav button{border:0;background:transparent;color:var(--muted);padding:7px 2px;font-size:9px;font-weight:900}.bottom-nav button.active{color:#fff;background:#ffffff08}.page-head{align-items:flex-start;flex-direction:column}.hero-main h2{font-size:28px}}
@media(orientation:portrait){body:before{content:"↔️ Putar perangkat ke landscape untuk pengalaman terbaik";position:fixed;inset:0;z-index:80;padding:9px 12px;text-align:center;border:1px solid var(--line);border-radius:999px;background:#111620ee;color:#fff;font-size:14px;font-weight:900;pointer-events:none;opacity:.97;display:grid;place-items:center;text-align:center;padding:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media (max-height:620px) and (orientation:landscape){.topbar{padding:7px 12px}.sidebar{padding:10px}.main{padding:12px}.page-head h1{font-size:22px}.hero-main{min-height:200px;padding:18px}.hero-art{min-height:200px}.avatar{width:120px;height:145px}.char-grid{grid-template-columns:repeat(6,minmax(132px,1fr))}.card{padding:13px}}
@media (prefers-reduced-motion:reduce){.avatar,.avatar img,.avatar.chibi,.avatar-shine{animation:none!important;transition:none!important}.btn,.nav button{transition:none!important}}

/* V6.3 lightweight RPG scene */
.rpg-scene{position:relative;min-height:280px;margin:12px 0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#172333;isolation:isolate}
.rpg-sky{position:absolute;inset:0 0 42%;background:linear-gradient(180deg,#5f8db8,#a9c5d7 70%,#d6c59b)}
.rpg-ground{position:absolute;inset:58% 0 0;background:linear-gradient(180deg,#5d8a57,#354e39);clip-path:polygon(0 18%,100% 0,100% 100%,0 100%)}
.rpg-scene:before,.rpg-scene:after{content:"";position:absolute;bottom:18%;width:24%;height:35%;background:#23313d;border:2px solid #ffffff12;border-radius:10px 10px 0 0;z-index:1;box-shadow:inset 0 0 0 8px #ffffff08}
.rpg-scene:before{left:8%}.rpg-scene:after{right:8%}
.rpg-player,.rpg-npc,.rpg-marker{position:absolute;z-index:5;transition:left .18s ease,top .18s ease,transform .18s ease}.rpg-player{left:48%;top:58%;font-size:34px;filter:drop-shadow(0 6px 5px #0006)}.rpg-npc{left:72%;top:58%;font-size:32px;display:flex;flex-direction:column;align-items:center}.rpg-npc span{font-size:9px;background:#111a;color:#fff;padding:3px 6px;border-radius:999px;margin-top:2px}.rpg-marker{left:73%;top:46%;font-size:20px;animation:markerPulse 1.7s ease-in-out infinite}@keyframes markerPulse{0%,100%{transform:translateY(0);opacity:.7}50%{transform:translateY(-5px);opacity:1}}
.rpg-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-width:360px;margin:10px auto}.rpg-controls .btn{min-height:42px}.rpg-controls .btn.secondary{background:#ffffff08}
@media(max-width:780px){.rpg-scene{min-height:220px}.rpg-controls{max-width:310px}.rpg-controls .btn{padding:8px 6px}}
@media(prefers-reduced-motion:reduce){.rpg-marker{animation:none}.rpg-player,.rpg-npc{transition:none}}
.avatar-wrap{position:relative;display:inline-block}.pet-badge{position:absolute;right:-3px;bottom:2px;min-width:30px;height:30px;padding:3px 7px;display:grid;place-items:center;border-radius:999px;background:#111827ee;border:1px solid var(--line);box-shadow:var(--shadow);font-size:18px;z-index:12}.rpg-status{margin:8px auto 2px;max-width:620px;text-align:center;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#ffffff06;font-size:11px;font-weight:800;color:var(--muted)}.rpg-controls .btn:disabled{opacity:.4;cursor:not-allowed}.tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.item-card .actions{display:flex;gap:6px;flex-wrap:wrap}.item-card .actions .btn{flex:1;min-width:90px}

/* V6.7.2 Character Consistency Hardening */
.avatar-wrap{min-width:0;max-width:100%;display:inline-flex;flex-direction:column;align-items:center;vertical-align:top}.avatar{flex:0 0 auto}.avatar img{backface-visibility:hidden}.char-card .preview{min-width:0;overflow:hidden}.char-card .avatar-wrap{flex:0 0 auto}.hero-art .avatar-wrap{max-width:48%;}.hero-art .avatar{max-width:100%;}
.rpg-player .avatar-wrap{transform:none}.rpg-player .avatar{width:66px;height:66px;border-radius:16px}.rpg-player .avatar img{object-fit:contain}.dialogue .avatar-wrap{flex:0 0 auto}.dialogue .avatar{overflow:hidden}.equip-badge{display:none!important}
@media(max-width:780px){.hero-art .avatar-wrap{max-width:44%}.rpg-player .avatar{width:58px;height:58px}}

/* V6.7.2 Outfit System — original character artwork is retained underneath; equipped cosmetics visually cover only the clothing area. */
.avatar{isolation:isolate}
.avatar-outfit{position:absolute;left:10%;right:10%;bottom:0;height:58%;z-index:4;pointer-events:none;display:block;overflow:hidden;filter:drop-shadow(0 6px 8px rgba(0,0,0,.18));}
.avatar-outfit:before,.avatar-outfit:after{content:"";position:absolute;display:block}
.avatar-outfit span{position:absolute;right:8px;top:8px;font-size:18px;z-index:3;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25));}
/* Each cosmetic has its own silhouette. Face, hair and defining accessories remain untouched. */
.outfit-casual{background:linear-gradient(100deg,#7bb9d7 0 16%,#9fd7e9 16% 84%,#6aa6c6 84%);clip-path:polygon(18% 0,82% 0,100% 20%,91% 100%,9% 100%,0 20%);}
.outfit-casual:before{left:37%;top:0;width:26%;height:100%;background:linear-gradient(90deg,#eef7fb,#d7eef7);clip-path:polygon(0 0,100% 0,70% 25%,50% 100%,30% 25%);}
.outfit-festival{background:linear-gradient(90deg,#e7a6bc,#f5cbd8 50%,#d88eaa);clip-path:polygon(16% 0,84% 0,100% 18%,92% 100%,8% 100%,0 18%);}
.outfit-festival:before{left:38%;top:0;width:24%;height:100%;background:#fff7f4;clip-path:polygon(0 0,100% 0,75% 24%,50% 100%,25% 24%);}
.outfit-travel{background:linear-gradient(100deg,#587b6a 0 18%,#739b87 18% 82%,#486758 82%);clip-path:polygon(17% 0,83% 0,100% 20%,91% 100%,9% 100%,0 20%);}
.outfit-travel:before{left:35%;top:0;width:30%;height:100%;background:linear-gradient(#d9d2b8,#b7aa87);clip-path:polygon(0 0,100% 0,72% 28%,50% 100%,28% 28%);}
.outfit-winter{background:linear-gradient(100deg,#556a85,#7f94ad 50%,#4b5f79);clip-path:polygon(13% 0,87% 0,100% 18%,94% 100%,6% 100%,0 18%);}
.outfit-winter:before{left:34%;top:0;width:32%;height:100%;background:#dce5ed;clip-path:polygon(0 0,100% 0,74% 22%,50% 100%,26% 22%);}
.outfit-smart{background:linear-gradient(100deg,#252d3b,#3d4759 50%,#252d3b);clip-path:polygon(15% 0,85% 0,100% 20%,92% 100%,8% 100%,0 20%);}
.outfit-smart:before{left:36%;top:0;width:28%;height:100%;background:#f2f0eb;clip-path:polygon(0 0,100% 0,72% 24%,50% 100%,28% 24%);}
.outfit-summer{background:linear-gradient(100deg,#f1d77a,#fff0a7 50%,#e8cb68);clip-path:polygon(18% 0,82% 0,100% 18%,91% 100%,9% 100%,0 18%);}
.outfit-summer:before{left:37%;top:0;width:26%;height:100%;background:#fffaf0;clip-path:polygon(0 0,100% 0,70% 25%,50% 100%,30% 25%);}
.avatar-outfit.chibi-outfit{left:6%;right:6%;height:56%;bottom:0;border-radius:0 0 22px 22px;}
.avatar-outfit.chibi-outfit span{font-size:14px;top:4px;right:5px}
.item-equipped{border-color:var(--accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent),var(--shadow)}
.avatar[data-outfit="original"] .avatar-outfit{display:none}
@media(max-width:780px){.avatar-outfit{left:8%;right:8%;height:56%}.avatar-outfit span{font-size:14px}.avatar-outfit.chibi-outfit{height:54%}}

/* V6.7.2.2 visual stability: cosmetic overlays are bounded by character. */
.avatar-outfit{bottom:-1%;height:48%;left:13%;right:13%;border-radius:18px 18px 22px 22px;mix-blend-mode:normal;}
.avatar-outfit span{display:none;}
.avatar-outfit.character-violet{left:15%;right:15%;height:45%;bottom:0;}
.avatar-outfit.character-miku{left:12%;right:12%;height:48%;bottom:0;}
.avatar-outfit.character-kaoruko{left:12%;right:12%;height:47%;bottom:0;}
.avatar-outfit.character-kamiya{left:14%;right:14%;height:46%;bottom:0;}
.avatar-outfit.character-chitoge{left:13%;right:13%;height:47%;bottom:0;}
.avatar-outfit.character-mikasa{left:14%;right:14%;height:47%;bottom:0;}
.avatar-outfit.chibi-outfit{left:9%;right:9%;height:45%;bottom:0;border-radius:0 0 22px 22px;}
@media(max-width:780px){.avatar-outfit{left:11%;right:11%;height:46%;}.avatar-outfit.chibi-outfit{left:7%;right:7%;height:44%;}}

/* V6.7.x Android startup resilience */
.boot-loading,.boot-error{min-height:100vh;display:grid;place-items:center;padding:24px}
.boot-loading .card,.boot-error .card{width:min(620px,100%);text-align:center}
.boot-loading{background:var(--bg)}
.boot-error{background:var(--bg)}