*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#1a0f18;color:#fff5ec;font-family:Zen Maru Gothic,Fredoka,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;touch-action:manipulation}img{display:block;max-width:100%;-webkit-user-drag:none}:root{--ink-900: #1a0f18;--ink-800: #2a1826;--ink-700: #3a2236;--ink-600: #4d2f44;--ink-500: #6b4460;--cream-50: #fff5ec;--cream-100: #ffe8d6;--cream-200: #ffd4b3;--rose-300: #ffb3c7;--rose-400: #ff8fad;--rose-500: #ff6b91;--rose-600: #e84872;--crimson-500: #d93a5c;--crimson-600: #b52847;--crimson-700: #8f1a34;--ember-300: #ffd27a;--ember-400: #ffb845;--ember-500: #f79617;--ember-600: #d97a0a;--lilac-300: #d4b3ff;--lilac-500: #9d6bff;--mint-300: #b3f0d4;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 32px;--shadow-soft: 0 2px 0 rgba(26,15,24,.15);--shadow-card: 0 6px 0 #2a1826, 0 10px 24px rgba(26,15,24,.35);--shadow-pop: 0 4px 0 #8f1a34, 0 8px 18px rgba(143,26,52,.4);--font-display: "Fredoka", "Zen Maru Gothic", system-ui, sans-serif;--font-body: "Zen Maru Gothic", "Fredoka", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Menlo", monospace;--bg-primary: #1a0f18;--bg-secondary: #2a1826;--bg-card: #3a2236;--accent-gold: #ffb845;--accent-pink: #ff6b91;--text-primary: #fff5ec;--min-touch: 44px}.ik-frame{position:relative;border-radius:var(--radius-md);background:var(--cream-50);border:2.5px solid var(--ink-900);box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px var(--rose-300)}.ik-frame-dark{background:var(--ink-800);border:2.5px solid var(--ink-900);box-shadow:inset 0 0 0 2px var(--ink-700),inset 0 0 0 4px var(--crimson-700);color:var(--cream-50)}.ik-frame-gold{border:2.5px solid var(--ink-900);box-shadow:inset 0 0 0 2px var(--ember-300),inset 0 0 0 4px var(--ember-500)}.ik-corners:before,.ik-corners:after,.ik-corners>.c-tl,.ik-corners>.c-tr,.ik-corners>.c-bl,.ik-corners>.c-br{content:"";position:absolute;width:10px;height:10px;background:var(--ember-400);border:2px solid var(--ink-900);transform:rotate(45deg);z-index:3}.ik-corners:before{top:-6px;left:-6px}.ik-corners:after{top:-6px;right:-6px}.ik-corners>.c-bl{bottom:-6px;left:-6px}.ik-corners>.c-br{bottom:-6px;right:-6px}.ik-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:600;border:2.5px solid var(--ink-900);border-radius:999px;cursor:pointer;position:relative;padding:10px 22px;font-size:15px;color:var(--ink-900);background:var(--cream-100);box-shadow:0 4px 0 var(--ink-900);transition:transform .08s,box-shadow .08s}.ik-btn:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--ink-900)}.ik-btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--ink-900)}.ik-btn-primary{color:#fff;background:linear-gradient(180deg,var(--rose-500),var(--crimson-600));box-shadow:0 4px 0 var(--crimson-700),inset 0 1px #ffffff80}.ik-btn-primary:hover{box-shadow:0 5px 0 var(--crimson-700),inset 0 1px #ffffff80}.ik-btn-primary:active{box-shadow:0 2px 0 var(--crimson-700),inset 0 1px #ffffff80}.ik-btn-ember{color:var(--ink-900);background:linear-gradient(180deg,var(--ember-300),var(--ember-500));box-shadow:0 4px 0 var(--ember-600),inset 0 1px #ffffff80}.ik-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;background:var(--ink-800);border:2px solid var(--ink-900);border-radius:999px;color:var(--cream-50);font-family:var(--font-mono);font-weight:600;font-size:13px}.ik-chip-icon{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--ink-900);flex-shrink:0}.ik-chip-plus{width:18px;height:18px;border-radius:50%;background:var(--ember-400);border:1.5px solid var(--ink-900);display:inline-flex;align-items:center;justify-content:center;color:var(--ink-900);font-weight:700;font-size:12px;margin-left:2px}.ik-tabs{display:flex;gap:0;border-bottom:2.5px solid var(--ink-900)}.ik-tab{padding:10px 20px 8px;font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--ink-600);background:transparent;border:2.5px solid transparent;border-bottom:none;border-radius:12px 12px 0 0;cursor:pointer;position:relative;top:2.5px;transition:background .12s,color .12s}.ik-tab.active{background:var(--cream-50);border-color:var(--ink-900);color:var(--ink-900)}.ik-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-2.5px;height:3px;background:var(--cream-50)}.ik-portrait-placeholder{position:relative;background:repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 12px,transparent 12px 24px),linear-gradient(180deg,var(--lilac-300),var(--rose-400));display:flex;align-items:center;justify-content:center;color:var(--ink-900);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-align:center}.ik-stars{color:var(--ember-400);letter-spacing:2px;filter:drop-shadow(0 1px 0 var(--ink-900))}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}@keyframes floaty{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(10deg)}}.floaty{animation:floaty 3s ease-in-out infinite}.floaty-2{animation:floaty 3.8s ease-in-out infinite .5s}.floaty-3{animation:floaty 4.2s ease-in-out infinite 1s}.ik-stat-bar{height:14px;background:var(--ink-800);border:2px solid var(--ink-900);border-radius:999px;overflow:hidden;position:relative}.ik-stat-bar-fill{height:100%;background:linear-gradient(90deg,var(--rose-500),var(--ember-400));border-right:2px solid var(--ink-900);box-shadow:inset 0 -4px #00000026,inset 0 3px #ffffff40}