.runner-bg--stage-1{background:url(/nemomate-site/play/sprites/runner/stage_1_park.png) repeat-x;background-size:auto 100%}.runner-bg--stage-2{background:url(/nemomate-site/play/sprites/runner/stage_2_town.png) repeat-x;background-size:auto 100%}.runner-bg--stage-3{background:url(/nemomate-site/play/sprites/runner/stage_3_beach.png) repeat-x;background-size:auto 100%}.runner-bg--stage-4{background:url(/nemomate-site/play/sprites/runner/stage_4_forest.png) repeat-x;background-size:auto 100%}.runner-bg--stage-5{background:url(/nemomate-site/play/sprites/runner/stage_5_mountain.png) repeat-x;background-size:auto 100%}.runner-bg--stage-6{background:url(/nemomate-site/play/sprites/runner/stage_6_desert.png) repeat-x;background-size:auto 100%}.runner-bg--stage-7{background:url(/nemomate-site/play/sprites/runner/stage_7_snow.png) repeat-x;background-size:auto 100%}.runner-bg--stage-8{background:url(/nemomate-site/play/sprites/runner/stage_8_candy.png) repeat-x;background-size:auto 100%}.runner-bg--stage-9{background:url(/nemomate-site/play/sprites/runner/stage_9_space.png) repeat-x;background-size:auto 100%}.runner-bg--stage-10{background:url(/nemomate-site/play/sprites/runner/stage_10_rainbow.png) repeat-x;background-size:auto 100%}@font-face{font-family:Mona12;src:url(/nemomate-site/play/fonts/Mona12.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Mona12;src:url(/nemomate-site/play/fonts/Mona12.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:A2Z;src:url(/nemomate-site/play/fonts/A2Z-Thin.woff2) format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:A2Z;src:url(/nemomate-site/play/fonts/A2Z-ExtraLight.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:A2Z;src:url(/nemomate-site/play/fonts/A2Z-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:A2Z;src:url(/nemomate-site/play/fonts/A2Z-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:A2Z;src:url(/nemomate-site/play/fonts/A2Z-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:A2Z;src:url(/nemomate-site/play/fonts/A2Z-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:A2Z;src:url(/nemomate-site/play/fonts/A2Z-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:A2Z;src:url(/nemomate-site/play/fonts/A2Z-ExtraBold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:A2Z;src:url(/nemomate-site/play/fonts/A2Z-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--brown-900: #3A2518;--brown-700: #5C4033;--brown-500: #A0896E;--brown-400: #C4B49E;--brown-300: #E8D5B8;--brown-200: #EDE4D4;--brown-100: #F5EDE0;--brown-50: #fdfaef;--pink-600: #C490C0;--pink-500: #D4A0D0;--pink-300: rgba(212, 160, 208, .3);--pink-200: rgba(212, 160, 208, .15);--pink-100: rgba(212, 160, 208, .08);--white: #fff;--black: #000;--space-xs: 2px;--space-sm: 4px;--space-md: 6px;--space-lg: 8px;--space-xl: 10px;--space-2xl: 12px;--space-3xl: 16px;--space-4xl: 20px;--space-5xl: 24px;--space-6xl: 32px;--round-xs: 4px;--round-sm: 6px;--round-md: 8px;--round-lg: 10px;--round-xl: 12px;--round-2xl: 14px;--round-3xl: 16px;--dur-fast: .15s;--dur-normal: .2s;--dur-slow: .3s;--font-family: "Mona12", "A2Z", "Pretendard", system-ui, -apple-system, sans-serif;--weight-normal: 400;--weight-semi: 600;--weight-bold: 700;--text-primary: var(--brown-700);--text-secondary: var(--brown-500);--text-tertiary: var(--brown-400);--text-inverse: var(--white);--accent: var(--pink-500);--accent-hover: var(--pink-600);--accent-subtle: var(--pink-200);--accent-bg: var(--pink-100);--bg-primary: var(--brown-50);--bg-secondary: var(--brown-100);--bg-tertiary: var(--brown-200);--bg-elevated: var(--white);--bg-cream: var(--brown-50);--bg-cream-90: rgba(253, 250, 239, .9);--bg-cream-97: rgba(253, 250, 239, .97);--border: var(--brown-300);--border-subtle: rgba(232, 213, 184, .6);--border-hover: rgba(232, 213, 184, .3);--border-brand: var(--pink-300);--track: var(--brown-200);--badge-bg: rgba(232, 213, 184, .6);--shadow-xs: 0 1px 4px rgba(92, 64, 51, .1);--shadow-sm: 0 2px 8px rgba(92, 64, 51, .15);--shadow-md: 0 2px 12px rgba(92, 64, 51, .12);--shadow-lg: 0 4px 16px rgba(92, 64, 51, .15);--shadow-xl: 0 4px 20px rgba(92, 64, 51, .2);--radius-badge: var(--round-xs);--radius-tab: var(--round-sm);--radius-button: var(--round-md);--radius-card: var(--round-lg);--radius-panel: var(--round-xl);--radius-modal: var(--round-2xl);--radius-window: var(--round-3xl);--gap-inline: var(--space-sm);--gap-item: var(--space-md);--gap-group: var(--space-lg);--gap-section: var(--space-3xl);--pad-compact: var(--space-md);--pad-default: var(--space-lg);--pad-loose: var(--space-2xl);--pad-page: var(--space-3xl);--ease-fast: var(--dur-fast) ease;--ease-normal: var(--dur-normal) ease;--ease-slow: var(--dur-slow) ease-out}:root{--green-500: #7BC67E;--red-500: #E87461;--blue-500: #5B9BD5;--blue-100: #DCEEF5;--yellow-500: #F1C40F;--yellow-600: #E0B50E;--purple-400: #9B8EC4;--rarity-common: var(--brown-500);--rarity-rare: var(--pink-500);--rarity-epic: var(--purple-400);--rarity-legendary: var(--yellow-500);--font-xs: 10px;--font-sm: 11px;--font-md: 12px;--font-lg: 13px;--font-xl: 14px;--font-2xl: 16px;--font-3xl: 28px;--font-4xl: 48px;--dur-smooth: .5s;--success: var(--green-500);--danger: var(--red-500);--info: var(--blue-500);--gold: var(--yellow-500);--gold-hover: var(--yellow-600);--font-caption: var(--font-xs);--font-label: var(--font-sm);--font-body: var(--font-md);--font-ui: var(--font-lg);--font-button: var(--font-xl);--font-title: var(--font-2xl);--font-display: var(--font-3xl);--font-hero: var(--font-4xl);--weight-normal: 400;--weight-semi: 600;--weight-bold: 700;--tracking-tight: .02em;--tracking-normal: .04em;--tracking-wide: .06em;--icon-primary: var(--brown-700);--icon-secondary: var(--brown-500);--icon-tertiary: var(--brown-400);--icon-inverse: var(--white);--icon-brand: var(--pink-500);--icon-success: var(--green-500);--icon-danger: var(--red-500);--icon-info: var(--blue-500);--icon-disabled: var(--brown-300);--border-faint: rgba(232, 213, 184, .4);--border-success: rgba(123, 198, 126, .5);--border-danger: rgba(232, 116, 97, .5);--border-disabled: var(--brown-200);--bg-white: var(--white);--bg-white-70: rgba(255, 255, 255, .7);--bg-white-60: rgba(255, 255, 255, .6);--bg-white-85: rgba(255, 255, 255, .85);--bg-white-90: rgba(255, 255, 255, .9);--bg-cream-80: rgba(253, 250, 239, .8);--bg-cream-75: rgba(253, 250, 239, .75);--bg-cream-85: rgba(253, 250, 239, .85);--bg-cream-95: rgba(253, 250, 239, .95);--bg-cream-98: rgba(253, 250, 239, .98);--bg-overlay: rgba(58, 37, 24, .4);--bg-disabled: var(--brown-100);--bg-dim: rgba(0, 0, 0, .5);--bg-dim-light: rgba(0, 0, 0, .2);--bg-dim-heavy: rgba(0, 0, 0, .6);--bg-warm-95: rgba(255, 245, 235, .95);--bg-success-light: rgba(235, 255, 237, .95);--bg-sand-50: rgba(245, 237, 224, .5);--bg-tan-20: rgba(180, 140, 90, .2);--shadow-2xl: 0 8px 32px rgba(92, 64, 51, .25);--shadow-inner-sm: inset 0 1px 2px rgba(92, 64, 51, .1);--shadow-inner-md: inset 0 2px 4px rgba(92, 64, 51, .12);--shadow-inner-lg: inset 0 2px 6px rgba(92, 64, 51, .15);--shadow-inner-xl: inset 0 4px 8px rgba(92, 64, 51, .2);--shadow-up-md: 0 -4px 16px rgba(92, 64, 51, .12);--shadow-danger: 0 2px 8px rgba(232, 116, 97, .2);--shadow-success: 0 2px 8px rgba(123, 198, 126, .2);--shadow-context: 0 4px 12px rgba(58, 37, 24, .18);--brown-alpha-35: rgba(92, 64, 51, .35);--danger-bg: rgba(232, 116, 97, .1);--danger-30: rgba(232, 116, 97, .3);--danger-25: rgba(232, 116, 97, .25);--danger-ring: rgba(232, 116, 97, .15);--info-bg: rgba(91, 155, 213, .1);--success-bg: rgba(123, 198, 126, .15);--success-12: rgba(123, 198, 126, .12);--success-25: rgba(123, 198, 126, .25);--success-30: rgba(123, 198, 126, .3);--gold-12: rgba(241, 196, 15, .12);--border-medium: rgba(232, 213, 184, .5);--runner-ground-1-bg: #d1dc9b;--runner-ground-1-border: #b3be7d;--runner-ground-2-bg: #cebcb4;--runner-ground-2-border: #b09e96;--runner-ground-3-bg: #fdca90;--runner-ground-3-border: #dfac72;--runner-ground-4-bg: #e2a584;--runner-ground-4-border: #c48766;--runner-ground-5-bg: #f1cba2;--runner-ground-5-border: #d3ad84;--runner-ground-6-bg: #f2bb7a;--runner-ground-6-border: #d49d5c;--runner-ground-7-bg: #ddded2;--runner-ground-7-border: #bfc0b4;--runner-ground-8-bg: #ecc49c;--runner-ground-8-border: #cea67e;--runner-ground-9-bg: #afaedb;--runner-ground-9-border: #9190bd;--runner-ground-10-bg: #f6dfc3;--runner-ground-10-border: #d8c1a5;--brown-500-12: rgba(160, 137, 110, .12);--brown-500-08: rgba(160, 137, 110, .08);--brown-700-60: rgba(92, 64, 51, .6);--text-inverse-dim: rgba(255, 255, 255, .7);--shadow-text: 0 2px 8px rgba(92, 64, 51, .25);--accent-70: rgba(212, 160, 208, .7);--accent-80: rgba(212, 160, 208, .8);--accent-hover-90: rgba(196, 144, 192, .9);--z-base: 0;--z-local: 100;--z-hint: 200;--z-context-menu: 300;--z-nav: 400;--z-overlay: 8000;--z-modal: 8100;--z-visual-novel: 8200;--z-floating-btn: 8400;--z-decorate: 8400;--z-status-bar: 8500;--z-sidebar: 8600;--z-dropdown: 8800;--z-tooltip: 8900;--z-onboarding: 9500;--z-onboarding-tip: 9600;--z-onboarding-result: 9700;--z-toast: 9999;--blur-sm: blur(4px);--blur-md: blur(6px);--blur-lg: blur(8px);--blur-xl: blur(12px);--ease-smooth: var(--dur-smooth) ease;--font-base: var(--font-lg);--radius-xs: var(--round-xs);--radius-sm: var(--round-sm);--radius-md: var(--round-md);--radius-lg: var(--round-lg);--radius-xl: var(--round-xl);--radius-2xl: var(--round-2xl);--radius-3xl: var(--round-3xl);--vn-banner-h: 80px;--vn-sprite-max-w: 160px;--vn-sprite-max-h: 90px;--vn-sprite-offset: -8px;--vn-dialog-pad: var(--space-4xl);margin:0;padding:0;background:transparent!important}img{image-rendering:auto;-webkit-image-rendering:optimizeQuality}html,body,button,input,textarea,select{font-family:var(--font-family);letter-spacing:var(--tracking-normal)}html,body{margin:0;padding:0;background:transparent!important;overflow:hidden;width:100%;height:100%}#root{background:transparent!important;width:100%;height:100%}body.is-web,body.is-web #root{background:var(--bg-cream)!important}body.is-web{overflow:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-inline);border:none;cursor:pointer;font-weight:var(--weight-bold);line-height:1;transition:background var(--ease-normal),transform var(--ease-fast);white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-sm{font-size:var(--font-label);padding:var(--pad-compact) var(--pad-default);border-radius:var(--radius-button)}.btn-md{font-size:var(--font-label);padding:var(--pad-compact) var(--pad-loose);border-radius:var(--radius-button)}.btn-lg{font-size:var(--font-button);padding:var(--space-xl) var(--space-3xl);border-radius:var(--radius-panel)}.btn-primary{background:var(--accent);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){background:var(--accent-hover);transform:scale(.97)}.btn-neutral{background:var(--bg-tertiary);color:var(--text-primary)}.btn-neutral:hover:not(:disabled){background:var(--border)}.btn-neutral:active:not(:disabled){background:var(--border);transform:scale(.97)}.btn-subtle{background:none;border:none;color:var(--text-secondary);font-weight:var(--weight-normal)}.btn-subtle:hover:not(:disabled){color:var(--text-primary);background:var(--accent-bg)}.btn-subtle:active:not(:disabled){color:var(--text-primary);transform:scale(.97)}.btn-success{background:var(--success);color:var(--text-inverse)}.btn-success:hover:not(:disabled){opacity:.9}.btn-success:active:not(:disabled){opacity:.85;transform:scale(.97)}.btn-gold{background:var(--gold);color:var(--text-primary)}.btn-gold:hover:not(:disabled){background:var(--gold-hover)}.btn-gold:active:not(:disabled){background:var(--gold-hover);transform:scale(.97)}.btn-ghost{background:none;border:1px solid var(--border);color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--border-hover)}.btn-ghost:active:not(:disabled){background:var(--border-subtle);transform:scale(.97)}.btn-danger{background:var(--danger);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){opacity:.9}.btn-danger:active:not(:disabled){opacity:.85;transform:scale(.97)}.btn-danger-outline{background:none;border:1px solid var(--danger);color:var(--danger)}.btn-danger-outline:hover:not(:disabled){background:var(--danger-bg)}.btn-info-outline{background:none;border:1px solid var(--info);color:var(--info)}.btn-info-outline:hover:not(:disabled){background:var(--info-bg)}.btn-hint{font-size:var(--font-caption);color:var(--text-tertiary);margin-top:var(--space-xs);text-align:center;letter-spacing:var(--tracking-normal);line-height:1.2}.btn-icon{position:relative;background:var(--bg-white-85);border:1.5px solid var(--border);border-radius:var(--radius-card);padding:var(--space-sm) var(--space-md);font-size:var(--font-button);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm)}.btn-icon:hover:not(:disabled){background:var(--badge-bg);transform:scale(1.1)}.btn-icon:disabled{opacity:.35}.btn-icon-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-label);border-radius:var(--radius-tab)}.btn-text{background:none;border:none;color:var(--text-tertiary);font-weight:var(--weight-normal)}.btn-text:hover:not(:disabled){color:var(--text-secondary)}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-dim-light);z-index:var(--z-overlay)}.panel{background:var(--bg-cream-97);border:1.5px solid var(--border);border-radius:var(--radius-window);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.panel-glass{background:var(--bg-cream-80);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--border-subtle);border-radius:var(--radius-modal);box-shadow:var(--shadow-md)}.panel-header{display:flex;align-items:center;padding:var(--pad-compact) var(--pad-loose);gap:var(--gap-item);cursor:grab;-webkit-user-select:none;user-select:none}.panel-header:active{cursor:grabbing}.panel-title{font-size:var(--font-title);font-weight:var(--weight-bold);color:var(--text-primary);flex:1;padding-top:var(--pad-compact)}.panel-close{background:none;border:none;font-size:var(--font-body);color:var(--text-secondary);cursor:pointer;padding:0 2px;line-height:1}.panel-close:hover{color:var(--text-primary)}.input{border:1px solid var(--border-subtle);border-radius:var(--radius-button);padding:var(--pad-compact) var(--pad-default);font-size:var(--font-label);outline:none;background:var(--bg-white-60);color:var(--text-primary);transition:border-color var(--ease-fast),background var(--ease-fast)}.input:focus{border-color:var(--accent);background:var(--bg-white-85)}.input::placeholder{color:var(--text-tertiary)}.input-error{border-color:var(--danger)}.input-error:focus{border-color:var(--danger);box-shadow:0 0 0 2px var(--danger-ring)}.input-disabled,.input:disabled{background:var(--bg-disabled);color:var(--text-tertiary);border-color:var(--border-disabled);cursor:not-allowed;opacity:.6}.select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid var(--border-subtle);border-radius:var(--radius-button);padding:var(--pad-compact) calc(var(--pad-default) + 18px) var(--pad-compact) var(--pad-default);font-size:var(--font-label);outline:none;background-color:var(--bg-white-60);color:var(--text-primary);cursor:pointer;transition:border-color var(--ease-fast),background-color var(--ease-fast);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'><path d='M1 1L5 5L9 1' stroke='%235C4033' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right var(--pad-default) center}.input-hint{font-size:var(--font-caption);color:var(--text-tertiary);margin-top:var(--space-xs)}.input-hint-error{color:var(--danger)}.tab-group{display:flex;gap:var(--space-xs)}.tab{background:none;border:1px solid var(--border);border-radius:var(--radius-tab);padding:var(--space-xs) var(--pad-default);font-size:var(--font-label);color:var(--text-secondary);transition:background var(--ease-fast),color var(--ease-fast);cursor:pointer;transition:background var(--ease-normal)}.tab:hover{background:var(--border-hover)}.tab-active{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.tab-subtle-active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);font-weight:var(--weight-semi)}.time-overlay{position:absolute;inset:0;pointer-events:none;z-index:var(--z-local);transition:background 1s ease}.nemo-hint-tooltip{position:absolute;z-index:var(--z-hint);transform:translate(-50%,-100%);padding:var(--space-sm) var(--pad-default);background:var(--brown-700);color:var(--text-inverse);border-radius:var(--radius-card);font-family:var(--font-family);font-size:var(--font-body);font-weight:var(--weight-semi);white-space:nowrap;box-shadow:var(--shadow-md);pointer-events:none;animation:nemo-hint-bob 1.5s ease-in-out infinite}.nemo-hint-tooltip:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--brown-700)}@keyframes nemo-hint-bob{0%,to{transform:translate(-50%,-100%)}50%{transform:translate(-50%,calc(-100% - 4px))}}.nemo-quickmenu{position:absolute;z-index:var(--z-dropdown);display:inline-flex;flex-direction:column;align-items:stretch;gap:var(--space-xs);padding:var(--space-sm);background:var(--bg-cream-85);border:1.5px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-md);font-family:var(--font-family);font-size:var(--font-body);width:max-content}.nemo-quickmenu__item{display:block;padding:var(--space-sm) var(--pad-default);background:transparent;border:none;border-radius:var(--radius-button);color:var(--text-primary);font-family:inherit;font-size:inherit;font-weight:var(--weight-semi);text-align:center;white-space:nowrap;cursor:pointer;transition:background var(--ease-fast)}.nemo-quickmenu__item:hover{background:var(--accent-bg)}.nemo-quickmenu__item--disabled,.nemo-quickmenu__item:disabled{color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.nemo-quickmenu__item--disabled:hover,.nemo-quickmenu__item:disabled:hover{background:transparent}.room-expand-overlay{position:absolute;inset:0;background:var(--brown-alpha-35);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);z-index:var(--z-overlay);display:flex;align-items:flex-start;justify-content:center;padding-top:80px;transition:opacity var(--ease-normal);opacity:1}.room-expand-overlay--fading{opacity:0}.room-expand-overlay__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--pad-loose);background:var(--bg-cream-85);border:1.5px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-lg)}.room-expand-overlay__text{font-size:var(--font-body);font-weight:var(--weight-semi);color:var(--text-primary)}.confirm-modal-overlay{position:absolute;inset:0;background:var(--brown-alpha-35);z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--pad-loose)}.confirm-modal{background:var(--bg-cream-85);border:1.5px solid var(--border);border-radius:var(--radius-card);padding:var(--pad-loose);box-shadow:var(--shadow-lg);max-width:320px;width:100%;display:flex;flex-direction:column;gap:var(--space-md)}.confirm-modal-title{font-size:var(--font-title);font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.confirm-modal-message{font-size:var(--font-body);color:var(--text-secondary);margin:0;line-height:1.5}.confirm-modal-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-sm)}.login-modal-body{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--pad-default)}.login-modal-message{font-size:var(--font-body);color:var(--text-secondary);text-align:center;line-height:1.5;margin:0}.login-modal-warning{font-size:var(--font-caption);color:var(--danger);text-align:center;margin:0}.login-modal-actions,.login-modal-form{display:flex;flex-direction:column;gap:var(--space-sm)}.login-modal-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs)}.login-modal-skip,.login-modal-toggle,.login-modal-back{align-self:center}.cloud-conflict-overlay{position:absolute;inset:0;background:var(--brown-alpha-35);z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--pad-loose)}.cloud-conflict-modal{background:var(--bg-cream-95);border:1.5px solid var(--border);border-radius:var(--radius-card);padding:var(--pad-loose);box-shadow:var(--shadow-lg);max-width:360px;width:100%;display:flex;flex-direction:column;gap:var(--space-md)}.cloud-conflict-title{font-size:var(--font-title);font-weight:var(--weight-bold);color:var(--text-primary);margin:0;text-align:center}.cloud-conflict-message{font-size:var(--font-body);color:var(--text-secondary);margin:0;text-align:center;line-height:1.5}.cloud-conflict-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-top:var(--space-sm)}.cloud-conflict-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--pad-default);background:var(--bg-white-85);border:1.5px solid var(--border);border-radius:var(--radius-card);cursor:pointer;transition:var(--ease-smooth);font-family:inherit}.cloud-conflict-card:hover{background:var(--bg-white-90);border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.cloud-conflict-card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-button);background:var(--bg-cream-80);color:var(--icon-primary)}.cloud-conflict-card-label{font-size:var(--font-ui);font-weight:var(--weight-bold);color:var(--text-primary)}.cloud-conflict-card-stats{display:flex;flex-direction:column;width:100%;margin-top:var(--space-xs)}.cloud-conflict-stat-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-md) 0;border-bottom:1px solid var(--border-faint)}.cloud-conflict-stat-row:last-child{border-bottom:none}.cloud-conflict-stat-key{font-size:var(--font-label);color:var(--text-secondary)}.cloud-conflict-stat-val{font-size:var(--font-label);font-weight:var(--weight-semi);color:var(--text-primary)}.cloud-conflict-stat-time{font-size:var(--font-caption);color:var(--text-tertiary);text-align:center;margin-top:var(--space-sm)}.cloud-conflict-warning{font-size:var(--font-caption);color:var(--text-tertiary);text-align:center;margin:0;margin-top:var(--space-xs)}.badge{display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-caption);font-weight:var(--weight-bold);padding:1px var(--pad-compact);border-radius:var(--radius-button);white-space:nowrap}.badge-neutral{background:var(--badge-bg);color:var(--text-primary);padding:var(--pad-compact)}.badge-danger{background:var(--danger);color:var(--text-inverse);min-width:14px;height:14px;line-height:14px;border-radius:7px;padding:0 var(--space-xs)}.badge-new{background:var(--danger);color:var(--text-inverse);font-size:var(--font-caption);padding:1px var(--space-sm);border-radius:var(--radius-badge)}.tag{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-caption);font-weight:var(--weight-semi);padding:var(--space-xs) var(--pad-compact);border-radius:var(--radius-tab);cursor:default;transition:opacity var(--ease-fast)}.tag:hover{opacity:.85}.tag-brand{background:var(--accent);color:var(--text-inverse)}.tag-brand-subtle{background:var(--accent-bg);color:var(--accent)}.tag-danger{background:var(--danger);color:var(--text-inverse)}.tag-danger-subtle{background:var(--danger-bg);color:var(--danger)}.tag-success{background:var(--success);color:var(--text-inverse)}.tag-success-subtle{background:var(--success-12);color:var(--success)}.tag-warning{background:var(--gold);color:var(--text-primary)}.tag-warning-subtle{background:var(--gold-12);color:var(--gold-hover)}.tag-neutral{background:var(--bg-tertiary);color:var(--text-primary)}.tag-neutral-subtle{background:var(--bg-secondary);color:var(--text-secondary)}.tag-toggle{cursor:pointer;border:1px solid var(--border);background:none;color:var(--text-secondary)}.tag-toggle:hover{background:var(--accent-bg)}.tag-toggle-on{background:var(--accent-subtle);color:var(--accent);border-color:var(--border-brand);font-weight:var(--weight-bold)}.card{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-panel);display:flex;flex-direction:column;align-items:center;padding:var(--pad-compact);transition:transform var(--ease-fast),box-shadow var(--ease-fast)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.card-selected{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 2px var(--pink-300)}.card-horizontal{flex-direction:row;align-items:stretch}.card-stroke{background:transparent;border:1.5px solid var(--border)}.card-elevated{background:var(--bg-elevated);border:none;box-shadow:var(--shadow-md)}.card-elevated:hover{box-shadow:var(--shadow-lg)}.divider{width:1px;height:14px;background:var(--border)}.dropdown{position:absolute;background:var(--bg-cream-97);border:1.5px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);overflow:hidden;min-width:120px}.dropdown-item{padding:var(--pad-compact) var(--pad-loose);font-size:var(--font-body);color:var(--text-primary);cursor:pointer;transition:background var(--ease-fast);white-space:nowrap}.dropdown-item:hover{background:var(--accent-subtle)}.dropdown-item+.dropdown-item{border-top:1px solid var(--border)}.dropdown-item-disabled{color:var(--text-tertiary);cursor:not-allowed;opacity:.5}.dropdown-item-disabled:hover{background:none}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent)}.text-xs{font-size:var(--font-caption)}.text-sm{font-size:var(--font-label)}.text-md{font-size:var(--font-body)}.text-base{font-size:var(--font-ui)}.text-bold{font-weight:var(--weight-bold)}.text-semi{font-weight:var(--weight-semi)}.text-center{text-align:center}.nemomate-container{width:100%;height:100vh;background:transparent;display:flex;align-items:center;justify-content:center;-webkit-app-region:no-drag}.game-canvas{width:400px;height:400px;background:transparent}.game-canvas canvas{background:transparent!important}.nemo-bubble{background:#ffffffd9;border:none;border-radius:var(--radius-panel);padding:var(--pad-compact) var(--pad-loose);font-size:var(--font-label);font-weight:var(--weight-bold);color:var(--text-primary);text-align:center;display:inline-block}.gallery-track{display:flex;gap:var(--gap-section);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:var(--gap-group) 0}.gallery-item{flex:0 0 auto;border-radius:var(--radius-panel);border:2px solid var(--border);overflow:hidden;scroll-snap-align:center;transition:transform var(--ease-normal)}.gallery-item:hover{transform:scale(1.03)}.gallery-track::-webkit-scrollbar{height:6px}.gallery-track::-webkit-scrollbar-thumb{background:var(--brown-400);border-radius:3px}.status-bar{display:flex;align-items:center;gap:var(--gap-group);margin-top:6px;padding:var(--pad-compact) var(--pad-loose);background:var(--bg-cream-90);border-radius:var(--radius-panel);border:1.5px solid var(--border)}.gauge{display:flex;align-items:center;gap:var(--gap-inline)}.gauge-icon{font-size:var(--font-ui);line-height:1}.gauge-track{width:40px;height:8px;background:var(--track);border-radius:var(--radius-button);overflow:hidden}.gauge-fill{height:100%;border-radius:var(--radius-button);transition:width var(--ease-smooth),background var(--ease-smooth)}.gauge-clickable{position:relative;cursor:pointer;border-radius:var(--radius-tab);padding:2px 4px;margin:-2px -4px;transition:background var(--ease-fast)}.gauge-clickable:hover{background:var(--bg-white-60)}.gauge-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:var(--z-tooltip);background:var(--brown-700);color:var(--text-inverse);font-size:var(--font-caption);padding:var(--pad-compact) var(--pad-default);border-radius:var(--radius-tab);box-shadow:var(--shadow-md);min-width:140px;max-width:180px;animation:gauge-tooltip-in .15s ease-out}.gauge-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--brown-700)}.gauge-tooltip-header{display:flex;align-items:center;gap:var(--gap-inline);font-weight:var(--weight-bold);margin-bottom:var(--space-xs);padding-bottom:var(--space-xs);border-bottom:1px solid var(--brown-500)}.gauge-tooltip-value{margin-left:auto;font-size:var(--font-label);color:var(--brown-200)}.gauge-tooltip-desc{font-size:var(--font-caption);line-height:1.4;color:var(--brown-100);white-space:pre-line}@keyframes gauge-tooltip-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.btn-floating-pos{position:absolute;bottom:68px;z-index:var(--z-tooltip);box-shadow:var(--shadow-lg);transform:translateZ(0)}.btn-floating-pos--right{right:12px}.btn-floating-pos--left{left:10px}.btn-floating-pulse{animation:btn-floating-pulse 1.5s ease-in-out infinite}@keyframes btn-floating-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-70)}50%{box-shadow:0 0 0 8px transparent}}.visitor-btn-text{white-space:nowrap}.behavior-badge{font-size:var(--font-body);color:var(--text-primary);background:var(--badge-bg);padding:var(--space-xs) var(--pad-default);border-radius:var(--radius-button);font-weight:var(--weight-semi);white-space:nowrap}.info-badge-floating{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--text-inverse);background:var(--brown-700-60);padding:var(--space-xs) var(--pad-default);border-radius:var(--radius-button);white-space:nowrap;cursor:default;box-shadow:var(--shadow-md)}.info-badge-floating.btn-floating-pos{bottom:calc(var(--pad-loose) + 40px + var(--space-lg))}.info-badge-floating__text{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px}.info-badge-floating__main{font-size:var(--font-body);font-weight:var(--weight-semi);color:var(--text-inverse)}.info-badge-floating__sub{font-size:var(--font-xs);font-weight:var(--weight-normal);color:var(--text-inverse-dim)}.info-badge-floating__action{margin-left:var(--space-sm);display:inline-flex;align-items:center;gap:var(--space-xs)}.coin-display{display:flex;align-items:center;gap:var(--gap-inline);position:relative}.coin-icon{font-size:var(--font-button);line-height:1}.coin-amount{font-size:var(--font-ui);font-weight:var(--weight-bold);color:var(--text-primary);min-width:24px}.coin-plus{position:absolute;right:-8px;top:-14px;font-size:var(--font-ui);font-weight:var(--weight-bold);color:var(--success);animation:coin-float 1.5s ease-out forwards;pointer-events:none}@keyframes coin-float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}.bar-divider{width:1px;height:14px;background:var(--border)}.game-hud{display:flex;align-items:center;justify-content:space-between;padding:var(--pad-compact) var(--pad-loose);gap:var(--gap-group)}.game-hud-left,.game-hud-right{display:flex;align-items:center;gap:var(--gap-item)}.game-stage-badge{font-size:var(--font-body);font-weight:var(--weight-semi);color:var(--text-primary);background:var(--badge-bg);padding:var(--space-xs) var(--pad-compact);border-radius:var(--radius-button);white-space:nowrap}.game-hearts{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-ui);line-height:1}.game-heart-icon{width:18px;height:18px;object-fit:contain;image-rendering:pixelated;display:inline-block}.game-heart-icon--empty{opacity:.3;filter:grayscale(1)}.game-hearts-shake{animation:game-hearts-shake .4s ease}@keyframes game-hearts-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px) rotate(-5deg)}40%{transform:translate(3px) rotate(5deg)}60%{transform:translate(-2px) rotate(-3deg)}80%{transform:translate(2px) rotate(3deg)}}.game-timer{font-size:var(--font-body);font-weight:var(--weight-bold);color:var(--danger)}.game-timer-safe{color:var(--text-secondary)}.game-timer-warning{color:var(--gold)}.game-timer-danger{color:var(--danger);animation:game-timer-pulse .5s ease infinite alternate}@keyframes game-timer-pulse{0%{opacity:1}to{opacity:.5}}.game-score{font-size:var(--font-body);font-weight:var(--weight-bold);color:var(--success)}.game-progress{width:100%;height:10px;background:var(--track);border-radius:var(--radius-button);overflow:hidden}.game-progress-fill{height:100%;border-radius:var(--radius-button);transition:width .3s ease}.game-progress-early{background:var(--gold)}.game-progress-mid{background:var(--success)}.game-progress-late{background:var(--info)}.game-result{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-group);padding:var(--gap-section);text-align:center}.game-result-title{font-size:var(--font-title);font-weight:var(--weight-bold);color:var(--text-primary)}.game-result-score{font-size:var(--font-button);font-weight:var(--weight-bold);color:var(--success)}.game-result-coins{display:flex;align-items:center;gap:var(--gap-inline);font-size:var(--font-ui);color:var(--gold);font-weight:var(--weight-semi)}.game-result-title--clear{color:var(--success)}.game-result-title--fail{color:var(--danger)}.game-result-title--final{color:var(--gold)}.game-result-stats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gap-item);width:100%}.game-result-stat-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-body);color:var(--text-secondary)}.game-result-stat-label{color:var(--text-secondary)}.game-result-stat-value{font-weight:var(--weight-semi);color:var(--text-primary)}.game-result-actions{display:flex;align-items:flex-start;gap:var(--gap-group);flex-wrap:wrap;justify-content:center}.game-result-primary-wrap{display:flex;flex-direction:column;align-items:center}.game-result-btn-primary{min-width:96px}.game-result-btn-secondary{min-width:72px}.game-card{width:68px;height:80px;border-radius:var(--radius-panel);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--ease-fast),box-shadow var(--ease-fast)}.game-card:hover{transform:scale(1.05)}.game-card-flipped{background:var(--bg-white);border-color:var(--accent)}.game-card-matched{background:var(--success-bg);border-color:var(--success);opacity:.7;pointer-events:none}.game-card-back{background:var(--accent-bg);border-color:var(--border)}.game-ingredient-btn{width:60px;height:60px;border-radius:var(--radius-panel);border:1.5px solid var(--border);background:var(--bg-white-90);display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:transform var(--ease-fast)}.game-ingredient-btn:hover{transform:scale(1.08)}.game-ingredient-correct{background:var(--success-30);border-color:var(--success)}.game-ingredient-wrong{background:var(--danger-30);border-color:var(--danger)}.game-close-btn{font-size:var(--font-ui);font-weight:var(--weight-bold);color:var(--accent);background:none;border:1px solid var(--accent);border-radius:var(--radius-button);padding:var(--pad-compact) var(--pad-loose);cursor:pointer}.game-close-btn:hover{background:var(--accent-bg)}.minigame-btn{position:relative;background:none;border:1.5px solid var(--border);border-radius:var(--radius-button);padding:2px 6px;font-size:var(--font-button);cursor:pointer;line-height:1;transition:background var(--ease-normal)}.minigame-btn:hover:not(:disabled){background:var(--border-faint)}.minigame-btn:disabled{opacity:.4;cursor:not-allowed}.toast-container{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--gap-item);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--gap-group);padding:var(--pad-default) var(--gap-section);border-radius:var(--radius-panel);font-size:var(--font-body);font-weight:var(--weight-semi);color:var(--text-primary);animation:toast-in var(--ease-slow);pointer-events:auto;white-space:nowrap}.toast-delivery{background:var(--bg-cream-95);border:1.5px solid var(--border);box-shadow:var(--shadow-sm)}.toast-warning{background:var(--bg-warm-95);border:1.5px solid var(--danger);box-shadow:var(--shadow-danger)}.toast-info{background:var(--bg-cream-95);border:1.5px solid var(--border);box-shadow:var(--shadow-sm)}.toast-success{background:var(--bg-success-light);border:1.5px solid var(--success);box-shadow:var(--shadow-success)}.toast-icon{font-size:var(--font-button);line-height:1}.toast-text{font-size:var(--font-body)}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.affinity-level-badge{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.affinity-level-label{font-size:var(--font-caption);font-weight:var(--weight-bold);color:var(--accent);white-space:nowrap;flex-shrink:0}.affinity-level-bar{flex:1;min-width:28px;height:6px;background:var(--track);border-radius:3px;overflow:hidden}.affinity-level-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .5s ease}.game-vprogress{width:8px;align-self:stretch;background:var(--track);border-radius:var(--radius-badge);overflow:hidden;flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-end}.game-vprogress-fill{width:100%;transition:height 1s linear,background-color .3s ease;border-radius:var(--radius-badge)}.game-shell{width:420px}.game-shell-layout{display:flex;flex:1;min-height:0;overflow:hidden}.game-shell-content{display:flex;flex-direction:column;flex:1;overflow:hidden}.game-shell-body{flex:1;overflow:hidden;padding:var(--pad-compact);display:flex;flex-direction:column}.celebration-overlay{position:absolute;inset:0;z-index:calc(var(--z-modal) - 1);pointer-events:none;overflow:hidden}.celebration-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-display);font-weight:var(--weight-bold);color:var(--gold);-webkit-text-stroke:2px var(--text-primary);paint-order:stroke fill;text-align:center;line-height:1.4;animation:celebration-bounce .6s var(--ease-slow) both}.gallog-ending-overlay{background:var(--bg-dim-heavy)}.gallog-ending-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--gap-section);text-align:center;animation:celebration-bounce .8s var(--ease-slow) both}.gallog-ending-crown{width:96px;height:96px;filter:drop-shadow(0 0 12px var(--gold));animation:sparkle-pulse .9s ease-in-out infinite alternate}.gallog-ending-title{font-size:var(--font-display);font-weight:var(--weight-bold);color:var(--gold);-webkit-text-stroke:2px var(--text-primary);paint-order:stroke fill}.gallog-ending-subtitle{font-size:var(--font-body);color:var(--text-inverse);-webkit-text-stroke:1px var(--text-primary);paint-order:stroke fill;line-height:1.5}.confetti-piece{position:absolute;top:-14px;border-radius:var(--round-xs);animation:confetti-fall linear forwards}.sparkle{position:absolute;font-size:var(--font-title);color:var(--gold);line-height:1;animation:sparkle-pulse .8s ease-in-out infinite alternate}@keyframes celebration-bounce{0%{opacity:0;transform:translate(-50%,-60%) scale(.6)}60%{transform:translate(-50%,-48%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.gameover-overlay{position:absolute;inset:0;z-index:calc(var(--z-modal) - 1);pointer-events:none;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-3);animation:gameover-fade-in .3s ease-out both}.gameover-backdrop{position:absolute;inset:0;background:var(--brown-alpha-35);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.gameover-nemo{position:relative;width:96px;height:96px;image-rendering:pixelated;animation:gameover-nemo-drop .6s var(--ease-slow) both;filter:drop-shadow(0 6px 0 var(--brown-alpha-35))}.gameover-text{position:relative;font-size:var(--font-display);font-weight:var(--weight-bold);color:var(--gold);-webkit-text-stroke:2px var(--text-primary);paint-order:stroke fill;text-align:center;line-height:1.2;letter-spacing:2px;animation:celebration-bounce .6s var(--ease-slow) both .15s}.gameover-subtext{margin-top:var(--space-2);font-size:var(--font-title);font-weight:var(--weight-semibold);color:var(--text-inverse);-webkit-text-stroke:1.5px var(--text-primary);letter-spacing:1px}@keyframes gameover-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gameover-nemo-drop{0%{transform:translateY(-40px) scale(.6);opacity:0}60%{transform:translateY(8px) scale(1.05);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.boss-clear-overlay{position:absolute;inset:0;z-index:calc(var(--z-modal) - 1);pointer-events:none;overflow:hidden;animation:gameover-fade-in .2s ease-out both}.boss-clear-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-display);font-weight:var(--weight-bold);color:var(--gold);-webkit-text-stroke:2px var(--text-primary);paint-order:stroke fill;text-align:center;line-height:1.2;letter-spacing:2px;animation:celebration-bounce .5s var(--ease-slow) both}.boss-clear-subtext{margin-top:var(--space-2);font-size:var(--font-title);font-weight:var(--weight-semibold);color:var(--text-inverse);-webkit-text-stroke:1.5px var(--text-primary);letter-spacing:1px}@keyframes confetti-fall{0%{top:-14px;opacity:1}80%{opacity:1}to{top:105%;opacity:0}}@keyframes sparkle-pulse{0%{opacity:.2;transform:scale(1) rotate(-15deg)}to{opacity:1;transform:scale(1.3) rotate(15deg)}}.game-pair-grid{display:grid;grid-template-columns:repeat(4,36px);grid-template-rows:repeat(3,44px);gap:var(--gap-item);padding:var(--pad-compact) var(--pad-loose);justify-content:center}.game-pair-card-wrapper{width:36px;height:44px;perspective:400px;cursor:pointer}.game-pair-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .3s ease}.game-pair-card-inner--flipped{transform:rotateY(180deg)}.game-pair-card-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--accent-bg);border:1.5px solid var(--border);border-radius:var(--radius-badge);display:flex;align-items:center;justify-content:center;font-size:var(--font-caption);color:var(--text-tertiary);-webkit-user-select:none;user-select:none}.game-pair-card-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--bg-white);border:1.5px solid var(--accent);border-radius:var(--radius-badge);display:flex;align-items:center;justify-content:center;font-size:calc(var(--font-button) * 2);transform:rotateY(180deg);-webkit-user-select:none;user-select:none}.game-pair-card-front--matched{background:var(--success-bg);border-color:var(--success);opacity:.7;pointer-events:none}.game-pair-bubble{margin:var(--space-xs) var(--pad-loose) var(--pad-compact);padding:var(--pad-compact) var(--pad-default);background:var(--bg-white-85);border:1px solid var(--border);border-radius:var(--radius-button);font-size:var(--font-label);font-weight:var(--weight-semi);color:var(--text-primary);text-align:center}.game-pair-reveal-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none;font-size:var(--font-display);font-weight:var(--weight-bold);color:var(--accent);text-shadow:var(--shadow-text)}.game-pair-countdown{display:flex;align-items:center;justify-content:center;min-height:200px}.game-pair-countdown-num{font-size:var(--font-display);font-weight:var(--weight-bold);color:var(--accent);animation:game-pair-countdown-pop .5s ease}@keyframes game-pair-countdown-pop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.cooking-game-body{display:flex;flex-direction:column;gap:var(--gap-item);padding:var(--pad-compact) var(--pad-loose)}.cooking-dish-info{display:flex;align-items:center;justify-content:center;gap:var(--gap-group);padding:var(--pad-compact);background:var(--bg-white-85);border-radius:var(--radius-card);border:1px solid var(--border-subtle)}.cooking-dish-icon{font-size:var(--font-title);line-height:1}.cooking-dish-name{font-size:var(--font-label);font-weight:var(--weight-bold);color:var(--text-primary)}.cooking-dish-count{font-size:var(--font-caption);color:var(--text-secondary);margin-left:auto}.cooking-recipe-track{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);flex-wrap:wrap;padding:var(--pad-compact);background:var(--bg-cream-90);border-radius:var(--radius-button)}.cooking-recipe-step{font-size:calc(var(--font-button) * 3);line-height:1;opacity:.35;transition:opacity var(--ease-fast),transform var(--ease-fast)}.cooking-recipe-step--done{opacity:.5;filter:grayscale(.5)}.cooking-recipe-step--current{opacity:1;transform:scale(1.25)}.cooking-status{font-size:var(--font-caption);font-weight:var(--weight-semi);color:var(--text-secondary);text-align:center;min-height:1.2em}.cooking-status--wrong{color:var(--danger)}.cooking-status--clear{color:var(--success)}.cooking-key-guide{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--pad-compact)}.cooking-key-guide-row{display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.cooking-key-item{display:flex;flex-direction:row;align-items:center;gap:var(--gap-inline);padding:var(--space-sm) var(--space-lg);background:var(--bg-cream-97);border:1.5px solid var(--border);border-radius:var(--radius-button);box-shadow:var(--shadow-xs),inset 0 -2px 0 var(--border);min-width:52px;justify-content:center}.cooking-key-label{font-size:var(--font-caption);font-weight:var(--weight-bold);color:var(--text-primary);line-height:1}.cooking-key-emoji{font-size:var(--font-button);line-height:1}.cooking-key-name{display:none}.runner-world{position:relative;overflow:hidden;height:240px;background:var(--bg-secondary);border-radius:var(--radius-card);border:1px solid var(--border-subtle);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}.runner-bg{position:absolute;inset:0;will-change:background-position}.runner-bg--stage-1{background:url(/nemomate-site/play/sprites/runner/stage_1_park.png) repeat-x;background-size:auto 100%}.runner-bg--stage-2{background:url(/nemomate-site/play/sprites/runner/stage_2_town.png) repeat-x;background-size:auto 100%}.runner-bg--stage-3{background:url(/nemomate-site/play/sprites/runner/stage_3_beach.png) repeat-x;background-size:auto 100%}.runner-bg--stage-4{background:url(/nemomate-site/play/sprites/runner/stage_4_forest.png) repeat-x;background-size:auto 100%}.runner-bg--stage-5{background:url(/nemomate-site/play/sprites/runner/stage_5_mountain.png) repeat-x;background-size:auto 100%}.runner-bg--stage-6{background:url(/nemomate-site/play/sprites/runner/stage_6_desert.png) repeat-x;background-size:auto 100%}.runner-bg--stage-7{background:url(/nemomate-site/play/sprites/runner/stage_7_snow.png) repeat-x;background-size:auto 100%}.runner-bg--stage-8{background:url(/nemomate-site/play/sprites/runner/stage_8_candy.png) repeat-x;background-size:auto 100%}.runner-bg--stage-9{background:url(/nemomate-site/play/sprites/runner/stage_9_space.png) repeat-x;background-size:auto 100%}.runner-bg--stage-10{background:url(/nemomate-site/play/sprites/runner/stage_10_rainbow.png) repeat-x;background-size:auto 100%}.runner-stage-announce{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);font-size:28px;font-weight:800;color:var(--brown-800);text-shadow:0 2px 8px rgba(255,255,255,.8);z-index:10;pointer-events:none;animation:stage-announce-pop 1s ease-out forwards}@keyframes stage-announce-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}30%{transform:translate(-50%,-50%) scale(1)}65%{opacity:1}to{opacity:0;transform:translate(-50%,-60%) scale(1)}}.runner-ground{position:absolute;bottom:0;width:200%;height:40px;background:var(--brown-200);border-top:2px solid var(--brown-300);will-change:background-position;background-image:repeating-linear-gradient(90deg,var(--brown-300) 0px,var(--brown-300) 1px,transparent 1px,transparent 60px);background-size:60px 40px}.runner-ground-segment{position:absolute;bottom:0;height:40px;background:var(--brown-200);border-top:2px solid var(--brown-300);border-left:0 solid var(--brown-300);border-right:0 solid var(--brown-300);will-change:left}.runner-ground-segment--edge-left{border-left-width:2px}.runner-ground-segment--edge-right{border-right-width:2px}.runner-ground--stage-1 .runner-ground-segment{background:var(--runner-ground-1-bg);border-color:var(--runner-ground-1-border)}.runner-ground--stage-2 .runner-ground-segment{background:var(--runner-ground-2-bg);border-color:var(--runner-ground-2-border)}.runner-ground--stage-3 .runner-ground-segment{background:var(--runner-ground-3-bg);border-color:var(--runner-ground-3-border)}.runner-ground--stage-4 .runner-ground-segment{background:var(--runner-ground-4-bg);border-color:var(--runner-ground-4-border)}.runner-ground--stage-5 .runner-ground-segment{background:var(--runner-ground-5-bg);border-color:var(--runner-ground-5-border)}.runner-ground--stage-6 .runner-ground-segment{background:var(--runner-ground-6-bg);border-color:var(--runner-ground-6-border)}.runner-ground--stage-7 .runner-ground-segment{background:var(--runner-ground-7-bg);border-color:var(--runner-ground-7-border)}.runner-ground--stage-8 .runner-ground-segment{background:var(--runner-ground-8-bg);border-color:var(--runner-ground-8-border)}.runner-ground--stage-9 .runner-ground-segment{background:var(--runner-ground-9-bg);border-color:var(--runner-ground-9-border)}.runner-ground--stage-10 .runner-ground-segment{background:var(--runner-ground-10-bg);border-color:var(--runner-ground-10-border)}.runner-character{position:absolute;left:33%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;z-index:5;will-change:bottom}.runner-character-img{width:48px;height:48px;object-fit:contain;pointer-events:none;image-rendering:auto;transform:scaleX(-1)}.runner-character--jumping{transform:rotate(-10deg)}.runner-character--invincible{animation:runner-blink .15s infinite}.runner-character--falling{animation:runner-fall-spin .5s ease-in forwards}@keyframes runner-fall-spin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes runner-blink{0%,to{opacity:1}50%{opacity:.3}}.runner-obstacle{position:absolute;display:flex;align-items:flex-end;justify-content:center;font-size:28px;line-height:1;z-index:3;will-change:transform}.runner-obstacle--smallRock{color:var(--brown-500)}.runner-obstacle--bigRock{color:var(--brown-700)}.runner-obstacle--bird{color:var(--text-secondary)}.runner-obstacle--cliff{background:var(--brown-900);border-radius:0;opacity:.7}.runner-coin{position:absolute;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;z-index:4;will-change:transform}.runner-distance{position:absolute;top:6px;right:8px;font-size:var(--font-label);font-weight:var(--weight-bold);color:var(--success);z-index:10}.runner-coin-count{position:absolute;top:6px;left:8px;font-size:var(--font-label);font-weight:var(--weight-bold);color:var(--gold);z-index:10;display:flex;align-items:center;gap:2px}.runner-progress{position:relative;width:100%;height:6px;background:var(--track);border-radius:3px;margin-top:var(--space-xs)}.runner-progress-fill{height:100%;background:var(--success);border-radius:3px;transition:width .1s linear}.runner-progress-marker{position:absolute;top:0;width:2px;height:100%;background:var(--brown-400);transform:translate(-50%)}.cleaning-game{display:flex;flex-direction:column;gap:var(--gap-item)}.cleaning-hint{text-align:center;font-size:var(--font-label);color:var(--text-secondary);padding:0 var(--pad-compact)}.cleaning-area{position:relative;overflow:hidden;height:220px;background:var(--bg-sand-50);border-radius:var(--radius-panel);border:1px solid var(--border-subtle)}.cleaning-object{position:absolute;transform:translate(-50%,-50%);width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-title);padding:0;line-height:1;-webkit-user-select:none;user-select:none;transition:transform var(--ease-fast),background var(--ease-fast);animation:cleaning-object-pop .2s ease-out}.cleaning-object:hover{transform:translate(-50%,-50%) scale(1.2)}.cleaning-object--target,.cleaning-object--trap{background:var(--bg-cream-90)}.cleaning-object--wrong{background:var(--danger-30);animation:cleaning-object-wrong .4s ease}@keyframes cleaning-object-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes cleaning-object-wrong{0%,to{transform:translate(-50%,-50%)}20%{transform:translate(calc(-50% - 4px),-50%)}40%{transform:translate(calc(-50% + 4px),-50%)}60%{transform:translate(calc(-50% - 3px),-50%)}80%{transform:translate(calc(-50% + 3px),-50%)}}.ranking-panel{width:420px;max-height:340px}.ranking-tabs{display:flex;gap:2px;padding:var(--gap-inline) var(--pad-loose);border-bottom:1px solid var(--border-faint)}.ranking-tab{flex:1;background:none;border:1px solid var(--border);border-radius:var(--radius-tab);padding:var(--gap-inline) var(--pad-compact);font-size:var(--font-caption);font-weight:var(--weight-semi);color:var(--text-secondary);cursor:pointer}.ranking-tab--active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.ranking-content{padding:var(--pad-page);overflow-y:auto;max-height:250px;display:flex;flex-direction:column;gap:var(--gap-section)}.ranking-loading{text-align:center;font-size:var(--font-caption);color:var(--text-secondary);padding:var(--space-sm) 0}.ranking-podium{display:flex;align-items:flex-end;justify-content:center;gap:var(--gap-group)}.ranking-podium-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);border-radius:var(--radius-card) var(--radius-card) 0 0;padding:var(--pad-loose) var(--pad-default) var(--pad-compact);min-width:72px}.ranking-podium-item--1st{background:var(--gold-12);border:1.5px solid var(--gold);min-height:120px;justify-content:flex-end}.ranking-podium-item--2nd{background:var(--brown-500-12);border:1.5px solid var(--text-secondary);min-height:96px;justify-content:flex-end}.ranking-podium-item--3rd{background:var(--brown-500-08);border:1.5px solid var(--brown-500);min-height:80px;justify-content:flex-end}.ranking-medal{display:flex;align-items:center;gap:var(--space-sm);line-height:1}.ranking-medal-icon{font-size:var(--font-title)}.ranking-medal-rank{font-size:var(--font-caption);font-weight:var(--weight-normal);color:var(--text-tertiary);letter-spacing:-.5px}.ranking-nemo{position:relative;width:56px;height:56px;margin-bottom:var(--space-xs)}.ranking-nemo-base{width:100%;height:100%;object-fit:contain;display:block}.ranking-nemo-overlay{position:absolute;pointer-events:none;height:auto}.nemo-sprite{position:relative;display:inline-block;width:100%;height:100%}.nemo-sprite-base{width:100%;height:100%;object-fit:contain;display:block}.nemo-sprite-overlay{position:absolute;pointer-events:none;height:auto}.ranking-nemo--empty .ranking-nemo-base{filter:grayscale(1) brightness(.85);opacity:.35}.ranking-podium-substats{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-caption);color:var(--text-secondary)}.ranking-podium-score{color:var(--text-secondary)}.ranking-score{font-size:var(--font-label);font-weight:var(--weight-bold);color:var(--text-primary)}.ranking-coins{font-size:var(--font-caption);color:var(--gold);font-weight:var(--weight-semi)}.ranking-podium-date{font-size:var(--font-caption);color:var(--text-tertiary)}.ranking-podium-stage{font-size:var(--font-caption);color:var(--text-secondary)}.ranking-podium-base{font-size:var(--font-caption);font-weight:var(--weight-bold);color:var(--text-secondary);margin-top:var(--space-xs)}.ranking-podium-empty{font-size:var(--font-body);color:var(--text-tertiary)}.ranking-list{display:flex;flex-direction:column;gap:var(--gap-item)}.ranking-item{display:flex;align-items:center;gap:var(--gap-group);padding:var(--pad-compact) var(--pad-default);background:var(--bg-secondary);border-radius:var(--radius-button);font-size:var(--font-label)}.ranking-item-rank{font-weight:var(--weight-bold);color:var(--text-secondary);min-width:20px}.ranking-item-score{font-weight:var(--weight-semi);color:var(--text-primary);flex:1}.ranking-item-coins{color:var(--gold);font-weight:var(--weight-semi)}.ranking-item-stage{color:var(--text-secondary)}.ranking-item-date{color:var(--text-tertiary);font-size:var(--font-caption)}.ranking-empty{text-align:center;padding:var(--space-6xl) var(--pad-page);color:var(--text-tertiary);font-size:var(--font-body)}.gallog-field{border-radius:var(--round-md);user-select:none;-webkit-user-select:none}.gallog-enemy{position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .1s;border-radius:50%}.gallog-enemy--dust{background:radial-gradient(circle,rgba(180,130,80,.6) 0%,rgba(180,130,80,.2) 70%,transparent 100%)}.gallog-enemy--bug{background:radial-gradient(circle,rgba(230,126,34,.7) 0%,rgba(230,126,34,.2) 70%,transparent 100%);border:1.5px solid rgba(230,126,34,.4)}.gallog-enemy--boss{background:radial-gradient(circle,rgba(142,68,173,.8) 0%,rgba(142,68,173,.3) 60%,transparent 100%);border:2px solid rgba(142,68,173,.6);box-shadow:0 0 8px #8e44ad80}.gallog-bullet{position:absolute;pointer-events:none;font-size:12px;line-height:1}.gallog-bullet--player{filter:drop-shadow(0 0 3px var(--gold))}.gallog-bullet--enemy{font-size:8px}.gallog-coin{position:absolute;font-size:16px;pointer-events:none;animation:gallog-coin-glow .6s ease-in-out infinite alternate}.gallog-nemo{position:absolute;pointer-events:none;transition:left .05s linear}.gallog-nemo--invincible{animation:gallog-blink .15s linear infinite}@keyframes gallog-blink{0%,49%{opacity:1}50%,to{opacity:.3}}@keyframes gallog-coin-glow{0%{transform:scale(1)}to{transform:scale(1.15)}}.gallog-stars{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 50% 60%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 80% 20%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(1px 1px at 10% 80%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 70% 90%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 40% 10%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 90% 50%,rgba(255,255,255,.4) 0%,transparent 100%);background-size:200px 200px;animation:gallog-star-scroll 8s linear infinite}@keyframes gallog-star-scroll{0%{background-position-y:0}to{background-position-y:200px}}.gallog-enemy--diving{filter:drop-shadow(0 0 4px rgba(232,116,97,.8))}.gallog-explosion{position:absolute;width:32px;height:32px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,var(--gold) 0%,rgba(232,116,97,.6) 50%,transparent 70%);animation:gallog-explode forwards}@keyframes gallog-explode{0%{transform:scale(.3);opacity:1}50%{transform:scale(1.5);opacity:.8}to{transform:scale(2);opacity:0}}.gallog-combo{position:absolute;top:var(--space-md);right:var(--space-md);font-size:var(--font-label);font-weight:var(--weight-bold);color:var(--gold);-webkit-text-stroke:1px var(--text-primary);paint-order:stroke fill;animation:gallog-combo-pulse .5s ease-in-out infinite alternate;pointer-events:none}@keyframes gallog-combo-pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.gallog-stage-announce{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-display);font-weight:var(--weight-bold);color:var(--gold);-webkit-text-stroke:2px var(--text-primary);paint-order:stroke fill;text-align:center;line-height:1.2;letter-spacing:2px;z-index:10;pointer-events:none;animation:stage-announce-pop 1s ease-out forwards}.gallog-enemy--enraged{filter:drop-shadow(0 0 6px rgba(255,60,60,.8)) drop-shadow(0 0 12px rgba(255,0,0,.5));animation:gallog-enrage-pulse .4s ease-in-out infinite alternate}.gallog-hitspark{position:absolute;width:14px;height:14px;pointer-events:none;background:radial-gradient(circle,var(--bg-white) 0%,var(--bg-cream-95) 35%,transparent 70%);border-radius:50%;animation:gallog-hitspark .25s ease-out forwards;z-index:5}@keyframes gallog-hitspark{0%{transform:scale(.4);opacity:1}60%{transform:scale(1.4);opacity:.9}to{transform:scale(1.8);opacity:0}}.gallog-top-bossbar{position:absolute;top:6px;left:8px;right:8px;display:flex;align-items:center;gap:var(--space-sm);z-index:6;pointer-events:none;height:18px}.gallog-top-bossbar-portrait{width:18px;height:18px;flex:0 0 auto;border-radius:50%;overflow:hidden;font-size:14px;line-height:18px;text-align:center}.gallog-top-bossbar-portrait img{width:200%;height:200%;object-fit:cover;object-position:center top;margin:-25% 0 0 -50%}.gallog-top-bossbar-name{font-family:var(--font-family);font-size:var(--font-caption);font-weight:var(--weight-semi);color:var(--text-inverse);white-space:nowrap;flex:0 0 auto}.gallog-top-bossbar-track{flex:1 1 auto;height:6px;background:var(--brown-alpha-55);border-radius:var(--radius-badge);overflow:hidden}.gallog-top-bossbar-fill{height:100%;background:var(--danger);transition:width .15s ease-out}.gallog-meteor{position:absolute;width:24px;height:24px;text-align:center;pointer-events:none}.gallog-meteor-rock{position:absolute;inset:0;font-size:20px;line-height:24px;filter:drop-shadow(0 0 4px rgba(255,140,60,.85));z-index:2}.gallog-meteor-trail{position:absolute;left:50%;bottom:60%;width:14px;height:38px;transform:translate(-50%);border-radius:50% 50% 40% 40%/70% 70% 30% 30%;background:linear-gradient(to top,#ffe678f2,#ffa03ce6 35%,#ff501eb3 65%,#ff501e00);filter:blur(1.5px) drop-shadow(0 0 6px rgba(255,140,60,.85));animation:gallog-meteor-trail-flicker .18s ease-in-out infinite alternate;z-index:1}@keyframes gallog-meteor-trail-flicker{0%{transform:translate(-50%) scaleY(1) scaleX(1);opacity:.85}to{transform:translate(-50%) scaleY(1.15) scaleX(.85);opacity:1}}.gallog-boss-intro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);pointer-events:none;z-index:55;background:#140a288c;animation:gallog-boss-intro-in .3s ease-out}.gallog-boss-intro-sub{font-size:var(--font-title);font-weight:var(--weight-bold);color:var(--danger);text-shadow:0 0 10px rgba(255,60,60,.8);letter-spacing:3px;animation:gallog-danger-flash .35s ease-in-out infinite alternate}.gallog-boss-intro-emoji{font-size:72px;width:120px;height:120px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 12px rgba(255,255,255,.7)) drop-shadow(0 0 24px rgba(232,116,97,.6));animation:gallog-boss-intro-emoji .5s ease-out}.gallog-boss-intro-name{font-size:var(--font-display);font-weight:var(--weight-bold);color:var(--text-inverse);text-shadow:0 0 8px rgba(232,116,97,.9);letter-spacing:2px}@keyframes gallog-boss-intro-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes gallog-boss-intro-emoji{0%{transform:scale(.2) rotate(-15deg);opacity:0}60%{transform:scale(1.3) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.gallog-ultimate-warn{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;animation:gallog-danger-flash .4s ease-in-out infinite alternate;z-index:50}.gallog-ultimate-warn-text{font-size:28px;font-weight:var(--weight-bold);color:var(--danger);text-shadow:0 0 8px rgba(255,60,60,.8);letter-spacing:2px}.gallog-ultimate-warn-sub{font-size:var(--font-body);color:var(--text-inverse);background:var(--brown-alpha-35);padding:2px 10px;border-radius:var(--radius-badge);margin-top:6px}@keyframes gallog-danger-flash{0%{background:transparent}to{background:#ff3c3c26}}.gallog-nebula-cloud{position:absolute;pointer-events:none;z-index:40;border-radius:50%;background:radial-gradient(circle at center,#ffffffeb,#f5f5fac7 35%,#e6e6f073 65%,#dcdceb00);filter:blur(6px);animation:gallog-nebula-cloud-life 3s ease-out forwards}@keyframes gallog-nebula-cloud-life{0%{opacity:0;transform:scale(.55)}18%{opacity:.95;transform:scale(1)}72%{opacity:.95;transform:scale(1.05)}to{opacity:0;transform:scale(1.15)}}@keyframes gallog-ultimate-pulse{0%{opacity:.6}to{opacity:.9}}.gallog-ultimate-beam{position:absolute;pointer-events:none;z-index:45}.gallog-ultimate-beam--warn{height:4px;margin-top:18px;background:linear-gradient(90deg,#78c8ffd9,#78c8ff80 70%,#78c8ff00);box-shadow:0 0 6px #78c8ffb3;animation:gallog-beam-warn-blink .12s steps(2,jump-none) infinite}.gallog-ultimate-beam--fire{height:40px;background:linear-gradient(90deg,#dcf0fff2,#78beffeb 25%,#3c82ffd9 60%,#3c82ff66 85%,#3c82ff00);box-shadow:0 0 18px #50a0ffd9,0 0 40px #3c82ff80;animation:gallog-beam-fire-flash .25s ease-out}@keyframes gallog-beam-warn-blink{0%,49%{opacity:.25}50%,to{opacity:1}}@keyframes gallog-beam-fire-flash{0%{filter:brightness(2)}to{filter:brightness(1)}}.gallog-judgment-warn{position:absolute;inset:0;pointer-events:none;z-index:45;background:radial-gradient(circle at 50% 50%,transparent 0,transparent 56px,rgba(255,220,120,.5) 60px,rgba(255,220,120,.5) 64px,transparent 68px);animation:gallog-ultimate-pulse .3s ease-in-out infinite alternate}.gallog-ultimate-judgment{position:absolute;inset:0;pointer-events:none;z-index:45;background:radial-gradient(circle at 50% 50%,transparent 0,transparent 60px,rgba(255,255,240,.85) 70px);animation:gallog-ultimate-pulse .25s ease-in-out infinite alternate}.gallog-ultimate-judgment-strike{position:absolute;inset:0;pointer-events:none;z-index:46;background:radial-gradient(circle at 50% 50%,transparent 0,transparent 60px,rgba(255,255,255,0) 70px,rgba(255,255,255,.95) 100%);animation:gallog-judgment-strike .6s ease-in forwards}@keyframes gallog-judgment-strike{0%{opacity:0;filter:brightness(1)}60%{opacity:1;filter:brightness(1.4)}to{opacity:1;filter:brightness(1)}}.gallog-ultimate-bigbang{position:absolute;inset:0;pointer-events:none;z-index:45;background:radial-gradient(circle at 50% 50%,#fffffff2,#ffc864d9 40%,#e8746199);animation:gallog-bigbang-burst .2s ease-out}@keyframes gallog-bigbang-burst{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes gallog-enrage-pulse{0%{filter:drop-shadow(0 0 6px rgba(255,60,60,.8))}to{filter:drop-shadow(0 0 10px rgba(255,0,0,.9)) drop-shadow(0 0 16px rgba(255,0,0,.4))}}.gallog-explosion--boss{width:48px;height:48px;animation-duration:.8s}.gallog-nemo--dodging{filter:drop-shadow(0 0 8px rgba(80,160,255,.9)) drop-shadow(0 0 16px rgba(80,160,255,.5));animation:gallog-dodge-pulse .3s ease-in-out infinite alternate}@keyframes gallog-dodge-pulse{0%{filter:drop-shadow(0 0 8px rgba(80,160,255,.9))}to{filter:drop-shadow(0 0 14px rgba(80,200,255,1)) drop-shadow(0 0 20px rgba(80,160,255,.6))}}.gallog-dodge-icon{position:absolute;bottom:6px;right:6px;display:flex;gap:2px;font-size:16px;z-index:5;pointer-events:none}.gallog-dodge-slot{display:inline-block;width:18px;height:18px;object-fit:contain;image-rendering:pixelated}.gallog-dodge-slot--used{opacity:.3;filter:grayscale(1)}.gallog-weapon-indicator{position:absolute;bottom:var(--space-md);left:var(--space-md);font-size:var(--font-caption);font-weight:var(--weight-bold);color:var(--gold);-webkit-text-stroke:1px var(--text-primary);paint-order:stroke fill;z-index:5;pointer-events:none}.gallog-stat-panel{position:absolute;bottom:22px;left:var(--space-md);display:flex;flex-direction:column;gap:1px;font-size:var(--font-caption);color:var(--text-inverse);z-index:5;pointer-events:none;background:var(--bg-dim-light);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-badge);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm)}.gallog-stat-item{display:flex;align-items:center;gap:var(--space-sm);white-space:nowrap}.gallog-stat-icon{width:12px;height:12px;object-fit:contain;flex:0 0 auto}.gallog-weapon-select{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:5px;height:280px;width:400px;margin:0 auto 30px}.gallog-weapon-timer{width:80%;height:4px;background:#ffffff26;border-radius:2px;overflow:hidden}.gallog-weapon-timer-bar{height:100%;background:var(--gold);border-radius:2px;transition:width .1s linear}.gallog-weapon-title{font-size:var(--font-body);font-weight:var(--weight-bold);color:var(--gold)}.gallog-weapon-cards{display:flex;gap:10px}.gallog-weapon-card{display:flex;flex-direction:column;align-items:center;gap:4px;width:100px;padding:6px;background:var(--bg-white);border-radius:var(--radius-panel);border:2px solid;text-align:center;cursor:pointer;transition:transform .15s,box-shadow .15s}.gallog-weapon-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-panel)}.gallog-weapon-card--legendary{position:relative;border-color:transparent;background:var(--bg-white);animation:legendary-glow 1.8s ease-in-out infinite;z-index:1}.gallog-weapon-card--legendary:before{content:"";position:absolute;inset:-3px;border-radius:var(--radius-panel);padding:3px;background:conic-gradient(from 0deg,var(--rarity-epic),var(--pink-400),var(--rarity-epic),var(--purple-500),var(--rarity-epic));-webkit-mask:linear-gradient(var(--text-primary) 0 0) content-box,linear-gradient(var(--text-primary) 0 0);-webkit-mask-composite:xor;mask:linear-gradient(var(--text-primary) 0 0) content-box,linear-gradient(var(--text-primary) 0 0);mask-composite:exclude;animation:legendary-rotate 3s linear infinite;pointer-events:none;z-index:-1}@keyframes legendary-glow{0%,to{box-shadow:0 0 6px 1px var(--rarity-epic)}50%{box-shadow:0 0 18px 4px var(--rarity-epic)}}@keyframes legendary-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gallog-card-emoji{font-size:28px;line-height:1;margin:4px 0;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.gallog-card-name{font-size:var(--font-body);font-weight:var(--weight-bold);color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallog-card-desc{font-size:var(--font-caption);color:var(--text-tertiary);line-height:1.3;flex:1}.gallog-card-rarity{font-size:var(--font-caption);font-weight:var(--weight-bold);margin-top:auto;padding-top:4px;border-top:1px solid var(--border-faint);width:100%;text-align:center}.panel-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);background:none;pointer-events:none}.panel-shell{background:var(--bg-cream-97);border:1.5px solid var(--border);border-radius:var(--radius-window);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;pointer-events:auto}.panel-shell--modal{max-height:340px;min-width:280px}.panel-shell--bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:var(--z-decorate)}.extended-panel-area .panel-shell--bottom{position:relative;left:auto;bottom:auto;transform:none}.extended-panel-area .deco-bottom-strip{margin-left:0;overflow:visible}.panel-anchor{position:absolute;z-index:var(--z-sidebar);pointer-events:auto}.ingame-chat{position:absolute;bottom:70px;left:8px;right:8px;width:auto;max-height:280px;background:var(--bg-cream-75);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border-radius:var(--radius-modal);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);z-index:var(--z-sidebar);animation:ingame-chat-in .25s ease-out}@keyframes ingame-chat-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ingame-chat-remaining{font-size:var(--font-caption);color:var(--text-secondary);margin-right:6px}.ingame-chat-messages{flex:1;overflow-y:auto;padding:var(--space-sm) var(--pad-default);display:flex;flex-direction:column;gap:var(--gap-inline);max-height:180px}.ingame-chat-empty{text-align:center;color:var(--text-secondary);font-size:var(--font-body);padding:16px 0}.ingame-msg{display:flex;align-items:flex-start;gap:var(--gap-inline);max-width:90%}.ingame-msg-user{align-self:flex-end;flex-direction:row-reverse}.ingame-msg-nemo{align-self:flex-start}.ingame-msg-avatar{font-size:12px;line-height:1;flex-shrink:0}.ingame-msg-text{padding:var(--space-sm) var(--pad-default);border-radius:var(--radius-button);font-size:var(--font-body);line-height:1.4;color:var(--text-primary);word-break:break-word}.ingame-msg-user .ingame-msg-text{background:var(--accent-70);color:var(--text-inverse);border-bottom-right-radius:2px}.ingame-msg-nemo .ingame-msg-text{background:var(--bg-white-70);border:1px solid var(--border-medium);border-bottom-left-radius:2px}.ingame-msg-typing{color:var(--text-secondary);font-style:italic}.ingame-chat-input-area{display:flex;align-items:center;gap:var(--gap-inline);padding:var(--pad-compact) var(--pad-default);border-top:1px solid var(--border-faint)}.ingame-chat-input{flex:1;border:1px solid var(--border-subtle);border-radius:var(--radius-button);padding:5px 8px;font-size:var(--font-label);outline:none;background:var(--bg-white-60);color:var(--text-primary)}.ingame-chat-input:focus{border-color:var(--accent);background:var(--bg-white-85)}.ingame-chat-input::placeholder{color:var(--text-tertiary)}.ingame-chat-send{background:var(--accent-80);border:none;border-radius:var(--radius-button);padding:5px 10px;font-size:var(--font-label);font-weight:var(--weight-bold);color:var(--text-inverse);cursor:pointer}.ingame-chat-send:hover:not(:disabled){background:var(--accent-hover-90)}.ingame-chat-send:disabled{opacity:.3;cursor:not-allowed}.ingame-chat-limit{font-size:var(--font-caption);color:var(--text-secondary);text-align:center;padding:2px;width:100%}.chat-overlay{position:absolute;left:0;right:0;bottom:0;height:55%;z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:center;background:none;pointer-events:none}.gacha-panel{width:420px;height:340px}.gacha-layout{display:flex;gap:var(--gap-group);align-items:stretch;padding:var(--pad-default) var(--pad-loose) var(--pad-loose);flex:1;min-height:0}.gacha-lane-tabs{display:flex;flex-direction:column;gap:var(--gap-inline);flex:0 0 86px}.gacha-lane-tab{display:flex;flex-direction:column;gap:1px;padding:var(--pad-compact) var(--pad-default);background:none;border:1px solid var(--border);border-radius:var(--radius-tab);color:var(--text-secondary);font-family:inherit;text-align:left;cursor:pointer}.gacha-lane-tab:hover{border-color:var(--accent)}.gacha-lane-tab-active{background:var(--bg-white);border-color:var(--accent);color:var(--text-primary)}.gacha-lane-tab-label{font-size:var(--font-label);font-weight:var(--weight-bold)}.gacha-lane-tab-sub{font-size:var(--font-caption);color:var(--text-tertiary)}.gacha-lane-body--banner{position:relative;border-radius:var(--radius-panel);background-color:var(--bg-white-60);background-image:linear-gradient(160deg,var(--blue-100),var(--bg-cream-98));background-size:cover;background-position:center;overflow:hidden}.gacha-lane-body--banner:before{content:"";position:absolute;inset:0;background:var(--bg-white-60);pointer-events:none}.gacha-lane-body--banner>*{position:relative}.gacha-lane-body{flex:1;min-width:0;display:flex;flex-direction:column;overflow-y:auto;padding-top:var(--pad-default)}.gacha-lane-body .gacha-main{padding-left:0;padding-right:0}.gacha-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--pad-default) var(--gap-section);gap:8px;overflow-y:auto}.gacha-visual{text-align:center;margin:2px 0}.gacha-hero-items{display:flex;align-items:flex-end;justify-content:center;gap:var(--gap-inline);height:56px;margin-bottom:6px}.gacha-hero-item{flex:0 1 auto;max-width:52px;max-height:56px;object-fit:contain}.gacha-machine{font-size:var(--font-hero);line-height:1;margin-bottom:6px}.gacha-desc{font-size:var(--font-ui);color:var(--text-secondary)}.gacha-main--empty{justify-content:center}.gacha-info{display:flex;gap:var(--gap-section);font-size:var(--font-body);color:var(--text-secondary)}.gacha-pity-info{font-size:var(--font-body);color:var(--text-secondary)}.gacha-info-sub{font-size:var(--font-caption);color:var(--text-tertiary)}.gacha-machine--dim{opacity:.4}.gacha-buttons{display:flex;gap:var(--pad-loose);margin:8px 0 0}.gacha-btn{border:none;border-radius:var(--radius-panel);padding:var(--space-xl) var(--space-4xl);font-size:var(--font-button);font-weight:var(--weight-bold);cursor:pointer;text-align:center;line-height:1.4}.gacha-btn:disabled{opacity:.4;cursor:not-allowed}.gacha-btn-single{background:var(--accent);color:var(--text-inverse)}.gacha-btn-single:hover:not(:disabled){background:var(--accent-hover)}.gacha-btn-multi{background:var(--gold);color:var(--text-primary)}.gacha-btn-multi:hover:not(:disabled){background:var(--gold-hover)}.gacha-btn-ok{background:var(--success);color:var(--text-inverse);margin-top:12px;padding:10px 40px}.gacha-cost{font-size:var(--font-body);font-weight:var(--weight-normal);opacity:.8}.gacha-collection-btn{background:none;border:1px solid var(--border);border-radius:var(--radius-button);padding:var(--pad-compact) 14px;font-size:var(--font-body);color:var(--text-secondary);cursor:pointer}.gacha-collection-btn:hover{background:var(--border-hover)}.gacha-slogan{text-align:center;font-size:var(--font-label);font-weight:var(--weight-bold);color:var(--text-secondary);margin-bottom:var(--space-sm)}.gacha-cat-tabs{display:flex;gap:var(--gap-inline);flex-wrap:wrap;justify-content:center;margin-bottom:6px}.gacha-cat-tab{background:none;border:1px solid var(--border);border-radius:var(--radius-tab);padding:3px 8px;font-size:var(--font-caption);color:var(--text-secondary);cursor:pointer}.gacha-cat-tab:hover{background:var(--border-hover)}.gacha-cat-tab-active{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.gacha-collection{display:flex;flex-wrap:wrap;gap:var(--gap-item);padding:var(--pad-default);max-height:120px;overflow-y:auto}.gacha-collection-view{flex:1;min-height:0;overflow-y:auto}.gacha-collection-view{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding:var(--pad-default)}.gacha-collection-grid{flex:1;overflow-y:auto;min-height:0;padding:4px}.gacha-collection-section{margin-bottom:var(--gap-group)}.gacha-collection-rarity-header{font-size:var(--font-label);font-weight:700;margin-bottom:6px;padding-left:2px}.gacha-collection-items{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.gacha-collection-card{width:auto;padding:6px;background:var(--bg-white);border-radius:var(--radius-panel);border:2px solid;text-align:center;position:relative;transition:transform .15s,box-shadow .15s}.gacha-collection-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-panel)}.gacha-collection-card img{width:48px;height:48px;object-fit:contain}.gacha-collection-card-name{font-size:var(--font-caption);color:var(--text-primary);line-height:1.2;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gacha-collection-card.locked{opacity:.5;filter:grayscale(1)}.gacha-theme-card{cursor:pointer;font-family:inherit;color:inherit}.gacha-theme-card:disabled{cursor:default}.gacha-theme-icon{display:block;font-size:var(--font-display);line-height:1.2}.gacha-owned-badge{position:absolute;top:-6px;right:-6px;background:var(--success);color:var(--text-inverse);font-size:var(--font-caption);padding:2px 5px;border-radius:4px;font-weight:700}.gacha-btn-back{margin-top:var(--gap-group);background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary)}.gacha-btn-back:hover{background:var(--border-hover)}.gacha-col-item{display:flex;align-items:center;gap:var(--gap-inline);padding:3px 8px;background:var(--bg-white);border-radius:var(--radius-button);border:1px solid var(--border);font-size:var(--font-body)}.gacha-col-icon{font-size:var(--font-button)}.gacha-results{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--gap-section);overflow-y:auto}.gacha-result-grid{display:flex;flex-wrap:wrap;gap:var(--gap-group);justify-content:center;margin-bottom:8px}.gacha-result-card{width:80px;padding:10px 6px;background:var(--bg-white);border-radius:var(--radius-panel);border:2px solid;text-align:center;animation:gacha-pop var(--ease-slow)}.gacha-result-icon{font-size:var(--font-display);line-height:1;margin-bottom:4px}.gacha-result-name{font-size:var(--font-body);font-weight:var(--weight-semi);color:var(--text-primary);margin-bottom:2px}.gacha-result-rarity{font-size:var(--font-caption);font-weight:var(--weight-bold)}.gacha-new{display:inline-block;background:var(--danger);color:var(--text-inverse);font-size:var(--font-caption);padding:1px 4px;border-radius:4px;margin-left:3px}.gacha-animating{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--pad-loose)}.gacha-spin{font-size:64px;animation:gacha-shake var(--ease-fast) infinite alternate}.gacha-spin-text{font-size:var(--font-button);font-weight:var(--weight-semi);color:var(--accent);animation:gacha-pulse var(--ease-smooth) infinite alternate}@keyframes gacha-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes gacha-shake{0%{transform:rotate(-5deg) scale(1.1)}to{transform:rotate(5deg) scale(1.1)}}@keyframes gacha-pulse{0%{opacity:.5}to{opacity:1}}.canvas-wrapper{position:relative;display:inline-block;padding:0;background:transparent;overflow:hidden}.nav-buttons{position:absolute;top:var(--pad-loose);right:var(--pad-loose);display:flex;align-items:stretch;gap:3px;z-index:var(--z-nav)}.nav-btn{position:relative;background:var(--bg-cream-85);border:1.5px solid var(--border);border-radius:var(--radius-card);padding:3px 5px;font-size:var(--font-button);cursor:pointer;line-height:1;transition:background var(--ease-normal),transform var(--ease-fast);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);display:flex;flex-direction:column;align-items:center;gap:2px}.nav-btn:hover:not(:disabled){background:var(--badge-bg);transform:scale(1.1)}.nav-btn--wip,.char-editor-action-btn--wip{opacity:.45;cursor:not-allowed}.nav-btn:disabled{opacity:.35;cursor:not-allowed}.nav-label{font-size:var(--font-caption);color:var(--text-primary);font-weight:var(--weight-semi);line-height:1}.deco-action-group{display:inline-flex;align-items:center;gap:var(--space-sm)}.deco-cancel-btn{background:transparent;border:1.5px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-button);padding:var(--space-xs) var(--pad-default);font-size:var(--font-label);font-weight:var(--weight-semi);cursor:pointer;transition:background var(--ease-fast),color var(--ease-fast),opacity var(--ease-fast)}.deco-cancel-btn:hover:not(:disabled){background:var(--badge-bg);color:var(--text-primary)}.deco-cancel-btn:disabled{opacity:.4;cursor:not-allowed}.deco-done-btn:disabled{opacity:.4;cursor:not-allowed}.top-left-cluster{position:absolute;top:var(--pad-loose);left:var(--pad-loose);display:flex;align-items:center;gap:var(--space-sm);z-index:var(--z-nav)}.profile-button{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--border);background:var(--bg-cream-85);cursor:pointer;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);transition:transform .15s var(--ease)}.profile-button:hover{transform:scale(1.05);border-color:var(--accent)}.profile-button .nemo-sprite{width:100%;height:100%}.currency-stack{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--bg-cream-85);border:1.5px solid var(--border);border-radius:var(--radius-card);padding:3px var(--pad-compact);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm)}.currency-row{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--space-xs);font-size:var(--font-caption);font-weight:var(--weight-semi);color:var(--text-primary);line-height:1}.currency-row__amount{min-width:2ch;text-align:left;justify-self:start;margin-right:auto}.account-badge{position:absolute;top:calc(var(--pad-loose) + 38px + var(--space-lg));left:var(--pad-loose);display:inline-flex;align-items:center;gap:var(--space-xs);padding:3px var(--pad-compact);background:var(--brown-700-60);border:1.5px solid transparent;border-radius:var(--radius-button);font-size:var(--font-caption);font-weight:var(--weight-semi);color:var(--text-inverse);cursor:pointer;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);z-index:var(--z-nav);transition:var(--ease-smooth);font-family:inherit}.account-badge:hover{background:var(--brown-700);color:var(--text-inverse)}.account-badge__text{line-height:1}.inner-status-bar{position:absolute;bottom:var(--pad-loose);left:var(--pad-loose);right:var(--pad-loose);display:flex;align-items:center;justify-content:center;gap:var(--gap-item);padding:5px 10px;background:var(--bg-cream-80);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border-radius:var(--radius-card);border:1px solid var(--border-subtle);z-index:var(--z-status-bar)}.extended-panel-area{width:100%;padding:8px 0;display:flex;flex-direction:column;align-items:center}.deco-bottom-strip{bottom:8px;margin-left:-232px;width:464px;background:var(--bg-cream-95);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border-radius:var(--radius-modal);box-shadow:var(--shadow-up-md);max-height:200px;overflow:visible}.deco-panel-wrapper{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.deco-onboarding-tooltip{position:absolute;top:30px;left:52px;transform:none;background:var(--brown-700);color:var(--text-inverse);font-size:var(--font-caption);font-weight:600;padding:var(--space-sm) var(--pad-default);border-radius:var(--radius-tab);text-align:center;box-shadow:var(--shadow-sm);white-space:nowrap;z-index:var(--z-onboarding-tip);pointer-events:none}.deco-onboarding-tooltip-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--brown-700)}.deco-toolbar{display:flex;align-items:center;gap:var(--gap-group);padding:var(--pad-compact) var(--pad-loose);border-bottom:1px solid var(--border-medium);flex-shrink:0}.deco-toolbar-left{display:flex;align-items:center;gap:var(--gap-item)}.deco-mode-label{font-size:var(--font-ui);font-weight:var(--weight-bold);color:var(--text-primary)}.deco-count{font-size:var(--font-label);color:var(--text-secondary);background:var(--border-medium);padding:1px 6px;border-radius:var(--radius-button)}.deco-tabs{display:flex;gap:2px;margin-left:8px}.deco-tab{background:none;border:1px solid var(--border);border-radius:var(--radius-tab);padding:3px 8px;font-size:var(--font-label);color:var(--text-secondary);cursor:pointer}.deco-tab:hover{background:var(--border-hover)}.deco-tab-active{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.deco-actions{display:flex;align-items:center;gap:var(--gap-inline);margin-left:auto;margin-right:8px}.deco-placed-item-wrap{display:flex;flex-direction:column}.deco-quick-menu{display:flex;align-items:center;gap:var(--gap-inline);padding:var(--pad-compact);background:var(--bg-cream-95);border:1px solid var(--border);border-radius:var(--radius-button);margin-top:var(--gap-inline);animation:deco-slide-up .15s ease-out}.deco-action-btn{background:none;border:1px solid var(--border);border-radius:var(--radius-tab);padding:var(--space-xs) var(--pad-default);font-size:var(--font-label);cursor:pointer;color:var(--text-primary)}.deco-action-btn:hover{background:var(--border-hover)}.deco-flip{color:var(--info);border-color:var(--info)}.deco-remove{color:var(--danger);border-color:var(--danger)}.deco-scale-down,.deco-scale-up{font-weight:var(--weight-bold);font-size:var(--font-ui);padding:2px 6px}.deco-scale-label{font-size:var(--font-label);color:var(--text-secondary);min-width:32px;text-align:center}.deco-done-btn{background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-button);padding:var(--space-sm) 14px;font-size:var(--font-body);font-weight:var(--weight-bold);cursor:pointer;margin-left:auto}.deco-done-btn:hover{background:var(--accent-hover)}.deco-categories{display:flex;gap:var(--gap-inline);padding:var(--space-sm) var(--pad-loose);flex-shrink:0}.deco-cat-btn{background:none;border:1px solid var(--border);border-radius:var(--radius-tab);padding:var(--space-xs) var(--pad-default);font-size:var(--font-label);color:var(--text-secondary);cursor:pointer}.deco-cat-btn:hover{background:var(--border-hover)}.deco-cat-active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);font-weight:var(--weight-semi)}.deco-item-grid{display:flex;gap:var(--gap-group);padding:var(--pad-default) var(--pad-loose);padding-top:8px;overflow-x:auto;overflow-y:visible;flex:1;align-items:flex-start;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overscroll-behavior:contain;position:relative}.deco-item-grid::-webkit-scrollbar{display:none;width:0;height:0}.deco-thumb{position:relative;flex-shrink:0;width:72px;display:flex;flex-direction:column;align-items:center;gap:var(--gap-inline);padding:var(--pad-compact);background:var(--bg-white);border:2px solid var(--border);border-radius:var(--radius-panel);cursor:grab;transition:transform var(--ease-fast),box-shadow var(--ease-fast)}.deco-thumb:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.deco-thumb:active{cursor:grabbing;transform:scale(.95)}.deco-thumb-placed{cursor:pointer}.deco-thumb-selected{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 2px var(--pink-300)}.deco-thumb--theme{cursor:pointer;font-family:inherit;color:inherit}.deco-thumb--active{border-color:var(--accent)}.deco-thumb-active-tag{position:absolute;top:-6px;right:-6px;padding:1px 5px;background:var(--accent);color:var(--text-inverse);font-size:var(--font-caption);font-weight:var(--weight-bold);border-radius:var(--radius-badge);line-height:1.3}.gacha-collection-hint{font-size:var(--font-caption);color:var(--text-tertiary);text-align:center;margin-bottom:var(--space-sm)}.deco-thumb-img{width:48px;height:48px;object-fit:contain;pointer-events:none}.deco-thumb-name{font-size:var(--font-caption);color:var(--text-primary);text-align:center;line-height:1.2;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deco-empty-msg{font-size:var(--font-body);color:var(--text-secondary);padding:16px;text-align:center;width:100%}.deco-context-menu{position:absolute;display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:6px;background:var(--bg-cream-97);border:1px solid var(--border);border-radius:var(--radius-button);box-shadow:var(--shadow-context);pointer-events:all;z-index:var(--z-context-menu);min-width:80px;animation:deco-slide-in .15s ease-out}.deco-context-btn{background:none;border:1px solid var(--border);border-radius:var(--radius-badge);font-size:var(--font-label);font-family:var(--font-base);color:var(--text-primary);padding:4px 8px;cursor:pointer;line-height:1.4;transition:background .1s;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:4px}.deco-context-btn:hover:not(:disabled){background:var(--border-hover)}.deco-context-btn:disabled{opacity:.35;cursor:default}.deco-context-flip{color:var(--info);border-color:var(--info)}.deco-context-remove{color:var(--danger);border-color:var(--danger)}.deco-context-store{color:var(--brown-700);border-color:var(--brown-500)}.deco-context-handle{cursor:grab;text-align:center;font-size:10px;line-height:1;color:var(--text-tertiary);padding:0 0 2px;-webkit-user-select:none;user-select:none;touch-action:none}.deco-context-handle:active{cursor:grabbing}.deco-context-scale-row{display:flex;align-items:center;gap:3px}.deco-context-scale-label{font-size:var(--font-caption);color:var(--text-secondary);min-width:30px;text-align:center}@keyframes deco-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.ob-overlay{position:absolute;inset:0;z-index:var(--z-onboarding);pointer-events:none;background:transparent}.onboarding-active .nav-buttons,.onboarding-active .inner-status-bar{pointer-events:none}.ob-dim-container{position:absolute;inset:0;overflow:hidden;pointer-events:none}.ob-dim{position:absolute;inset:0;background:var(--bg-dim)}.ob-spotlight{position:absolute;border:2.5px solid var(--accent);border-radius:var(--radius-panel);box-shadow:0 0 0 2px var(--pink-300),0 0 0 9999px var(--bg-dim);pointer-events:none;transition:all .35s ease}.ob-tooltip{position:absolute;background:var(--bg-cream);border:1.5px solid var(--border);border-radius:var(--radius-modal);box-shadow:var(--shadow-lg);padding:var(--pad-default) var(--pad-loose);max-width:240px;pointer-events:auto;z-index:var(--z-onboarding-tip);animation:ob-pop var(--ease-slow)}.ob-tooltip:after{content:"";position:absolute;border:8px solid transparent}.ob-arrow-top:after{bottom:100%;left:var(--arrow-offset, 50%);transform:translate(-50%);border-bottom-color:var(--bg-cream)}.ob-arrow-bottom:after{top:100%;left:var(--arrow-offset, 50%);transform:translate(-50%);border-top-color:var(--bg-cream)}.ob-arrow-left:after{right:100%;top:var(--arrow-offset, 50%);transform:translateY(-50%);border-right-color:var(--bg-cream)}.ob-arrow-right:after{left:100%;top:var(--arrow-offset, 50%);transform:translateY(-50%);border-left-color:var(--bg-cream)}.ob-tooltip-text{font-size:var(--font-ui);color:var(--text-primary);line-height:1.6;margin-bottom:8px}.ob-tooltip-action{font-size:var(--font-body);font-weight:var(--weight-bold);color:var(--pink-500);margin-bottom:8px}.ob-tooltip-cta{background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-button);padding:var(--space-sm) 14px;font-size:var(--font-body);font-weight:var(--weight-bold);cursor:pointer}.ob-tooltip-cta:hover{background:var(--accent-hover)}.ob-tooltip-action-row{display:flex;justify-content:flex-end;margin-bottom:8px}.ob-tooltip-progress-left{display:flex;flex-direction:column;gap:2px}.ob-skip-link{background:none;border:none;font-size:var(--font-label);color:var(--text-tertiary);cursor:pointer;padding:0}.ob-skip-link:hover{color:var(--text-secondary)}.ob-tooltip-progress{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-caption);color:var(--text-secondary)}.ob-skip{background:none;border:none;font-size:var(--font-label);color:var(--text-tertiary);cursor:pointer;padding:2px 6px}.ob-skip:hover{color:var(--text-secondary)}@keyframes ob-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.inventory-anchor{position:absolute;right:20px;top:20px;z-index:var(--z-sidebar);pointer-events:auto}.inventory-panel{width:180px;padding-bottom:var(--pad-compact)}.inv-categories{display:flex;gap:2px;padding:4px var(--pad-compact);border-bottom:1px solid var(--border-faint)}.inv-cat-btn{flex:1;background:none;border:none;font-size:var(--font-caption);color:var(--text-secondary);padding:2px 0;border-radius:var(--radius-badge);cursor:pointer;line-height:1.4}.inv-cat-btn:hover{background:var(--bg-cream)}.inv-cat-active{background:var(--accent);color:var(--text-inverse);font-weight:var(--weight-bold)}.inv-cat-active:hover{background:var(--accent-hover)}.inv-item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:var(--pad-compact);overflow:hidden}.inv-drag-hint{grid-column:span 2;align-self:center;background:var(--brown-700);color:var(--text-inverse);font-size:var(--font-caption);font-weight:var(--weight-semi);padding:var(--space-sm) var(--pad-default);border-radius:var(--radius-tab);line-height:1.35;text-align:left;box-shadow:var(--shadow-sm);animation:ob-hint-pulse 2s ease-in-out infinite;position:relative}.inv-drag-hint:before{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--brown-700)}.inv-item-slot{display:flex;flex-direction:column;align-items:center;padding:4px 2px;background:var(--bg-white);border:1.5px solid var(--border);border-radius:var(--radius-card);cursor:pointer;transition:all var(--ease-fast);position:relative}.inv-item-slot:hover{border-color:var(--accent);background:var(--bg-cream);transform:scale(1.05)}.inv-item-slot:active{transform:scale(.95)}.inv-item-icon{width:32px;height:32px;object-fit:contain}.inv-item-name{font-size:var(--font-caption);color:var(--text-primary);margin-top:2px;white-space:nowrap}.inv-item-qty{position:absolute;top:-4px;right:-4px;background:var(--accent);color:var(--text-inverse);font-size:var(--font-caption);font-weight:var(--weight-bold);padding:0 5px;border-radius:8px;line-height:1.5}.inv-empty{grid-column:1 / -1;text-align:center;color:var(--text-tertiary);font-size:var(--font-body);padding:var(--pad-default) 0}.level-info-panel{width:260px;overflow-y:auto}.level-info-current{padding:var(--pad-compact) var(--pad-compact) var(--gap-inline);text-align:center;border-bottom:1px solid var(--border-faint)}.level-info-lv{font-size:var(--font-title);font-weight:var(--weight-bold);color:var(--accent)}.level-info-title{font-size:var(--font-ui);color:var(--text-primary);font-weight:var(--weight-bold);margin-top:2px}.level-info-progress{display:flex;align-items:center;gap:var(--gap-item);margin-top:var(--gap-item)}.level-info-bar{flex:1;height:6px;background:var(--bg-cream);border-radius:3px;overflow:hidden}.level-info-fill{height:100%;background:var(--accent);border-radius:3px;transition:width var(--ease-slow)}.level-info-pct{font-size:var(--font-caption);color:var(--text-secondary);min-width:28px;text-align:right}.level-info-section-title{font-size:var(--font-label);font-weight:var(--weight-bold);color:var(--text-secondary);padding:var(--gap-inline) var(--pad-compact) 2px;border-bottom:1px solid var(--border-faint)}.level-info-list{padding:2px var(--gap-inline)}.level-info-row{display:flex;align-items:center;gap:var(--gap-item);padding:3px var(--gap-inline);border-radius:var(--radius-badge);font-size:var(--font-caption)}.level-info-row-lv{font-weight:var(--weight-bold);min-width:30px;color:var(--text-secondary)}.level-info-row-title{flex:1;color:var(--text-primary)}.level-info-row-req{font-size:var(--font-caption);color:var(--text-tertiary);display:flex;align-items:center}.level-info-unlocked .level-info-row-lv{color:var(--accent)}.level-info-unlocked .level-info-row-req{color:var(--success);font-weight:var(--weight-bold)}.level-info-locked{opacity:.5}.level-info-current-row{background:var(--accent-bg);opacity:1}.level-info-current-row .level-info-row-req{color:var(--accent);font-weight:var(--weight-bold)}.ob-gacha-result{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-cream-98);border:2px solid var(--border);border-radius:var(--radius-modal);box-shadow:var(--shadow-xl);padding:var(--pad-default) var(--space-xl);text-align:center;z-index:var(--z-onboarding-result);pointer-events:auto;min-width:220px;animation:ob-pop var(--ease-slow)}.ob-gacha-spin{padding:var(--space-xl) 0}.ob-gacha-spin-icon{font-size:48px;animation:gacha-spin-rotate .6s linear infinite}@keyframes gacha-spin-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ob-gacha-spin-text{font-size:var(--font-ui);color:var(--text-secondary);margin-top:var(--gap-section)}.ob-gacha-title{font-size:var(--font-title);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--gap-section)}.ob-gacha-card{display:inline-block;padding:var(--pad-compact);background:var(--bg-white);border-radius:var(--radius-panel);border:2.5px solid var(--border);margin-bottom:var(--gap-section)}.ob-gacha-img{width:80px;height:80px;object-fit:contain}.ob-gacha-name{font-size:var(--font-ui);font-weight:var(--weight-bold);color:var(--text-primary);margin-top:var(--gap-item)}.ob-gacha-rarity{font-size:var(--font-label);font-weight:var(--weight-bold);margin-top:2px}.ob-gacha-desc{font-size:var(--font-body);color:var(--text-secondary);margin-bottom:var(--gap-section)}.ob-gacha-confirm{background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-badge);padding:var(--gap-inline) var(--pad-default);font-size:var(--font-ui);font-weight:var(--weight-bold);cursor:pointer;transition:background var(--ease-fast)}.ob-gacha-confirm:hover{background:var(--accent-hover)}.welcome-overlay{position:absolute;inset:0;background:var(--bg-dim-heavy);z-index:var(--z-onboarding);display:flex;align-items:center;justify-content:center}.welcome-panel{background:var(--bg-cream-98);border:2px solid var(--border);border-radius:var(--radius-modal);box-shadow:var(--shadow-xl);padding:var(--space-xl) var(--space-2xl);text-align:center;pointer-events:auto;min-width:280px;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.welcome-drag-handle{position:fixed;top:0;left:0;right:0;z-index:var(--z-onboarding-result);padding:var(--space-lg) 0;display:flex;justify-content:center;cursor:grab}.welcome-drag-handle:active{cursor:grabbing}.welcome-drag-grip{width:80px;height:8px;border-radius:var(--radius-badge);background:var(--brown-alpha-35)}.welcome-character{width:80px;height:80px;object-fit:contain;margin-bottom:var(--space-xs)}.welcome-title{font-size:var(--font-title);font-weight:var(--weight-bold);color:var(--text-primary)}.welcome-subtitle{font-size:var(--font-ui);color:var(--text-secondary);margin-bottom:var(--space-md)}.welcome-actions{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.welcome-btn{width:100%}.welcome-signup{margin-top:var(--space-xs)}.welcome-warning{font-size:var(--font-caption);color:var(--danger);margin:0;margin-top:var(--space-sm)}.welcome-loading-text{font-size:var(--font-body);color:var(--text-secondary);text-align:center;margin:0;margin-bottom:var(--space-sm);line-height:1.5}.ob-nickname-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-cream-98);border:2px solid var(--border);border-radius:var(--radius-modal);box-shadow:var(--shadow-xl);padding:var(--space-xl) var(--space-2xl);text-align:center;z-index:var(--z-onboarding-result);pointer-events:auto;min-width:260px;animation:ob-pop var(--ease-slow)}.ob-nickname-character{width:80px;height:80px;object-fit:contain;margin-bottom:var(--space-sm)}.ob-nickname-title{font-size:var(--font-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-xs)}.ob-nickname-subtitle{font-size:var(--font-ui);color:var(--text-secondary);margin-bottom:var(--space-lg)}.ob-nickname-input{width:100%;box-sizing:border-box;padding:var(--gap-inline) var(--pad-compact);border:2px solid var(--border);border-radius:var(--radius-badge);font-size:var(--font-base);text-align:center;outline:none;background:var(--bg-white);color:var(--text-primary);transition:border-color var(--ease-fast)}.ob-nickname-input:focus{border-color:var(--accent)}.ob-nickname-input::placeholder{color:var(--text-tertiary)}.ob-nickname-btn{margin-top:var(--space-md);width:100%;background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-badge);padding:var(--gap-inline) var(--pad-default);font-size:var(--font-ui);font-weight:var(--weight-bold);cursor:pointer;transition:background var(--ease-fast),opacity var(--ease-fast)}.ob-nickname-btn:hover:not(:disabled){background:var(--accent-hover)}.ob-nickname-btn:disabled{opacity:.5;cursor:not-allowed}.ob-hint-only{pointer-events:none;background:transparent}.ob-hint-tooltip{pointer-events:auto;padding:var(--pad-sm) var(--pad-md);animation:ob-hint-pulse 2s ease-in-out infinite}@keyframes ob-hint-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.drag-hint-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-hint)}.drag-hint-line{stroke:var(--brown-700);stroke-width:3;stroke-dasharray:8 6;fill:none;opacity:.85;animation:drag-hint-dash 1s linear infinite}@keyframes drag-hint-dash{to{stroke-dashoffset:-14}}.drag-hint-arrow{fill:var(--brown-700);transform-box:fill-box;transform-origin:center;animation:drag-hint-wiggle .8s ease-in-out infinite}@keyframes drag-hint-wiggle{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.currency-row--clickable{background:none;border:none;padding:0;margin:0;font-family:inherit;cursor:pointer}.currency-row--clickable:hover{opacity:.75}.carat-guide-panel{width:320px}.carat-guide-body{display:flex;flex-direction:column;gap:var(--gap-item);padding:var(--pad-default) var(--pad-loose) var(--pad-loose);overflow-y:auto}.carat-guide-lead{margin:0;font-size:var(--font-body);color:var(--text-secondary)}.carat-guide-row{display:flex;align-items:center;gap:var(--gap-item);padding:var(--pad-compact);background:var(--bg-white-60);border-radius:var(--radius-panel)}.carat-guide-text{flex:1;min-width:0}.carat-guide-label{font-size:var(--font-body);font-weight:var(--weight-bold);color:var(--text-primary)}.carat-guide-detail{font-size:var(--font-caption);color:var(--text-secondary)}.canvas-hint-tooltip{position:absolute;z-index:var(--z-hint);background:var(--brown-700);color:var(--text-inverse);font-size:var(--font-caption);font-weight:var(--weight-semi);padding:var(--space-sm) var(--pad-default);border-radius:var(--radius-tab);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-sm);animation:ob-hint-pulse 2s ease-in-out infinite}.canvas-hint-tooltip-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--brown-700)}.canvas-hint-tooltip-arrow--left{position:absolute;top:50%;left:auto;right:100%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--brown-700);border-top-color:transparent}.canvas-hint-tooltip-arrow--right{position:absolute;top:50%;left:100%;right:auto;transform:translateY(-50%);border:5px solid transparent;border-left-color:var(--brown-700);border-top-color:transparent}.canvas-hint-tooltip-arrow--up{position:absolute;top:auto;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:var(--brown-700);border-top-color:transparent}.nav-hint-tooltip{top:calc(100% + 10px);left:auto;right:-4px;transform:none;z-index:var(--z-dropdown);pointer-events:auto;cursor:pointer}.nav-hint-tooltip-arrow{left:auto;right:22px;transform:none}.affinity-hint-tooltip{bottom:calc(100% + 12px);left:auto;right:0;z-index:var(--z-tooltip);pointer-events:auto;cursor:pointer}.affinity-hint-tooltip .canvas-hint-tooltip-arrow{left:24px;transform:none}.canvas-hint-tooltip--multiline{white-space:normal;text-align:left;line-height:1.35;width:max-content;max-width:200px}.ob-mini .ob-dim{cursor:pointer}.ob-mini-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-cream);border:2px solid var(--border);border-radius:var(--radius-card);padding:var(--pad-lg);text-align:center;min-width:220px;max-width:280px;box-shadow:var(--shadow-lg);z-index:var(--z-onboarding-tip)}.ob-mini-title{font-size:var(--font-h3);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-sm)}.ob-mini-text{font-size:var(--font-body);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-md)}.ob-mini-btn{background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-btn);padding:var(--pad-sm) var(--pad-lg);font-size:var(--font-body);font-weight:var(--weight-semi);cursor:pointer;transition:background .15s}.ob-mini-btn:hover{background:var(--accent-hover)}.game-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-cream-97);border:1.5px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);overflow:hidden;z-index:var(--z-dropdown);min-width:120px}.game-menu-item{padding:7px 12px;font-size:var(--font-body);color:var(--text-primary);cursor:pointer;white-space:nowrap}.game-menu-item:hover{background:var(--accent-subtle)}.game-menu-item+.game-menu-item{border-top:1px solid var(--border)}.delivery-badge{position:absolute;top:-6px;right:-6px;background:var(--danger);color:var(--text-inverse);font-size:var(--font-caption);font-weight:var(--weight-bold);min-width:14px;height:14px;line-height:14px;text-align:center;border-radius:7px;padding:0 var(--space-xs)}.market-panel{width:360px;max-height:340px}.market-tabs{display:flex;gap:4px;padding:4px var(--pad-loose);border-bottom:1px solid var(--border-faint)}.market-tab{background:none;border:1px solid var(--border);border-radius:var(--radius-tab);padding:3px 10px;font-size:var(--font-label);color:var(--text-secondary);cursor:pointer;font-weight:var(--weight-semi)}.market-tab:hover{background:var(--border-hover)}.market-tab-active{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary)}.market-content{flex:1;overflow-y:auto;padding:var(--pad-default)}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-group)}.market-card{background:var(--bg-white);border:1.5px solid var(--border);border-radius:var(--radius-panel);padding:var(--pad-compact);display:flex;flex-direction:column;align-items:center;gap:0;justify-content:space-between}.market-card-top{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;min-height:0}.market-card-bottom{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;margin-top:var(--space-lg)}.market-card-icon{font-size:26px;line-height:1}.market-card-name{font-size:var(--font-label);font-weight:var(--weight-semi);color:var(--text-primary);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-card-price{font-size:var(--font-label);color:var(--text-secondary);display:flex;align-items:center;gap:2px}.market-card-btn{background:var(--text-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-button);padding:2px 14px;font-size:var(--font-label);font-weight:var(--weight-bold);cursor:pointer;margin-top:2px}.market-card-btn:hover{opacity:.85}.market-card-counter{display:flex;align-items:center;gap:4px;margin-top:2px}.market-counter-btn{width:22px;height:22px;border:none;border-radius:var(--radius-button);background:var(--border);color:var(--text-primary);font-size:var(--font-button);font-weight:var(--weight-bold);cursor:pointer;display:flex;align-items:center;justify-content:center}.market-counter-plus{background:var(--text-primary);color:var(--text-inverse)}.market-counter-qty{font-size:var(--font-ui);font-weight:var(--weight-bold);min-width:16px;text-align:center}.market-card-effect{font-size:9px;color:var(--text-tertiary);line-height:1.2;margin-top:-2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center;word-break:keep-all}.market-card--locked{opacity:.7;cursor:pointer}.market-card--locked:hover{opacity:.8}.market-card-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-lg)}.market-card-icon{position:relative}.market-card-locked-label{font-size:var(--font-caption);color:var(--text-tertiary);margin-top:2px}.market-cart-bar{display:flex;align-items:center;padding:var(--pad-compact) var(--pad-loose);border-top:1px solid var(--border-faint);gap:var(--gap-item)}.market-cart-items{flex:1;display:flex;align-items:center;gap:var(--gap-inline);font-size:var(--font-label);overflow-x:auto}.market-cart-empty{color:var(--text-tertiary);font-size:var(--font-label)}.market-cart-chip{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-button);padding:1px 6px;font-size:var(--font-label);cursor:pointer;white-space:nowrap}.market-cart-chip:hover{border-color:var(--danger)}.market-cart-total{font-size:var(--font-label);font-weight:var(--weight-semi);color:var(--text-primary);display:flex;align-items:center;gap:2px}.market-checkout-btn{background:var(--disabled);color:var(--text-tertiary);border:none;border-radius:var(--radius-button);padding:4px 12px;font-size:var(--font-label);font-weight:var(--weight-bold);cursor:default;white-space:nowrap}.market-checkout-active{background:var(--text-primary);color:var(--text-inverse);cursor:pointer}.market-checkout-active:hover{opacity:.85}.market-orders{display:flex;flex-direction:column;gap:var(--gap-item)}.market-section-title{font-size:var(--font-ui);font-weight:var(--weight-bold);color:var(--text-primary)}.market-delivery-row{display:flex;align-items:center;gap:var(--gap-item);background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--pad-compact) var(--pad-default)}.market-delivery-icons{font-size:var(--font-title);flex-shrink:0}.market-delivery-bar{flex:1;height:8px;background:var(--track);border-radius:var(--radius-button);overflow:hidden}.market-delivery-fill{height:100%;border-radius:var(--radius-button);transition:width .5s}.market-delivery-time{font-size:var(--font-caption);color:var(--text-tertiary);white-space:nowrap}.market-completed-row{display:flex;align-items:center;justify-content:space-between;background:var(--bg-cream-80);border-radius:var(--radius-button);padding:4px var(--pad-default);font-size:var(--font-body)}.market-completed-time{font-size:var(--font-caption);color:var(--success)}.market-empty{text-align:center;color:var(--text-tertiary);font-size:var(--font-button);padding:32px 0;line-height:1.6;white-space:pre-line}.market-feedback{position:absolute;bottom:48px;left:50%;transform:translate(-50%);background:var(--bg-white-90);border:1px solid var(--border);border-radius:var(--radius-button);padding:4px 12px;font-size:var(--font-body);font-weight:var(--weight-semi);color:var(--text-primary);animation:gacha-pop var(--ease-slow);white-space:nowrap}.game-modal-header-shell{width:200px}.game-intro-panel{pointer-events:auto;width:360px;padding:0 var(--pad-loose) var(--gap-section);gap:10px;text-align:center;animation:gacha-pop var(--ease-slow)}.game-intro-panel>*:not(.panel-header){align-self:center}.game-intro-icon{margin-top:8px}.game-intro-title{font-size:var(--font-title);font-weight:var(--weight-bold);color:var(--text-primary)}.game-intro-desc{font-size:var(--font-ui);color:var(--text-secondary);line-height:1.6;white-space:pre-line}.game-intro-click-guide{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--pad-compact) var(--pad-default);background:var(--bg-cream-90);border:1px solid var(--border-subtle);border-radius:var(--radius-button);font-size:var(--font-body);color:var(--text-secondary);width:100%}.game-intro-click-guide-row{display:flex;align-items:center;gap:var(--gap-item)}.game-intro-click-label{font-size:var(--font-caption);font-weight:var(--weight-bold);color:var(--text-primary);background:var(--bg-white-90);border:1.5px solid var(--border);border-radius:var(--radius-badge);padding:1px 6px;white-space:nowrap;flex-shrink:0}.game-intro-reward{font-size:var(--font-body);color:var(--gold);font-weight:var(--weight-semi);display:flex;align-items:center;gap:4px}.game-intro-guest-warning{font-size:var(--font-caption);color:var(--danger);text-align:center;margin-top:4px;line-height:1.4}.profile-content{display:flex;gap:var(--gap-section);padding:var(--pad-page);height:340px;max-height:340px;width:100%;max-width:100%;box-sizing:border-box}.profile-panel.panel-shell--modal{width:calc(100% - 32px);max-width:calc(100% - 32px)}.profile-left{flex:0 0 120px;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.profile-right{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-sm);overflow-y:auto}.profile-character{width:96px;height:96px;margin:0 auto}.profile-name-row{display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.profile-name{font-size:var(--font-title);font-weight:var(--weight-bold);color:var(--text-primary)}.profile-edit-btn{padding:2px}.profile-name-input{flex:0 0 auto;width:84px;text-align:center}.profile-error{font-size:var(--font-caption);color:var(--danger);text-align:center}.profile-section{display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-xs)}.profile-tabs{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--border);margin-bottom:var(--space-sm)}.profile-tab{flex:1;padding:var(--pad-compact) var(--pad-default);font-size:var(--font-label);color:var(--text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--ease-fast),border-color var(--ease-fast)}.profile-tab:hover{color:var(--text-primary)}.profile-tab--active{color:var(--accent);border-bottom-color:var(--accent);font-weight:var(--weight-semi)}.profile-section-title{font-size:var(--font-label);font-weight:var(--weight-semi);color:var(--text-secondary);margin-bottom:var(--space-sm)}.profile-stat-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-label);color:var(--text-primary);padding:var(--space-xs) 0}.profile-stat-key{color:var(--text-secondary);display:inline-flex;align-items:center;gap:4px}.profile-stat-val{font-weight:var(--weight-semi)}.ob-nickname-error{font-size:var(--font-caption);color:var(--danger);text-align:center;margin-top:4px}.profile-locked-note{font-size:var(--font-caption);color:var(--text-tertiary);text-align:center;padding:var(--space-sm) 0}.profile-slot-list{display:flex;flex-direction:column;gap:var(--space-xs)}.profile-slot{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-cream-85)}.profile-slot--active{border-color:var(--accent);background:var(--accent-bg)}.profile-slot--locked,.profile-slot--empty{opacity:.85}.profile-slot-thumb{width:40px;height:40px;flex:0 0 40px;border-radius:50%;overflow:hidden;background:var(--bg-cream);display:flex;align-items:center;justify-content:center}.profile-slot-thumb img{width:100%;height:100%;object-fit:contain}.profile-slot-thumb--locked,.profile-slot-thumb--empty{font-size:var(--font-title);color:var(--text-tertiary)}.profile-slot-info{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-sm);min-width:0}.profile-slot-info .profile-slot-name{flex:1;min-width:0}.profile-slot-name{font-size:var(--font-caption);font-weight:var(--weight-semi);color:var(--text-primary)}.profile-slot-badge{font-size:var(--font-caption);color:var(--accent);font-weight:var(--weight-semi)}.profile-slot-actions{display:flex;gap:var(--space-xs);align-items:center}.profile-slot-icon-btn{padding:2px;min-width:0}.profile-slot-delete{color:var(--danger)}.confirm-dialog.panel-shell--modal{width:320px;max-width:calc(100% - 32px);z-index:9000}.confirm-dialog-body{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--pad-default) var(--pad-loose) var(--pad-loose)}.confirm-dialog-message{margin:0;font-size:var(--font-body);line-height:1.5;color:var(--text-secondary);white-space:pre-line}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-xs)}.char-editor-panel.panel-shell--modal{width:calc(100% - 16px);max-width:100%;height:calc(100% - 16px);max-height:calc(100% - 16px);z-index:8600;display:flex;flex-direction:column}.panel-overlay:has(.char-editor-panel){z-index:8600}.char-editor{display:flex;flex-direction:column;padding:8px;overflow:hidden;flex:1;min-height:0}.char-editor-tabs{display:flex;flex:0 0 auto;border-bottom:1.5px solid var(--border)}.char-editor-tab{flex:1;padding:var(--space-xs) var(--space-sm);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-caption);font-weight:var(--weight-semi);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1.5px;transition:color var(--ease-fast),border-color var(--ease-fast)}.char-editor-tab:hover{color:var(--text-primary)}.char-editor-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.char-editor-body{display:flex;gap:8px;flex:1;min-height:0}.char-editor-sidebar{flex:0 0 120px;width:120px;min-width:0;max-width:120px;display:flex;flex-direction:column;gap:8px;padding:8px;background:var(--bg-cream-85);border:1px solid var(--border);border-radius:var(--radius-card);box-sizing:border-box;overflow-y:auto;min-height:0}.char-editor-stage{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0}.char-editor-sidebar input,.char-editor-sidebar button{min-width:0;box-sizing:border-box}.char-editor-sidebar>*{max-width:100%}.char-editor-name{width:100%;max-width:100%}.char-editor-name{width:100%;padding:var(--space-xs) var(--space-sm);font-size:var(--font-caption)}.char-editor-row{display:flex;gap:var(--space-xs);align-items:center}.char-editor-layers{display:flex;flex-direction:column;gap:2px;max-height:148px;overflow-y:auto}.char-editor-layer{display:flex;align-items:center;gap:var(--space-xs);padding:3px var(--space-sm);border:1px solid transparent;border-radius:var(--radius-tab);cursor:grab}.char-editor-layer:active{cursor:grabbing}.char-editor-layer--dragging{opacity:.5}.char-editor-layer:hover{background:var(--bg-white-60)}.char-editor-layer--active{border-color:var(--accent);background:var(--bg-white)}.char-editor-layer-name{flex:1;min-width:0;font-size:var(--font-caption);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.char-editor-layer-eye,.char-editor-layer-btn{background:none;border:none;padding:1px;color:var(--text-tertiary);cursor:pointer;display:inline-flex}.char-editor-layer-eye:hover,.char-editor-layer-btn:hover:not(:disabled){color:var(--text-primary)}.char-editor-layer-btn:disabled{opacity:.3;cursor:default}.char-editor-layer-count{color:var(--text-tertiary);font-weight:var(--weight-normal)}.char-editor-layer-hint{font-size:var(--font-caption);color:var(--text-tertiary);margin-top:var(--space-xs);line-height:1.4}.char-editor-layer-opacity{margin-top:var(--space-xs)}.char-editor-layer-opacity-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);font-size:var(--font-caption);color:var(--text-secondary)}.char-editor-layer-opacity-val{color:var(--text-tertiary);font-variant-numeric:tabular-nums}.char-editor-opacity-slider{width:100%;margin-top:2px;accent-color:var(--accent);cursor:pointer}.char-editor-layer-op{flex:0 0 auto;font-size:var(--font-caption);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.char-editor-layer:has(.char-editor-layer-op) .char-editor-layer-name{opacity:.6}.char-editor-lasso-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.char-editor-lasso-path{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:10 8}.char-editor-lasso-selected{fill:var(--accent);fill-opacity:.12;stroke:var(--accent);stroke-width:3;stroke-linejoin:round;stroke-dasharray:10 8;animation:char-editor-ants .6s linear infinite}@keyframes char-editor-ants{to{stroke-dashoffset:-18}}.char-editor-selection-bar{position:absolute;top:var(--space-xs);left:var(--space-xs);z-index:2;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-cream);border:1px solid var(--accent);border-radius:var(--radius-card);box-shadow:var(--shadow-md)}.char-editor-selection-count{font-size:var(--font-caption);color:var(--text-secondary);white-space:nowrap;margin-right:var(--space-xs)}.char-editor-canvas[data-tool=lasso][data-over-selection=true]{cursor:move}.char-editor-canvas[data-tool=lasso]{cursor:crosshair}.char-editor-divider{height:1px;background:var(--border);margin:var(--space-xs) 0}.char-editor-section{display:flex;flex-direction:column;gap:var(--space-xs)}.char-editor-label{font-size:var(--font-caption);color:var(--text-secondary);font-weight:var(--weight-semi)}.char-editor-tool-btn{flex:1;display:flex;align-items:center;justify-content:center;height:28px;border:1px solid var(--border);border-radius:var(--radius-button);background:var(--bg-cream);color:var(--text-primary);cursor:pointer;transition:background var(--ease-fast),border-color var(--ease-fast)}.char-editor-tool-btn:hover{border-color:var(--accent)}.char-editor-tool-btn--active{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.char-editor-tool-btn--small{flex:0 0 auto;width:24px;height:24px}.char-editor-color-swatch{width:24px;height:24px;flex:0 0 24px;padding:0;border:1px solid var(--border);border-radius:var(--radius-button);cursor:pointer}.char-editor-color-input{flex:1;width:100%;padding:2px 4px;font-size:10px;min-width:0}.char-editor-range{flex:1;min-width:0}.char-editor-size-input{flex:0 0 36px;width:36px;padding:2px;font-size:10px}.char-editor-canvas-area{flex:1;position:relative;display:flex;justify-content:center;align-items:center;min-height:0}.char-editor-ai-overlay{position:absolute;inset:0;background:var(--bg-dim-light);display:flex;align-items:center;justify-content:center;z-index:5;border-radius:var(--radius-card)}.char-editor-ai-spinner{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--pad-loose);background:var(--bg-cream-97);border:1px solid var(--border);border-radius:var(--radius-card);color:var(--text-primary);font-size:var(--font-label);min-width:200px}.char-editor-ai-phase-text{text-align:center}.char-editor-ai-phase-dots{display:flex;gap:var(--space-xs);margin-top:var(--space-xs)}.char-editor-ai-phase-dots span{width:8px;height:8px;border-radius:50%;background:var(--brown-500-12);transition:background .3s ease}.char-editor-ai-phase-dots span.is-active{background:var(--accent-80)}.char-editor-ai-phase-count{font-size:var(--font-caption);color:var(--brown-700-60)}.char-editor-ai-loader{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.char-editor-ai-loader-icon{animation:char-editor-ai-spin 1.4s linear infinite;color:var(--accent-80)}@keyframes char-editor-ai-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.char-editor-ai-progress-bar{width:160px;height:6px;background:var(--brown-500-12);border-radius:3px;overflow:hidden}.char-editor-ai-progress-fill{height:100%;background:var(--accent-80);border-radius:3px;transition:width .3s ease}.char-editor-ai-consent-extra{display:flex;flex-direction:column;gap:var(--space-sm)}.char-editor-ai-state-picker{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);background:var(--brown-500-08);border-radius:var(--radius-card)}.char-editor-ai-state-picker-label{font-size:var(--font-caption);color:var(--text-secondary);margin-bottom:var(--space-xs)}.char-editor-ai-state-picker label{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-label);color:var(--text-primary);cursor:pointer}.char-editor-ai-slots{position:absolute;bottom:var(--space-sm);left:50%;transform:translate(-50%);display:flex;gap:var(--space-xs);padding:var(--space-xs);background:var(--bg-cream-97);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);z-index:10}.char-editor-ai-slot{position:relative;width:56px;height:56px;border-radius:var(--radius-card);border:2px solid var(--border);background:var(--bg-cream-97);cursor:pointer;overflow:visible;transition:border-color .15s ease,transform .15s ease}.char-editor-ai-slot:hover{transform:scale(1.05)}.char-editor-ai-slot.is-active{border-color:var(--accent-80)}.char-editor-ai-slot img{width:100%;height:100%;object-fit:contain;border-radius:calc(var(--radius-card) - 2px);pointer-events:none}.char-editor-ai-slot-delete{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:1px solid var(--border);background:var(--bg-cream-97);color:var(--text-primary);display:none;align-items:center;justify-content:center;cursor:pointer;padding:0}.char-editor-ai-slot:hover .char-editor-ai-slot-delete{display:flex}.char-editor-ai-consent-checkbox{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-label);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.char-editor-canvas-stack{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;max-width:100%;max-height:100%;transform-origin:center center;transition:transform .08s ease-out}.char-editor-cursor-preview{position:absolute;transform:translate(-50%,-50%);border:1px solid var(--text-primary);border-radius:50%;pointer-events:none;background:var(--bg-white-30);box-sizing:border-box}.char-editor-acc-overlay-layer{position:absolute;inset:0;pointer-events:none}.char-editor-acc-overlay{position:absolute;display:block}.char-editor-acc-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.char-editor-acc-toggle{padding:2px;min-width:0}.char-editor-acc-cat{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-xs)}.char-editor-acc-cat-label{font-size:var(--font-caption);color:var(--text-secondary);flex:0 0 32px}.char-editor-acc-select{flex:1;min-width:0}.char-editor-skin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xs)}.char-editor-skin-chip{width:100%;aspect-ratio:1 / 1;border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;padding:0;transition:transform .08s ease-out}.char-editor-skin-chip:hover{transform:scale(1.05)}.char-editor-skin-chip--active{border:2px solid var(--accent);outline:1px solid var(--bg-cream-97)}.char-editor-canvas-viewport{position:relative;flex:1;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:clamp(16px,7%,36px);min-height:0}.char-editor-zoom-floating{position:absolute;left:var(--space-sm);bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-cream-97);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease-out,visibility .5s ease-out;z-index:2}.char-editor-zoom-floating--visible{opacity:1;visibility:visible;pointer-events:auto}.char-editor-canvas{background:var(--bg-cream-97);border:1px dashed var(--border);border-radius:var(--radius-card);touch-action:none;cursor:crosshair;width:100%;height:100%;aspect-ratio:1 / 1}.char-editor-canvas-actions--left{right:auto;left:var(--space-xs)}.char-editor-action-btn--off{opacity:.45}.char-editor-canvas-actions{position:absolute;top:var(--space-xs);right:var(--space-xs);display:flex;gap:var(--space-xs);z-index:1}.char-editor-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border);border-radius:var(--radius-button);background:var(--bg-cream-85);color:var(--text-primary);cursor:pointer;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm)}.char-editor-action-btn:hover{border-color:var(--accent);color:var(--accent)}.char-editor-action-btn--primary{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.char-editor-action-btn--primary:hover{background:var(--accent);color:var(--text-inverse)}.char-editor-action-btn:disabled{opacity:.5;cursor:not-allowed}.game-intro-start-wrap{display:flex;flex-direction:column;align-items:center;margin-top:4px}.game-intro-start{background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-panel);padding:var(--space-xl) var(--space-4xl);font-size:var(--font-button);font-weight:var(--weight-bold);cursor:pointer}.game-intro-start:hover{background:var(--accent-hover)}.game-intro-cancel{background:none;border:1px solid var(--border);border-radius:var(--radius-button);padding:var(--pad-compact) 14px;font-size:var(--font-body);color:var(--text-secondary);cursor:pointer}.game-intro-cancel:hover{background:var(--border-hover)}.accessory-panel{width:360px}.accessory-main{display:flex;flex-direction:column;padding:var(--pad-default);gap:var(--gap-item);overflow-y:auto;max-height:280px}.accessory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.accessory-card{padding:6px;background:var(--bg-white);border-radius:var(--radius-panel);border:2px solid;text-align:center;position:relative;cursor:pointer;transition:transform .15s,box-shadow .15s}.accessory-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-panel)}.accessory-card img{width:48px;height:48px;object-fit:contain}.accessory-card-name{font-size:var(--font-caption);color:var(--text-primary);line-height:1.2;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accessory-card.locked{opacity:.5;filter:grayscale(1);cursor:default}.accessory-card.equipped{border-color:var(--accent)!important;background:var(--bg-accent-subtle, var(--pink-50));box-shadow:0 0 0 2px var(--accent)}.accessory-equipped-badge{position:absolute;top:-6px;right:-6px;background:var(--accent);color:var(--text-inverse);font-size:var(--font-caption);padding:2px 5px;border-radius:4px;font-weight:700}.accessory-lock-badge{position:absolute;top:-6px;right:-6px;background:var(--text-tertiary);color:var(--text-inverse);font-size:var(--font-caption);padding:2px 5px;border-radius:4px;font-weight:700}.accessory-source-badge{position:absolute;bottom:2px;right:2px;font-size:9px;color:var(--text-tertiary)}.settings-content{display:flex;flex-direction:column;gap:var(--gap-group);padding:var(--pad-default);max-height:280px;overflow-y:auto}.settings-section{display:flex;flex-direction:column;gap:var(--gap-item)}.settings-section-title{font-size:var(--font-body);font-weight:var(--weight-bold);color:var(--text-primary);padding-bottom:4px;border-bottom:1px solid var(--border-faint)}.settings-row{display:flex;align-items:center;gap:8px}.settings-row-stack{align-items:flex-start;justify-content:space-between}.settings-label{font-size:var(--font-caption);color:var(--text-secondary);min-width:50px}.settings-value{font-size:var(--font-caption);color:var(--text-tertiary);min-width:32px;text-align:right}.settings-value-wide{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-scale-buttons{display:flex;gap:4px}.settings-actions{display:flex;flex-wrap:wrap;gap:var(--gap-inline)}.settings-account-input{flex:1 1 100%;min-width:0}.settings-slider{flex:1;height:4px;accent-color:var(--brown-500);cursor:pointer}.settings-coming-soon{font-size:var(--font-caption);color:var(--text-tertiary);font-weight:400;margin-left:4px}.ui-ghost-text{background:none;border:none;padding:0;font-family:inherit;font-size:var(--font-caption);font-weight:var(--weight-bold);color:var(--text-inverse);text-shadow:0 1px 2px var(--brown-alpha-35),0 0 4px var(--brown-alpha-35);cursor:pointer;opacity:.75;transition:opacity .15s,text-shadow .15s}.ui-ghost-text:hover{opacity:1;text-shadow:0 1px 3px var(--brown-700),0 0 5px var(--brown-alpha-35)}.ui-toggle-hint{position:absolute;top:calc(var(--pad-loose) + 42px);right:var(--pad-loose);z-index:var(--z-nav)}.room-nav-btn{position:absolute;z-index:var(--z-nav);padding:6px 12px;pointer-events:auto}.room-nav-btn:hover{transform:translateY(-1px);background:var(--bg-cream-97);box-shadow:var(--shadow-up-md)}.room-nav-btn--right{right:8px;top:50%;transform:translateY(-50%)}.room-nav-btn--right:hover{transform:translateY(-50%) translate(-2px)}.room-nav-btn--left{left:8px;top:50%;transform:translateY(-50%)}.room-nav-btn--left:hover{transform:translateY(-50%) translate(2px)}.room-nav-btn--top{top:50%;left:8px;transform:translateY(-50%)}.room-nav-btn--top:hover{transform:translateY(-50%) translate(2px)}.room-nav-btn--bottom{bottom:72px;left:50%;transform:translate(-50%)}.room-nav-btn--bottom:hover{transform:translate(-50%) translateY(-2px)}.room-transition-overlay{position:absolute;inset:0;background:var(--bg-cream-95);pointer-events:none;z-index:var(--z-modal);opacity:0;animation:room-fade .4s ease-in-out}@keyframes room-fade{0%{opacity:0}50%{opacity:1}to{opacity:0}}.settings-label-group{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.settings-desc{font-size:var(--font-caption);color:var(--text-tertiary);line-height:1.3}.settings-row-disabled{opacity:.45;pointer-events:none}.settings-interval{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.settings-interval-input{width:38px;padding:var(--space-xs);font-size:var(--font-caption);text-align:center}.settings-interval-unit{font-size:var(--font-caption);color:var(--text-tertiary)}.settings-row .switch-field{flex-shrink:0}.web-intro{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--pad-loose);background:var(--bg-cream);overflow-y:auto}.web-intro-card{width:100%;max-width:480px;padding:var(--pad-page);background:var(--bg-white);border:2px solid var(--border);border-radius:var(--radius-window);box-shadow:var(--shadow-lg);text-align:center}.web-intro-nemo{width:120px;height:auto}.web-intro-title{margin-top:var(--space-md);font-size:var(--font-3xl);font-weight:var(--weight-bold);color:var(--text-primary);line-height:1.2}.web-intro-sub{margin-top:var(--space-xs);font-size:var(--font-xl);color:var(--text-secondary)}.web-intro-notice{margin-top:var(--space-xl);padding:var(--pad-loose);background:var(--bg-cream);border:1.5px solid var(--border);border-radius:var(--radius-card);text-align:left}.web-intro-notice-title{font-size:var(--font-2xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-sm)}.web-intro-list{margin:0;padding-left:20px;font-size:var(--font-lg);color:var(--text-secondary);line-height:1.75}.web-intro-list b{color:var(--text-primary)}.web-intro-actions{margin-top:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-sm)}.web-intro-start,.web-intro-download{box-sizing:border-box;width:100%;min-height:44px;font-size:var(--font-2xl);padding:var(--space-md) var(--pad-loose);text-decoration:none}.web-intro-reset{margin-top:var(--space-md);background:none;border:none;font-family:inherit;font-size:var(--font-md);color:var(--text-tertiary);text-decoration:underline;cursor:pointer}.web-intro-reset:hover{color:var(--text-secondary)}.ranking-web-notice{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-sm);padding:var(--space-xs) var(--pad-compact);background:var(--bg-cream);border:1.5px solid var(--border);border-radius:var(--radius-card);font-size:var(--font-caption);color:var(--text-secondary)}.ranking-web-notice a{color:var(--accent);font-weight:var(--weight-bold);white-space:nowrap}@media(max-width:520px){.web-intro{padding:var(--space-md);align-items:flex-start}.web-intro-card{padding:var(--pad-loose)}.web-intro-nemo{width:88px}.web-intro-title{font-size:var(--font-2xl)}.web-intro-notice-title{font-size:var(--font-xl)}.web-intro-list{font-size:var(--font-md);padding-left:18px}.web-intro-start,.web-intro-download{font-size:var(--font-xl)}}.volume-control{display:flex;align-items:center;gap:var(--space-sm);width:100%;margin-top:var(--space-lg);color:var(--text-secondary);font-size:var(--font-caption)}.volume-control-mute{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:inherit;cursor:pointer}.volume-control-mute:hover{background:var(--bg-cream-90)}.volume-control-value{min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.ob-volume{position:absolute;left:var(--space-lg);bottom:44px;width:auto;margin:0;padding:var(--space-xs) var(--space-sm);background:var(--bg-cream-97);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);pointer-events:auto;z-index:var(--z-onboarding-tip)}.ob-volume .volume-control-slider{width:90px;flex:none}.consent{width:100%;margin-top:var(--space-md);text-align:left;font-size:var(--font-caption);color:var(--text-primary)}.consent-row{display:flex;align-items:center;gap:var(--space-sm);min-height:26px}.consent-row-main{display:flex;align-items:center;gap:var(--space-sm);flex:1;cursor:pointer}.consent-row input{accent-color:var(--brown-500);width:14px;height:14px;margin:0;flex:none}.consent-row--all{font-weight:700;cursor:pointer;border-bottom:1px solid var(--border);margin-bottom:var(--space-xs);padding-bottom:var(--space-xs)}.consent-required{font-style:normal;color:var(--brown-700)}.consent-expand{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-tertiary);cursor:pointer}.consent-expand:hover{background:var(--bg-cream-90)}.consent-expand svg{transition:transform .15s ease-out}.consent-expand--open svg{transform:rotate(180deg)}.consent-text{max-height:150px;overflow-y:auto;margin:var(--space-xs) 0 var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-cream-97);border:1px solid var(--border);border-radius:var(--radius-card);color:var(--text-secondary);line-height:1.5}.consent-text-section+.consent-text-section{margin-top:var(--space-sm)}.consent-text-heading{font-weight:700;color:var(--text-primary);margin-bottom:2px}.consent-text p{margin:0 0 3px}.consent-link{padding:0;border:none;background:none;font:inherit;color:var(--brown-700);text-decoration:underline;cursor:pointer}.consent-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:var(--bg-cream);z-index:var(--z-modal)}.consent-screen .welcome-panel{max-width:360px}.consent-screen .welcome-actions{margin-top:var(--space-md)}.settings-danger{color:var(--danger)}.ob-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(320px,calc(100% - 32px));padding:var(--space-md);background:var(--bg-cream);border:2px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);z-index:var(--z-onboarding-tip);pointer-events:auto}.ob-card-image{display:block;width:100%;height:auto;margin-bottom:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-sm)}.ob-card .ob-tooltip-text{margin-bottom:var(--space-sm)}.tooltip-wrap{position:relative;display:inline-flex}.tooltip{position:absolute;z-index:var(--z-onboarding);background:var(--brown-700);color:var(--text-inverse);font-size:var(--font-caption);font-weight:var(--weight-semi);padding:var(--space-sm) var(--pad-default);border-radius:var(--radius-tab);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--ease-fast);box-shadow:var(--shadow-sm)}.tooltip-wrap:hover .tooltip{opacity:1}.tooltip-top{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip-bottom{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip-left{right:calc(100% + 6px);top:50%;transform:translateY(-50%)}.tooltip-right{left:calc(100% + 6px);top:50%;transform:translateY(-50%)}.tooltip:after{content:"";position:absolute;border:4px solid transparent}.tooltip-top:after{top:100%;left:50%;transform:translate(-50%);border-top-color:var(--brown-700)}.tooltip-bottom:after{bottom:100%;left:50%;transform:translate(-50%);border-bottom-color:var(--brown-700)}.tooltip-left:after{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--brown-700)}.tooltip-right:after{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--brown-700)}.tooltip-onboarding{background:var(--bg-cream);color:var(--text-primary);border:1.5px solid var(--border);border-radius:var(--radius-modal);box-shadow:var(--shadow-lg);padding:var(--pad-default) var(--pad-loose);white-space:normal;max-width:240px}.tooltip-onboarding:after{border-width:8px}.tooltip-onboarding.tooltip-top:after{border-top-color:var(--bg-cream)}.tooltip-onboarding.tooltip-bottom:after{border-bottom-color:var(--bg-cream)}.tooltip-onboarding.tooltip-left:after{border-left-color:var(--bg-cream)}.tooltip-onboarding.tooltip-right:after{border-right-color:var(--bg-cream)}.textarea{border:1px solid var(--border-subtle);border-radius:var(--radius-button);padding:var(--pad-default);font-size:var(--font-label);font-family:var(--font-family);outline:none;background:var(--bg-white-60);color:var(--text-primary);resize:vertical;min-height:60px;transition:border-color var(--ease-fast),background var(--ease-fast)}.textarea:focus{border-color:var(--accent);background:var(--bg-white-85)}.textarea::placeholder{color:var(--text-tertiary)}.textarea-error{border-color:var(--danger)}.textarea-error:focus{border-color:var(--danger);box-shadow:0 0 0 2px var(--danger-ring)}.textarea:disabled{background:var(--bg-disabled);color:var(--text-tertiary);border-color:var(--border-disabled);cursor:not-allowed;opacity:.6}.select{appearance:none;border:1px solid var(--border-subtle);border-radius:var(--radius-button);padding:var(--pad-compact) var(--space-5xl) var(--pad-compact) var(--pad-default);font-size:var(--font-label);font-family:var(--font-family);outline:none;background:var(--bg-white-60) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235C4033' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 8px center;color:var(--text-primary);cursor:pointer;transition:border-color var(--ease-fast),background var(--ease-fast)}.select:focus{border-color:var(--accent);background-color:var(--bg-white-85)}.select-error{border-color:var(--danger)}.select:disabled{background-color:var(--bg-disabled);color:var(--text-tertiary);border-color:var(--border-disabled);cursor:not-allowed;opacity:.6}.checkbox-field{display:flex;align-items:center;gap:var(--gap-item);cursor:pointer;font-size:var(--font-label);color:var(--text-primary)}.checkbox-field input[type=checkbox]{display:none}.checkbox-box{width:16px;height:16px;border:1.5px solid var(--border);border-radius:var(--radius-badge);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;transition:background var(--ease-fast),border-color var(--ease-fast);flex-shrink:0}.checkbox-field input:checked+.checkbox-box{background:var(--accent);border-color:var(--accent)}.checkbox-field input:checked+.checkbox-box:after{content:"";display:block;width:4px;height:8px;border:solid var(--white);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}.checkbox-field input:indeterminate+.checkbox-box{background:var(--accent);border-color:var(--accent)}.checkbox-field input:indeterminate+.checkbox-box:after{content:"";display:block;width:8px;height:2px;background:var(--white)}.checkbox-field-disabled{opacity:.5;cursor:not-allowed}.switch-field{display:flex;align-items:center;gap:var(--gap-item);cursor:pointer;font-size:var(--font-label);color:var(--text-primary)}.switch-field input{display:none}.switch-track{width:32px;height:18px;background:var(--track);border-radius:9px;position:relative;transition:background var(--ease-normal);flex-shrink:0}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--white);border-radius:50%;box-shadow:var(--shadow-xs);transition:transform var(--ease-normal)}.switch-field input:checked+.switch-track{background:var(--accent)}.switch-field input:checked+.switch-track:after{transform:translate(14px)}.switch-field-disabled{opacity:.5;cursor:not-allowed}.radio-field{display:flex;align-items:center;gap:var(--gap-item);cursor:pointer;font-size:var(--font-label);color:var(--text-primary)}.radio-field input[type=radio]{display:none}.radio-dot{width:16px;height:16px;border:1.5px solid var(--border);border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;transition:border-color var(--ease-fast);flex-shrink:0}.radio-field input:checked+.radio-dot{border-color:var(--accent)}.radio-field input:checked+.radio-dot:after{content:"";width:8px;height:8px;background:var(--accent);border-radius:50%}.radio-field-disabled{opacity:.5;cursor:not-allowed}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:var(--bg-tertiary);color:var(--text-secondary);font-weight:var(--weight-bold);flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:24px;height:24px;font-size:var(--font-caption)}.avatar-md{width:32px;height:32px;font-size:var(--font-label)}.avatar-lg{width:48px;height:48px;font-size:var(--font-title)}.avatar-square{border-radius:var(--radius-tab)}.accordion-item{border:1px solid var(--border-subtle);border-radius:var(--radius-button);overflow:hidden}.accordion-item+.accordion-item{margin-top:var(--space-xs)}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:var(--pad-default) var(--pad-loose);font-size:var(--font-body);font-weight:var(--weight-semi);color:var(--text-primary);background:var(--bg-secondary);cursor:pointer;transition:background var(--ease-fast)}.accordion-header:hover{background:var(--bg-tertiary)}.accordion-chevron{transition:transform var(--ease-normal);color:var(--icon-secondary)}.accordion-item-open .accordion-chevron{transform:rotate(180deg)}.accordion-body{padding:var(--pad-default) var(--pad-loose);font-size:var(--font-body);color:var(--text-secondary);background:var(--bg-elevated)}.search{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--pad-default);color:var(--icon-tertiary);font-size:var(--font-label);pointer-events:none}.search .input{padding-left:var(--space-5xl);width:100%}.btn-group{display:flex;gap:var(--gap-item)}.btn-group-start{justify-content:flex-start}.btn-group-end{justify-content:flex-end}.btn-group-center{justify-content:center}.btn-group-justify{justify-content:space-between}.btn-group-stack{flex-direction:column}.slider-field{display:flex;flex-direction:column;gap:var(--space-xs)}.slider-field label{font-size:var(--font-label);color:var(--text-secondary)}.slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--track);border-radius:var(--radius-badge);outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-xs);transition:transform var(--ease-fast)}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider:disabled{opacity:.5;cursor:not-allowed}.slider:disabled::-webkit-slider-thumb{cursor:not-allowed}.sheet-overlay{position:absolute;inset:0;background:var(--bg-overlay);z-index:var(--z-overlay);display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--bg-cream);border-radius:var(--radius-window) var(--radius-window) 0 0;padding:var(--pad-page);width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-2xl);animation:sheet-up var(--dur-slow) ease-out}.sheet-handle{width:32px;height:4px;background:var(--border);border-radius:2px;margin:0 auto var(--gap-group)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.nav-pill-group{display:flex;gap:var(--space-xs);background:var(--bg-secondary);padding:var(--space-xs);border-radius:var(--radius-button)}.nav-pill{padding:var(--space-sm) var(--pad-default);font-size:var(--font-label);font-weight:var(--weight-semi);color:var(--text-secondary);border-radius:var(--radius-tab);border:none;background:none;cursor:pointer;transition:all var(--ease-fast)}.nav-pill:hover{color:var(--text-primary);background:var(--bg-elevated)}.nav-pill-active{color:var(--text-primary);background:var(--bg-elevated);box-shadow:var(--shadow-xs)}.pagination{display:flex;align-items:center;gap:var(--space-xs)}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;font-size:var(--font-label);font-weight:var(--weight-semi);color:var(--text-secondary);background:none;border:1px solid var(--border-subtle);border-radius:var(--radius-tab);cursor:pointer;transition:all var(--ease-fast)}.page-btn:hover:not(:disabled){background:var(--accent-bg);border-color:var(--border-brand);color:var(--text-primary)}.page-btn-active{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.page-btn:disabled{opacity:.4;cursor:not-allowed}