.game-mirror-root,.game-mirror-root *{box-sizing:border-box}.game-mirror-root{--bg:#5e80ff;--panel-border-dark:#5e80ff;--panel-border-mid:#5e80ff;--panel-border-light:#5e80ff;--text-dark:#0a1a2e;--text-mid:#1a3a5a;--accent:#83d2e6;font-family:var(--font-hand);background:0 0;flex-direction:column;display:flex;overflow-x:clip}.game-mirror-root .room{z-index:1;flex-direction:column;min-height:0;display:flex;position:relative}.game-mirror-root .wall{flex-direction:column;flex:1;align-items:center;display:flex}.game-mirror-root .main-panel{width:100%;max-width:var(--content-w-wide);background:var(--ash);padding:0}.game-mirror-root .name-row{margin-bottom:14px}.game-mirror-root .section-label{font-family:var(--font-hand);font-size:var(--fs-game-lg);color:var(--text-mid);letter-spacing:1px;text-transform:uppercase;margin-bottom:5px}.game-mirror-root .name-input{background:var(--ash);border:2px solid #2858ff;border-color:#5e80ff #2858ff #2858ff #5e80ff;border-left-color:var(--wisteria);border-top-color:var(--wisteria);width:100%;max-width:400px;font-family:var(--font-hand);font-size:var(--fs-game-lg);color:var(--text-dark);outline:none;padding:6px 10px}.game-mirror-root .name-input::placeholder{color:#5a4a2a59}.game-mirror-root .two-col{grid-template-columns:380px 1fr;gap:16px;display:grid}@media (width<=700px){.game-mirror-root .two-col{grid-template-columns:1fr}.game-mirror-root .mirror-frame{margin-top:30px}}.game-mirror-root .selector-side{flex-direction:column;gap:10px;min-height:0;display:flex}.game-mirror-root .selector-side .category-section{flex-direction:column;flex:1;min-height:0;display:flex}.game-mirror-root .selector-side .parts-grid{flex:1;grid-auto-rows:minmax(0,1fr)}@media (width<=700px){.game-mirror-root .selector-side .category-section{flex:none}.game-mirror-root .selector-side .parts-grid{flex:none;grid-auto-rows:auto}}@media (width>=701px){.game-mirror-root .selector-side:not(.show-all) .parts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.game-mirror-root [hidden]{display:none!important}.game-mirror-root .part-tabs,.game-mirror-root .pers-tabs{flex-wrap:wrap;gap:5px;display:flex}.game-mirror-root .pers-tabs{margin-bottom:8px}.game-mirror-root .tab-btn{background:var(--ash);border:2px solid #2858ff;border-color:#5e80ff #2858ff #2858ff #5e80ff;border-left-color:var(--wisteria);border-top-color:var(--wisteria);font-family:var(--font-hand);font-size:var(--fs-game-md);letter-spacing:.5px;text-transform:uppercase;color:var(--ink);cursor:var(--cursor-click);-webkit-user-select:none;user-select:none;padding:4px 10px;transition:filter .1s}.game-mirror-root .tab-btn:hover{filter:brightness(1.06)}.game-mirror-root .tab-btn.active{border-color:var(--ash);outline:2px solid var(--ash);outline-offset:1px;background:#e0f0f0}.game-mirror-root .selector-side:not(.show-all) .category-title{display:none}.game-mirror-root .category-section{background:var(--ash);border:2px solid #2858ff;border-color:#5e80ff #2858ff #2858ff #5e80ff;border-left-color:var(--wisteria);border-top-color:var(--wisteria);padding:10px 12px}.game-mirror-root .category-title{font-family:var(--font-hand);font-size:var(--fs-game-lg);color:var(--text-dark);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.game-mirror-root .parts-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.game-mirror-root .part-btn{background:var(--ash);border:2px solid #2858ff;border-color:#5e80ff #2858ff #2858ff #5e80ff;border-left-color:var(--wisteria);border-top-color:var(--wisteria);cursor:var(--cursor-click);flex-direction:column;align-items:center;gap:3px;width:100%;min-width:0;padding:5px 7px;transition:filter .1s;display:flex;position:relative}.game-mirror-root .part-btn:hover{filter:brightness(.94)}.game-mirror-root .part-btn.active{outline:2px solid var(--accent);outline-offset:1px;background:#5e80ff;border-color:var(--accent)!important}.game-mirror-root .part-btn{justify-content:center}.game-mirror-root .part-btn img{object-fit:contain;pointer-events:none;flex:1;width:100%;min-height:44px;max-height:160px}.game-mirror-root .part-btn .part-name{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.game-mirror-root .part-btn.none-btn img{opacity:.3}.game-mirror-root .part-btn[data-id=mouth_smooch] img{max-height:44px}.game-mirror-root .personality{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.game-mirror-root .pers-menu{position:relative}.game-mirror-root .pers-summary{background:var(--ash);border:2px solid #2858ff;border-color:#5e80ff #2858ff #2858ff #5e80ff;border-left-color:var(--wisteria);border-top-color:var(--wisteria);font-family:var(--font-hand);font-size:var(--fs-game-md);letter-spacing:.5px;text-transform:uppercase;color:var(--text-dark);cursor:var(--cursor-click);-webkit-user-select:none;user-select:none;padding:6px 10px;list-style:none}.game-mirror-root .pers-summary::-webkit-details-marker{display:none}.game-mirror-root .pers-summary:after{content:"▾";float:right}.game-mirror-root .pers-menu[open] .pers-summary:after{content:"▴"}.game-mirror-root .pers-panel{z-index:5;background:var(--ash);border:2px solid #5e80ff;border-bottom:none;max-height:40vh;padding:10px;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto;box-shadow:2px 6px 14px #00000040}.game-mirror-root .tab-btn.sunny,.game-mirror-root .sunny .pers-chip{background:var(--climate-sunny);border-color:var(--climate-sunny-ink);color:var(--climate-sunny-ink)}.game-mirror-root .tab-btn.rainy,.game-mirror-root .rainy .pers-chip{background:var(--climate-rainy);border-color:var(--climate-rainy-ink);color:var(--climate-rainy-ink)}.game-mirror-root .tab-btn.windy,.game-mirror-root .windy .pers-chip{background:var(--climate-windy);border-color:var(--climate-windy-ink);color:var(--climate-windy-ink)}.game-mirror-root .tab-btn.snowy,.game-mirror-root .snowy .pers-chip{background:var(--climate-snowy);border-color:var(--climate-snowy-ink);color:var(--climate-snowy-ink)}.game-mirror-root .tab-btn.sunny.active,.game-mirror-root .tab-btn.rainy.active,.game-mirror-root .tab-btn.windy.active,.game-mirror-root .tab-btn.snowy.active{outline:2px solid var(--ink);outline-offset:1px}.game-mirror-root .pers-feeling-group{flex-wrap:wrap;gap:6px;display:flex}.game-mirror-root .pers-chip{font-family:var(--font-hand);font-size:var(--fs-game-md);letter-spacing:.5px;cursor:var(--cursor-click);-webkit-user-select:none;user-select:none;border:2px solid;padding:3px 9px;transition:filter .1s}.game-mirror-root .pers-vibes .pers-chip{background:var(--parchment);border-color:var(--periwinkle);color:var(--ink)}.game-mirror-root .pers-chip:hover{filter:brightness(.92)}.game-mirror-root .pers-chip.active{outline:2px solid var(--ink);outline-offset:1px;font-weight:700}.game-mirror-root .pers-landscapes{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.game-mirror-root .pers-landscape{background:var(--ash);border:2px solid #2858ff;border-color:#5e80ff #2858ff #2858ff #5e80ff;border-left-color:var(--wisteria);border-top-color:var(--wisteria);font-family:var(--font-hand);font-size:var(--fs-game-sm);color:var(--ink);cursor:var(--cursor-click);flex-direction:column;align-items:center;gap:3px;padding:5px;transition:filter .1s;display:flex}.game-mirror-root .pers-landscape:hover{filter:brightness(.94)}.game-mirror-root .pers-landscape.active{outline:2px solid var(--accent);outline-offset:1px;background:#5e80ff;border-color:var(--accent)!important}.game-mirror-root .pers-landscape img{object-fit:contain;pointer-events:none;width:100%;height:56px}.game-mirror-root .mirror-col{flex-direction:column;gap:10px;display:flex}@media (width<=700px){.game-mirror-root .mirror-col{display:contents}.game-mirror-root .mirror-frame,.game-mirror-root .char-name-display,.game-mirror-root .name-row{order:-1}.game-mirror-root .personality,.game-mirror-root .game-save-row{order:1}}.game-mirror-root .mirror-frame{background:url(/assets/mirror-bg-dZU1P_Hk.png) center / cover no-repeat, var(--parchment);aspect-ratio:.72;border:5px solid #5e80ff;border-radius:0;width:100%;margin-top:14px;position:relative;overflow:hidden;box-shadow:0 0 0 6px #5e80ff,0 0 0 10px #5e80ff,4px 8px 24px #00000080}.game-mirror-root .char-layer{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.game-mirror-root .char-layer img{object-fit:fill;width:100%;height:100%;position:absolute;top:0;left:0}.game-mirror-root .mirror-empty{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-mirror-root .mirror-empty-text{font-family:var(--font-hand);font-size:var(--fs-game-md);color:#6450284d;text-align:center;letter-spacing:1px;text-transform:uppercase;line-height:2}.game-mirror-root .char-name-display{font-family:var(--font-hand);font-size:var(--fs-game-lg);color:var(--text-dark);text-align:center;letter-spacing:2px;text-transform:uppercase;min-height:28px}.game-mirror-root .mirror-mini{z-index:3;pointer-events:none;height:0;display:none;position:sticky;top:8px}.game-mirror-root .mirror-mini-frame{aspect-ratio:.72;background:url(/assets/mirror-bg-dZU1P_Hk.png) center / cover no-repeat, var(--parchment);border:3px solid #5e80ff;align-items:center;width:24vw;padding:4px;display:flex;position:absolute;top:0;right:0;box-shadow:2px 4px 12px #0006}@media (width<=700px){.game-mirror-root .mirror-mini.show{display:block}}.mirror-char-stack{aspect-ratio:777/1155;width:100%;position:relative}.mirror-char-stack img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}
