:root{--bg:#070a13;--bg-deep:#04060c;--panel:rgba(255,255,255,0.035);--panel-border:rgba(255,255,255,0.08);--primary:#38bdf8;--success:#34d399;--danger:#f43f5e;--purple:#a78bfa;--orange:#fb923c;--text:#e8edf4;--text-light:#94a3b8;--text-dim:#5b6677;--font-display:'Outfit',sans-serif;--font-body:'Inter',sans-serif;}*{box-sizing:border-box;}html{margin:0;padding:0;background:var(--bg);}body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:hidden;-webkit-tap-highlight-color:transparent;min-height:100vh;}.font-display{font-family:var(--font-display);}.sidebar{overflow-y:auto !important;}.sidebar::-webkit-scrollbar{width:4px !important;}.sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,0.02) !important;border-radius:99px !important;}.sidebar::-webkit-scrollbar-thumb{background:rgba(56,189,248,0.25) !important;border-radius:99px !important;border:1px solid rgba(255,255,255,0.04) !important;}.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(56,189,248,0.5) !important;}#cr-root{position:relative;min-height:100vh;background:radial-gradient(ellipse 60% 50% at 50% -10%,rgba(56,189,248,0.10),transparent 60%),radial-gradient(ellipse 50% 40% at 100% 100%,rgba(52,211,153,0.06),transparent 60%),var(--bg-deep);display:flex;flex-direction:column;}.cr-screen{display:none;flex:1;flex-direction:column;}.cr-screen.active{display:flex;}.cr-noscroll::-webkit-scrollbar{display:none;}.cr-btn{font-family:var(--font-display);font-weight:700;letter-spacing:0.03em;border-radius:10px;transition:transform 0.12s ease,box-shadow 0.12s ease,border-color 0.12s ease;cursor:pointer;user-select:none;-webkit-user-select:none;}.cr-btn:active{transform:scale(0.96);}.cr-btn-primary{background:linear-gradient(135deg,var(--primary),var(--success));color:#04101a;box-shadow:0 8px 24px rgba(56,189,248,0.25);}.cr-btn-primary:hover{box-shadow:0 10px 30px rgba(56,189,248,0.4);}.cr-btn-ghost{background:var(--panel);border:1px solid var(--panel-border);color:var(--text-light);}.cr-btn-ghost:hover{border-color:rgba(255,255,255,0.2);color:var(--text);}.cr-vcard{position:relative;background:linear-gradient(160deg,rgba(255,255,255,0.045),rgba(255,255,255,0.015));border:1px solid var(--panel-border);border-radius:18px;padding:1.1rem 1.1rem 1.3rem;cursor:pointer;transition:border-color 0.18s ease,transform 0.18s ease,box-shadow 0.18s ease;overflow:hidden;}.cr-vcard:hover{transform:translateY(-3px);border-color:var(--vcolor,var(--primary));}.cr-vcard:hover,.cr-vcard:focus-visible{box-shadow:0 14px 36px -10px var(--vglow,rgba(56,189,248,0.4));}.cr-vcard canvas{display:block;margin:0 auto;}.cr-vcard .cr-vtag{font-family:var(--font-display);font-weight:800;font-size:0.68rem;letter-spacing:0.1em;color:var(--vcolor,var(--primary));}#cr-hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:0.7rem 0.9rem;pointer-events:none;gap:0.6rem;z-index:5;}.cr-hud-chip{background:rgba(7,10,19,0.62);border:1px solid var(--panel-border);border-radius:12px;padding:0.45rem 0.75rem;backdrop-filter:blur(6px);}.cr-hud-label{font-size:0.6rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-dim);font-family:var(--font-display);font-weight:700;}.cr-portfolio-val{font-family:var(--font-display);font-weight:800;font-size:1.15rem;transition:color 0.25s ease;}#cr-timeline-wrap{flex:1;max-width:420px;}#cr-timeline-bar-bg{height:5px;border-radius:3px;background:rgba(255,255,255,0.08);overflow:hidden;margin-top:0.35rem;}#cr-timeline-bar-fill{height:100%;width:0%;border-radius:3px;background:linear-gradient(90deg,var(--primary),var(--success));transition:width 0.12s linear;}#cr-velocity-bar-bg{width:90px;height:5px;border-radius:3px;background:rgba(255,255,255,0.08);overflow:hidden;margin-top:0.35rem;}#cr-velocity-bar-fill{height:100%;width:0%;border-radius:3px;background:linear-gradient(90deg,var(--success),var(--orange));transition:width 0.08s linear;}#cr-hud-bottom{position:absolute;bottom:0.75rem;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;padding:1rem 1.25rem calc(2.5rem + env(safe-area-inset-bottom,0px));pointer-events:none;z-index:5;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}.cr-ctrl-cluster{display:flex;gap:0.75rem;pointer-events:auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}.cr-ctrl-btn{width:62px;height:62px;border-radius:16px;background:rgba(7,10,19,0.78);border:1px solid var(--panel-border);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-light);font-family:var(--font-display);font-weight:700;font-size:0.6rem;letter-spacing:0.04em;gap:2px;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;cursor:pointer;transition:background 0.1s ease,border-color 0.1s ease;}.cr-ctrl-btn svg{width:20px;height:20px;pointer-events:none;}.cr-ctrl-btn.held{background:rgba(56,189,248,0.22);border-color:var(--primary);color:#fff;}#cr-ability-btn{position:relative;width:68px;height:68px;border-radius:50%;border:none;outline:none;background:transparent;padding:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;touch-action:none;cursor:pointer;}#cr-ability-ring{position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(var(--success) 0deg,var(--success) 0deg,rgba(255,255,255,0.12) 0deg,rgba(255,255,255,0.12) 360deg);pointer-events:none;}#cr-ability-btn.ready{box-shadow:0 0 22px var(--vglow,rgba(52,211,153,0.55));}#cr-ability-inner{position:relative;width:62px;height:62px;border-radius:50%;background:rgba(7,10,19,0.85);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-light);font-family:var(--font-display);font-weight:800;font-size:0.55rem;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}.cr-overlay{position:absolute;inset:0;z-index:20;background:rgba(4,6,12,0.78);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1rem;}.cr-modal{width:100%;max-width:560px;background:linear-gradient(165deg,rgba(255,255,255,0.05),rgba(255,255,255,0.015));border:1px solid var(--panel-border);border-radius:20px;padding:1.6rem 1.6rem 1.4rem;max-height:88vh;overflow-y:auto;}.cr-grade-badge{font-family:var(--font-display);font-weight:800;font-size:2.4rem;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}@keyframes cr-pulse{0%,100%{opacity:0.55;}50%{opacity:1;}}.cr-pulse{animation:cr-pulse 1.6s ease-in-out infinite;}@media (max-width:640px){.cr-hud-chip{padding:0.35rem 0.55rem;}.cr-portfolio-val{font-size:0.95rem;}#cr-timeline-wrap{display:none;}#cr-hud-bottom{bottom:1rem;padding:0.85rem 0.9rem calc(2.75rem + env(safe-area-inset-bottom,0px));}.cr-ctrl-cluster{gap:0.5rem;}.cr-ctrl-btn{width:54px;height:54px;font-size:0.56rem;border-radius:14px;}#cr-ability-btn{width:62px;height:62px;}#cr-ability-inner{width:56px;height:56px;}}body.cr-game-active{overflow:hidden !important;height:100vh !important;height:100dvh !important;}body.cr-game-active .disclaimer-banner{display:none !important;}body.cr-game-active .cr-disclaimer,body.cr-game-active .main-content > footer{display:none !important;}body.cr-game-active .main-content{padding:0 !important;margin-top:0 !important;margin-bottom:0 !important;height:100vh !important;height:100dvh !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;}body.cr-game-active #cr-root{flex:1 !important;height:100% !important;min-height:0 !important;overflow:hidden !important;}@media (max-width:1024px){body.cr-game-active .main-content{padding:60px 0 0 0 !important;height:100vh !important;height:100dvh !important;}}.cr-sym-hover{color:#38bdf8 !important;font-weight:600 !important;cursor:help !important;border-bottom:1px dashed rgba(56,189,248,0.5) !important;display:inline-block;}.cr-sym-hover:hover{color:#7dd3fc !important;}