@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";:root{--funky-bg: #fff5d1;--funky-surface: #ffffff;--funky-sunken: #fff0b8;--funky-ink: #222222;--funky-ink-muted: #6f6a52;--funky-ink-inverse: #ffffff;--funky-line: #000000;--funky-pink: #ff4eba;--funky-purple: #7828c8;--funky-cyan: #3decfd;--funky-yellow: #ffd500;--funky-orange: #ff9100;--funky-sky: #00c8ff;--funky-green: #00c22a;--funky-accent-soft: #f0fdff;--funky-primary: #ff4eba;--funky-secondary: #7828c8;--funky-success: #00c22a;--funky-warning: #ff9100;--funky-danger: #ff3b3b;--funky-info: #3decfd;--funky-shadow-sm: 4px 4px 0 0 rgba(0, 0, 0, .2);--funky-shadow-md: 6px 6px 0 0 rgba(0, 0, 0, .2);--funky-shadow-lg: 8px 8px 0 0 rgba(0, 0, 0, .2);--funky-radius: 0;--funky-border-width: 2px;--funky-border-width-bold: 3px;--funky-border-color: #000000;--funky-border: 2px solid #000000;--funky-border-bold: 3px solid #000000;--funky-space-xs: .375rem;--funky-space-sm: .5rem;--funky-space-md: .75rem;--funky-space-lg: 1rem;--funky-space-xl: 1.5rem;--funky-space-2xl: 2rem;--funky-font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--funky-weight-medium: 500;--funky-weight-bold: 700;--funky-weight-black: 900;--funky-size-2xs: .625rem;--funky-size-xs: .75rem;--funky-size-sm: .875rem;--funky-size-md: 1rem;--funky-size-lg: 1.125rem;--funky-size-xl: 1.25rem;--funky-size-2xl: 1.5rem;--funky-size-3xl: 1.875rem;--funky-size-4xl: 2.25rem;--funky-chrome-transform: uppercase;--funky-chrome-tracking: .05em;--funky-control-sm: 1.75rem;--funky-control-md: 2.25rem;--funky-control-lg: 2.75rem;--funky-motion-duration: .1s;--funky-motion-easing: ease-out;--funky-press-offset: 4px}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--funky-bg);color:var(--funky-ink);font-family:var(--funky-font-family);font-size:var(--funky-size-md);-webkit-font-smoothing:antialiased}.funky-shadow-sm{box-shadow:var(--funky-shadow-sm)}.funky-shadow-md{box-shadow:var(--funky-shadow-md)}.funky-shadow-lg{box-shadow:var(--funky-shadow-lg)}.funky-border{border:var(--funky-border)}.funky-chrome{text-transform:var(--funky-chrome-transform);font-weight:var(--funky-weight-black);letter-spacing:var(--funky-chrome-tracking)}.funky-pressable{transition:box-shadow var(--funky-motion-duration) var(--funky-motion-easing),transform var(--funky-motion-duration) var(--funky-motion-easing),background-color var(--funky-motion-duration) var(--funky-motion-easing)}.funky-pressable:hover:not(:disabled){box-shadow:2px 2px #0003;transform:translate(2px,2px)}.funky-pressable:active:not(:disabled){box-shadow:none;transform:translate(var(--funky-press-offset),var(--funky-press-offset))}.funky-pressable:disabled{opacity:.5;cursor:not-allowed}.funky-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--funky-space-sm);height:var(--funky-control-md);padding:0 var(--funky-space-lg);border:var(--funky-border);border-radius:var(--funky-radius);background:var(--funky-surface);color:var(--funky-ink);font-family:var(--funky-font-family);font-size:var(--funky-size-sm);font-weight:var(--funky-weight-black);text-transform:var(--funky-chrome-transform);letter-spacing:var(--funky-chrome-tracking);line-height:1;cursor:pointer;box-shadow:var(--funky-shadow-sm);white-space:nowrap}.funky-button--sm{height:var(--funky-control-sm);padding:0 var(--funky-space-md);font-size:var(--funky-size-xs)}.funky-button--lg{height:var(--funky-control-lg);padding:0 var(--funky-space-xl);font-size:var(--funky-size-md)}.funky-button--primary{background:var(--funky-primary);color:var(--funky-ink-inverse)}.funky-button--secondary{background:var(--funky-secondary);color:var(--funky-ink-inverse)}.funky-button--success{background:var(--funky-success);color:var(--funky-ink-inverse)}.funky-button--warning{background:var(--funky-warning);color:var(--funky-ink)}.funky-button--danger{background:var(--funky-danger);color:var(--funky-ink-inverse)}.funky-button--info{background:var(--funky-info);color:var(--funky-ink)}.funky-button--neutral{background:var(--funky-surface);color:var(--funky-ink)}.funky-button--ink{background:var(--funky-ink);color:var(--funky-ink-inverse)}.funky-input{display:inline-flex;align-items:center;gap:var(--funky-space-sm);height:var(--funky-control-md);padding:0 var(--funky-space-md);border:var(--funky-border);border-radius:var(--funky-radius);background:var(--funky-surface);box-shadow:var(--funky-shadow-sm);transition:box-shadow var(--funky-motion-duration) var(--funky-motion-easing),transform var(--funky-motion-duration) var(--funky-motion-easing)}.funky-input:focus-within{box-shadow:2px 2px #0003;transform:translate(2px,2px)}.funky-input__field{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--funky-font-family);font-size:var(--funky-size-sm);font-weight:var(--funky-weight-bold);color:var(--funky-ink)}.funky-input__field::placeholder{color:var(--funky-ink-muted)}.funky-input__icon{display:inline-flex;align-items:center;color:var(--funky-ink-muted)}.funky-input--full{display:flex;width:100%}.funky-tag{display:inline-flex;align-items:center;gap:var(--funky-space-xs);padding:var(--funky-space-xs) var(--funky-space-sm);border:var(--funky-border);border-radius:var(--funky-radius);background:var(--funky-surface);color:var(--funky-ink);font-family:var(--funky-font-family);font-size:var(--funky-size-xs);font-weight:var(--funky-weight-bold);box-shadow:2px 2px #0000001a;line-height:1}.funky-tag--pink{background:var(--funky-pink);color:var(--funky-ink-inverse)}.funky-tag--purple{background:var(--funky-purple);color:var(--funky-ink-inverse)}.funky-tag--cyan{background:var(--funky-cyan);color:var(--funky-ink)}.funky-tag--yellow{background:var(--funky-yellow);color:var(--funky-ink)}.funky-tag--orange{background:var(--funky-orange);color:var(--funky-ink)}.funky-tag--sky{background:var(--funky-sky);color:var(--funky-ink)}.funky-tag--green{background:var(--funky-green);color:var(--funky-ink-inverse)}.funky-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 var(--funky-space-xs);border:var(--funky-border);border-radius:var(--funky-radius);background:var(--funky-primary);color:var(--funky-ink-inverse);font-family:var(--funky-font-family);font-size:var(--funky-size-xs);font-weight:var(--funky-weight-black);line-height:1}.funky-badge--pink{background:var(--funky-pink);color:var(--funky-ink-inverse)}.funky-badge--purple{background:var(--funky-purple);color:var(--funky-ink-inverse)}.funky-badge--cyan{background:var(--funky-cyan);color:var(--funky-ink)}.funky-badge--yellow{background:var(--funky-yellow);color:var(--funky-ink)}.funky-badge--orange{background:var(--funky-orange);color:var(--funky-ink)}.funky-badge--sky{background:var(--funky-sky);color:var(--funky-ink)}.funky-badge--green{background:var(--funky-green);color:var(--funky-ink-inverse)}.funky-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.funky-text{font-family:var(--funky-font-family);color:var(--funky-ink);margin:0}.funky-text--heading{font-weight:var(--funky-weight-black);font-size:var(--funky-size-xl);line-height:1.1}.funky-text--body{font-weight:var(--funky-weight-medium);font-size:var(--funky-size-md);line-height:1.5}.funky-text--chrome{font-weight:var(--funky-weight-black);font-size:var(--funky-size-xs);text-transform:var(--funky-chrome-transform);letter-spacing:var(--funky-chrome-tracking)}.funky-text--muted{color:var(--funky-ink-muted)}.funky-card{border:var(--funky-border);border-radius:var(--funky-radius);background:var(--funky-surface);box-shadow:var(--funky-shadow-md)}.funky-card__body{padding:var(--funky-space-xl)}.funky-stat-tile{display:flex;flex-direction:column;gap:var(--funky-space-xs);padding:var(--funky-space-xl);border:var(--funky-border);border-radius:var(--funky-radius);background:var(--funky-cyan);color:var(--funky-ink);box-shadow:var(--funky-shadow-md)}.funky-stat-tile--pink{background:var(--funky-pink);color:var(--funky-ink-inverse)}.funky-stat-tile--purple{background:var(--funky-purple);color:var(--funky-ink-inverse)}.funky-stat-tile--cyan{background:var(--funky-cyan);color:var(--funky-ink)}.funky-stat-tile--yellow{background:var(--funky-yellow);color:var(--funky-ink)}.funky-stat-tile--orange{background:var(--funky-orange);color:var(--funky-ink)}.funky-stat-tile--sky{background:var(--funky-sky);color:var(--funky-ink)}.funky-stat-tile--green{background:var(--funky-green);color:var(--funky-ink-inverse)}.funky-stat-tile__label{font-size:var(--funky-size-xs);font-weight:var(--funky-weight-black);text-transform:var(--funky-chrome-transform);letter-spacing:var(--funky-chrome-tracking)}.funky-stat-tile__value{font-size:var(--funky-size-4xl);font-weight:var(--funky-weight-black);line-height:1}.funky-stat-tile__hint{font-size:var(--funky-size-sm);font-weight:var(--funky-weight-bold)}.funky-accordion{display:flex;flex-direction:column;gap:var(--funky-space-md)}.funky-accordion__item{border:var(--funky-border);border-radius:var(--funky-radius);background:var(--funky-surface)}.funky-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--funky-space-lg);border:none;background:var(--funky-surface);color:var(--funky-ink);font-family:var(--funky-font-family);font-weight:var(--funky-weight-black);font-size:var(--funky-size-md);text-transform:var(--funky-chrome-transform);letter-spacing:var(--funky-chrome-tracking);cursor:pointer;transition:background-color var(--funky-motion-duration) var(--funky-motion-easing)}.funky-accordion__header:hover{background:var(--funky-accent-soft)}.funky-accordion__chevron{display:inline-flex;transition:transform var(--funky-motion-duration) var(--funky-motion-easing)}.funky-accordion__chevron--open{transform:rotate(180deg)}.funky-accordion__panel{padding:var(--funky-space-lg);border-top:var(--funky-border)}.funky-tabs__list{display:flex;gap:var(--funky-space-sm);flex-wrap:wrap}.funky-tabs__trigger{height:var(--funky-control-md);padding:0 var(--funky-space-lg);border:var(--funky-border);border-radius:var(--funky-radius);background:var(--funky-surface);color:var(--funky-ink);font-family:var(--funky-font-family);font-size:var(--funky-size-sm);font-weight:var(--funky-weight-black);text-transform:var(--funky-chrome-transform);letter-spacing:var(--funky-chrome-tracking);cursor:pointer;transition:background-color var(--funky-motion-duration) var(--funky-motion-easing),box-shadow var(--funky-motion-duration) var(--funky-motion-easing),transform var(--funky-motion-duration) var(--funky-motion-easing)}.funky-tabs__trigger:hover:not(.funky-tabs__trigger--active){background:var(--funky-accent-soft)}.funky-tabs__trigger--active{background:var(--funky-ink);color:var(--funky-ink-inverse);box-shadow:var(--funky-shadow-sm)}.funky-tabs__panel{padding:var(--funky-space-lg) 0}.funky-modal__overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;padding:var(--funky-space-lg);z-index:1000}.funky-modal{width:100%;max-width:32rem;max-height:90vh;display:flex;flex-direction:column;border:var(--funky-border-bold);border-radius:var(--funky-radius);background:var(--funky-surface);box-shadow:var(--funky-shadow-lg)}.funky-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--funky-space-md);padding:var(--funky-space-lg);border-bottom:var(--funky-border);font-weight:var(--funky-weight-black);font-size:var(--funky-size-lg);text-transform:var(--funky-chrome-transform);letter-spacing:var(--funky-chrome-tracking)}.funky-modal__close{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:var(--funky-border);border-radius:var(--funky-radius);background:var(--funky-surface);cursor:pointer;font-weight:var(--funky-weight-black);line-height:1;transition:background-color var(--funky-motion-duration) var(--funky-motion-easing)}.funky-modal__close:hover{background:var(--funky-accent-soft)}.funky-modal__body{padding:var(--funky-space-lg);overflow:auto}.funky-modal__footer{display:flex;justify-content:flex-end;gap:var(--funky-space-sm);padding:var(--funky-space-lg);border-top:var(--funky-border)}.funky-appshell{display:flex;flex-direction:column;min-height:100vh;background:var(--funky-bg)}.funky-appshell__navbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:var(--funky-space-lg);height:5rem;padding:0 var(--funky-space-xl);background:var(--funky-secondary);border-bottom:var(--funky-border);box-shadow:0 4px #0003}.funky-appshell__brand{display:inline-flex;align-items:center;gap:var(--funky-space-sm);font-weight:var(--funky-weight-black);font-size:var(--funky-size-2xl);text-transform:var(--funky-chrome-transform);letter-spacing:-.05em;color:var(--funky-ink-inverse);transform:skew(-6deg)}.funky-appshell__brand button,.funky-appshell__brand a{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;background:none;border:none;padding:0;margin:0;cursor:pointer}.funky-appshell__account{display:inline-flex;align-items:center;gap:var(--funky-space-xl)}.funky-appshell__body{display:flex;flex:1;min-height:0}.funky-appshell__sidebar{display:none;flex-direction:column;width:16rem;padding:var(--funky-space-xl);background:var(--funky-bg);border-right:var(--funky-border)}@media(min-width:1024px){.funky-appshell__sidebar{display:flex;align-self:flex-start;position:sticky;top:5rem;height:calc(100vh - 5rem);overflow-y:auto}}.funky-appshell__sidebar-head{padding-bottom:var(--funky-space-lg);margin-bottom:var(--funky-space-lg);border-bottom:var(--funky-border);font-weight:var(--funky-weight-black);font-size:var(--funky-size-lg);text-transform:var(--funky-chrome-transform);letter-spacing:var(--funky-chrome-tracking);transform:skew(-6deg)}.funky-appshell__nav{display:flex;flex-direction:column;gap:.25rem}.funky-appshell__nav-label{font-size:var(--funky-size-2xs);font-weight:var(--funky-weight-black);text-transform:var(--funky-chrome-transform);letter-spacing:.2em;color:#0006;margin-bottom:var(--funky-space-md);padding:0 .25rem}.funky-nav-item{display:flex;align-items:center;gap:var(--funky-space-md);width:100%;padding:var(--funky-space-md) var(--funky-space-lg);border:2px solid transparent;border-radius:var(--funky-radius);background:transparent;color:#0009;font-family:var(--funky-font-family);font-size:var(--funky-size-sm);font-weight:var(--funky-weight-black);text-transform:var(--funky-chrome-transform);letter-spacing:-.025em;text-decoration:none;cursor:pointer;transition:background-color var(--funky-motion-duration) var(--funky-motion-easing),color var(--funky-motion-duration) var(--funky-motion-easing),box-shadow var(--funky-motion-duration) var(--funky-motion-easing),transform var(--funky-motion-duration) var(--funky-motion-easing)}.funky-nav-item:hover:not(.funky-nav-item--active){color:var(--funky-ink);background:#ffffff80}.funky-nav-item--active{background:var(--funky-ink);color:var(--funky-ink-inverse);border-color:var(--funky-ink);box-shadow:var(--funky-shadow-sm)}.funky-nav-item--active:hover{box-shadow:none;transform:translate(4px,4px)}.funky-appshell__sidebar-foot{margin-top:auto;padding-top:var(--funky-space-2xl);border-top:2px solid rgba(0,0,0,.1)}.funky-appshell__status-card{padding:var(--funky-space-lg);border:var(--funky-border);border-radius:var(--funky-radius);background:var(--funky-surface);color:var(--funky-ink);box-shadow:4px 4px #0000001a}.funky-appshell__status-card-title{font-size:var(--funky-size-2xs);font-weight:var(--funky-weight-black);text-transform:var(--funky-chrome-transform);letter-spacing:.1em;color:#0006}.funky-appshell__status-card-text{margin-top:var(--funky-space-md);font-size:var(--funky-size-2xs);font-weight:var(--funky-weight-bold)}.funky-appshell__content{flex:1;min-width:0;padding:var(--funky-space-xl);padding-bottom:5rem}@media(min-width:1024px){.funky-appshell__content{padding-bottom:var(--funky-space-xl)}}.funky-appshell__bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;align-items:stretch;justify-content:space-around;height:4rem;background:var(--funky-surface);border-top:var(--funky-border)}@media(min-width:1024px){.funky-appshell__bottom-nav{display:none}}.funky-bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border:none;background:transparent;color:var(--funky-ink);font-family:var(--funky-font-family);font-size:var(--funky-size-xs);font-weight:var(--funky-weight-bold);text-transform:var(--funky-chrome-transform);letter-spacing:var(--funky-chrome-tracking);text-decoration:none;cursor:pointer;transition:background-color var(--funky-motion-duration) var(--funky-motion-easing)}.funky-bottom-nav-item:hover:not(.funky-bottom-nav-item--active){background:var(--funky-accent-soft)}.funky-bottom-nav-item--active{background:var(--funky-ink);color:var(--funky-ink-inverse)}:root{--fx-bg: #fff5d1;--fx-ink: #222;--fx-border: #000}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%;overflow:hidden;background:var(--fx-bg);font-family:Pretendard,system-ui,-apple-system,sans-serif;color:var(--fx-ink);-webkit-font-smoothing:antialiased;user-select:none}.fx-app{height:100vh;width:100vw;display:flex;flex-direction:column}.fx-menu{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;position:relative;overflow:hidden}.fx-logo{font-weight:900;font-size:clamp(3rem,12vw,9rem);letter-spacing:-.04em;line-height:.9;text-transform:uppercase;position:relative;transform:rotate(-3deg)}.fx-logo span{display:inline-block}.fx-menu-buttons{display:grid;gap:.75rem;width:min(420px,80vw);z-index:2}.fx-menu-buttons .funky-button{width:100%;justify-content:center;font-size:1.1rem}.fx-tagline{font-weight:700;color:#6f6a52;letter-spacing:.04em}.fx-bg-shapes{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.fx-shape{position:absolute;border:3px solid #000;box-shadow:6px 6px #0003;opacity:.9;animation:fx-float 8s ease-in-out infinite}@keyframes fx-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-22px) rotate(8deg)}}.fx-game{position:relative;height:100%;width:100%;display:flex}.fx-canvas-wrap{flex:1;position:relative;background:#140f22}.fx-canvas-wrap canvas{display:block;position:absolute;inset:0;width:100%;height:100%}.fx-hud{position:absolute;top:1rem;left:1rem;display:flex;flex-direction:column;gap:.4rem;pointer-events:none;z-index:5}.fx-hud-primary{background:#1a152899;border:2px solid rgba(61,236,253,.45);border-radius:2px;box-shadow:0 0 16px #3decfd26,inset 0 0 0 1px #0000004d;padding:.5rem .9rem}.fx-hud-primary .lbl{font-size:.7rem;font-weight:900;letter-spacing:.08em;color:#3decfdcc;text-transform:uppercase}.fx-hud-primary .val{font-size:1.8rem;font-weight:900;line-height:1;color:#fff;font-variant-numeric:tabular-nums}.fx-hud-secondary{display:flex;gap:.4rem;flex-wrap:wrap;max-width:240px}.fx-hud-chip{background:#140f228c;border:1px solid rgba(255,255,255,.18);border-radius:2px;padding:.25rem .5rem;font-size:.8rem;font-weight:700;color:#ffffffe6;font-variant-numeric:tabular-nums}.fx-hud-chip .k{color:#ffffff73;font-weight:900;font-size:.65rem;margin-right:.25rem}.fx-fps{position:absolute;top:.5rem;right:.75rem;font-size:.7rem;font-weight:900;color:#ffffff8c;font-variant-numeric:tabular-nums;z-index:5}.fx-overlay{position:absolute;inset:0;background:#fff5d1d9;display:flex;align-items:center;justify-content:center;z-index:10}.fx-panel{background:#fff;border:3px solid #000;box-shadow:8px 8px #0003;padding:1.5rem;width:min(440px,90vw);display:flex;flex-direction:column;gap:1rem}.fx-panel h2{margin:0;font-weight:900;font-size:2rem;text-transform:uppercase}.fx-settings{height:100%;display:flex;flex-direction:column;padding:1rem clamp(1rem,5vw,4rem);gap:1rem;overflow:hidden}.fx-settings-head{display:flex;align-items:center;justify-content:space-between}.fx-settings-body{flex:1;overflow-y:auto;padding-right:.5rem}.fx-section{margin-bottom:1.5rem}.fx-section-title{font-weight:900;font-size:1.1rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:3px solid #000;padding-bottom:.3rem;margin-bottom:.8rem}.fx-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.08)}.fx-row-label{font-weight:700;font-size:.95rem}.fx-row-desc{font-size:.75rem;color:#6f6a52;font-weight:500}.fx-row-control{display:flex;align-items:center;gap:.6rem;min-width:200px;justify-content:flex-end}.fx-slider{-webkit-appearance:none;appearance:none;width:140px;height:8px;background:#fff0b8;border:2px solid #000;outline:none}.fx-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#ff4eba;border:2px solid #000;cursor:pointer;box-shadow:2px 2px #0003}.fx-slider::-moz-range-thumb{width:18px;height:18px;background:#ff4eba;border:2px solid #000;cursor:pointer}.fx-slider-val{font-weight:900;font-variant-numeric:tabular-nums;min-width:76px;text-align:right}.fx-slider-val--editable{cursor:text;border-bottom:2px dotted rgba(0,0,0,.3)}.fx-slider-val--editable:hover{background:#fff0b8;border-bottom-color:#000}.fx-slider-input{width:76px;border:2px solid #000;background:#fff;padding:.15rem .35rem;font-weight:900;font-family:inherit;font-variant-numeric:tabular-nums;text-align:right;box-shadow:2px 2px #0003}.fx-slider-input:focus{outline:none;background:#fff0b8}.fx-toggle{width:52px;height:28px;border:2px solid #000;background:#fff0b8;position:relative;cursor:pointer;transition:background .1s ease-out;flex-shrink:0}.fx-toggle.on{background:#00c22a}.fx-toggle .knob{position:absolute;top:1px;left:1px;width:22px;height:22px;background:#fff;border:2px solid #000;transition:transform .1s ease-out}.fx-toggle.on .knob{transform:translate(24px)}.fx-seg{display:inline-flex;border:2px solid #000;overflow:hidden}.fx-seg button{border:none;border-right:2px solid #000;background:#fff;padding:.35rem .7rem;font-weight:700;font-size:.85rem;cursor:pointer;font-family:inherit}.fx-seg button:last-child{border-right:none}.fx-seg button.active{background:#7828c8;color:#fff}.fx-key{min-width:90px;border:2px solid #000;background:#fff;padding:.3rem .6rem;font-weight:700;font-size:.8rem;cursor:pointer;font-family:inherit;box-shadow:2px 2px #0003}.fx-key.listening{background:#ffd500;animation:fx-pulse .6s ease-in-out infinite}@keyframes fx-pulse{50%{opacity:.6}}.fx-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;width:min(680px,86vw);z-index:2}.fx-mode-card{border:3px solid #000;box-shadow:6px 6px #0003;padding:1rem;cursor:pointer;background:#fff;transition:transform .1s ease-out,box-shadow .1s ease-out;text-align:left;font-family:inherit}.fx-mode-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #0003}.fx-mode-card:active{transform:translate(6px,6px);box-shadow:0 0 #0003}.fx-mode-card .name{font-weight:900;font-size:1.2rem;text-transform:uppercase}.fx-mode-card .desc{font-size:.8rem;color:#6f6a52;font-weight:500;margin-top:.25rem}