@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Noto+Sans+JP:wght@500;700;900&display=swap";:root{color-scheme:dark;--font-main: "Rajdhani", "Noto Sans JP", system-ui, sans-serif;--bg: #070911;--bg-2: #0d1020;--surface: rgba(16, 20, 36, .68);--surface-strong: rgba(14, 17, 32, .88);--text: #f8f7ff;--muted: #a8aec8;--border: rgba(255, 255, 255, .12);--red: #ff304f;--red-soft: rgba(255, 48, 79, .22);--cyan: #17d9ff;--cyan-soft: rgba(23, 217, 255, .18);--metal: #f8f7ff;--shadow: rgba(0, 0, 0, .42);--radius-xl: 28px;--radius-lg: 22px;--sidebar-width: 292px;--transition: .22s ease}html[data-theme=light]{color-scheme:light;--bg: #f6f8fb;--bg-2: #ffffff;--surface: rgba(255, 255, 255, .78);--surface-strong: rgba(255, 255, 255, .94);--text: #151824;--muted: #556071;--border: rgba(15, 23, 42, .12);--red: #e0183f;--red-soft: rgba(224, 24, 63, .12);--cyan: #00a7c8;--cyan-soft: rgba(0, 167, 200, .12);--metal: #111827;--shadow: rgba(15, 23, 42, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-main);color:var(--text);background:radial-gradient(circle at top left,var(--red-soft),transparent 34%),radial-gradient(circle at 80% 12%,var(--cyan-soft),transparent 32%),linear-gradient(135deg,var(--bg),var(--bg-2));overflow-x:hidden}body::selection{background:var(--red);color:#fff}button,a,input{font:inherit}button,a{transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition),background var(--transition),color var(--transition)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.72}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app-shell{min-height:100vh;display:flex;position:relative}.main-content{width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width);min-height:100vh;padding:26px clamp(18px,3vw,42px) 24px;position:relative;z-index:2}.page-frame{min-height:calc(100vh - 126px)}.page-grid{display:grid;gap:22px}.glass-panel{position:relative;background:linear-gradient(145deg,var(--surface),rgba(255,255,255,.045));border:1px solid var(--border);box-shadow:0 22px 50px var(--shadow),inset 0 1px #ffffff14;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,48,79,.16),transparent 36%,rgba(23,217,255,.12));opacity:.62}.glass-panel>*{position:relative;z-index:1}.background-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.city-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(255,48,79,.08) 50%,rgba(23,217,255,.08) 100%)}.sun-disc{position:absolute;width:440px;height:440px;right:5%;top:6%;border-radius:999px;background:radial-gradient(circle,rgba(255,48,79,.26),rgba(255,48,79,.05) 62%,transparent 70%);filter:blur(2px);animation:pulseSun 8s ease-in-out infinite}.neon-grid{position:absolute;top:42%;right:-10%;bottom:-15%;left:-10%;background-image:linear-gradient(rgba(23,217,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,48,79,.18) 1px,transparent 1px);background-size:72px 72px;transform:perspective(720px) rotateX(58deg);transform-origin:center top;animation:gridMove 18s linear infinite;-webkit-mask-image:linear-gradient(to bottom,transparent,black 22%,black 72%,transparent);mask-image:linear-gradient(to bottom,transparent,black 22%,black 72%,transparent)}.hud-lines{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0 8%,rgba(23,217,255,.1) 8.1%,transparent 8.4% 92%,rgba(255,48,79,.1) 92.2%,transparent 92.5%),repeating-linear-gradient(0deg,transparent 0 42px,rgba(255,255,255,.032) 43px,transparent 44px);opacity:.75}.decor-kanji{position:absolute;font-family:Noto Sans JP,sans-serif;font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(255,48,79,.28);text-shadow:0 0 26px rgba(255,48,79,.18);-webkit-user-select:none;user-select:none}.kanji-one{top:9%;left:34%;font-size:9rem}.kanji-two{bottom:7%;right:6%;font-size:11rem;-webkit-text-stroke-color:rgba(23,217,255,.24)}.kanji-three{bottom:26%;left:8%;font-size:7rem}.sakura-petal{position:absolute;top:-30px;border-radius:80% 0 80% 20%;background:linear-gradient(135deg,#ff7797e6,#ff304f6b);box-shadow:0 0 12px #ff304f4d;animation:petalFall linear infinite}.sidebar{position:fixed;z-index:10;inset:18px auto 18px 18px;width:calc(var(--sidebar-width) - 36px);border-radius:var(--radius-xl);padding:22px;display:flex;flex-direction:column;gap:22px}.sidebar-aura{position:absolute;width:210px;height:210px;border-radius:999px;top:-70px;right:-80px;background:radial-gradient(circle,var(--red-soft),transparent 68%)}.brand-block{display:flex;align-items:center;gap:14px}.brand-logo{width:64px;height:64px;border-radius:18px;object-fit:cover;border:1px solid rgba(255,255,255,.16)}.brand-block strong{display:block;font-size:1.55rem;letter-spacing:.08em;text-transform:uppercase}.brand-block span{display:block;margin-top:-2px;color:var(--cyan);letter-spacing:.18em;font-size:.75rem}.sidebar-nav{display:grid;gap:10px}.nav-item,.icon-button,.theme-toggle,.primary-button,.action-button,.remove-button,.filter-buttons button{border:1px solid var(--border);color:var(--text)}.nav-item{width:100%;min-height:48px;border-radius:18px;background:#ffffff09;display:flex;align-items:center;gap:12px;padding:0 14px;text-align:left;font-size:1.08rem}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,var(--red-soft),var(--cyan-soft));border-color:#ff304f80;box-shadow:0 0 28px #ff304f29;transform:translate(3px)}.sidebar-bottom{margin-top:auto;display:grid;gap:12px}.theme-toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;border-radius:999px;padding:8px 12px;background:#ffffff0b}.theme-toggle:hover{box-shadow:0 0 22px var(--cyan-soft);border-color:#17d9ff75}.theme-toggle.compact{min-height:40px;padding:6px}.theme-toggle-track{width:54px;height:28px;border-radius:999px;background:linear-gradient(90deg,var(--red),var(--cyan));padding:3px;display:inline-flex;align-items:center;justify-content:flex-start}html[data-theme=light] .theme-toggle-track{justify-content:flex-end}.theme-toggle-thumb{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:#070911;color:#fff;box-shadow:0 0 12px #ffffff6b}.mini-link,.footer a,.developer-links a{display:inline-flex;align-items:center;gap:7px}.mini-link{color:var(--muted);font-size:.95rem}.mini-link:hover,.footer a:hover,.developer-links a:hover{color:var(--cyan);transform:translateY(-2px)}.mobile-topbar,.menu-overlay{display:none}.hero-panel,.search-hero,.library-header,.settings-hero{border-radius:var(--radius-xl);padding:clamp(24px,4vw,44px)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;min-height:360px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;font-size:.86rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1}.hero-copy h1,.section-heading h1,.library-header h1,.settings-hero h1,.developer-info h1{font-size:clamp(3rem,8vw,6.8rem);margin:12px 0;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 22px rgba(255,48,79,.42),0 0 38px rgba(23,217,255,.26)}.hero-frase{font-size:clamp(1.25rem,2.8vw,2rem);color:var(--metal);font-weight:700;margin-bottom:14px}.hero-copy p,.search-hero p,.library-header p,.settings-hero p,.settings-card p,.credits-note p,.developer-text{color:var(--muted);font-size:1.06rem;max-width:800px;line-height:1.65}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.hero-tags span,.status-chip{border:1px solid var(--border);color:var(--text);border-radius:999px;padding:7px 12px;background:linear-gradient(90deg,var(--red-soft),var(--cyan-soft))}.hero-logo-orbit{position:relative;display:grid;place-items:center;min-height:290px}.hero-logo-orbit img{width:min(320px,70vw);border-radius:38px;object-fit:cover;filter:drop-shadow(0 0 36px rgba(255,48,79,.38)) drop-shadow(0 0 28px rgba(23,217,255,.28))}.orbit-ring{position:absolute;border-radius:999px;border:1px dashed rgba(23,217,255,.34);animation:rotate 18s linear infinite}.ring-one{width:330px;height:330px}.ring-two{width:250px;height:250px;border-color:#ff304f5c;animation-direction:reverse}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{min-height:150px;border-radius:var(--radius-lg);padding:20px;display:flex;align-items:flex-start;justify-content:space-between}.stat-card span{color:var(--muted)}.stat-card strong{display:block;font-size:3.2rem;margin-top:12px}.stat-card svg{color:var(--cyan);filter:drop-shadow(0 0 10px var(--cyan-soft))}.stat-card em{position:absolute;right:14px;bottom:-12px;font-family:Noto Sans JP,sans-serif;font-style:normal;font-size:5rem;opacity:.1}.accent-red{border-color:#ff304f57}.accent-cyan{border-color:#17d9ff57}.accent-white{border-color:#ffffff3d}.chart-card,.recent-panel,.filter-panel,.empty-state,.loading-panel,.notice-card,.settings-card,.developer-card,.credits-note{border-radius:var(--radius-xl);padding:24px}.dashboard-page{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}.dashboard-page .hero-panel,.dashboard-page .stat-grid{grid-column:1 / -1}.section-heading span{color:var(--cyan);text-transform:uppercase;letter-spacing:.16em;font-weight:700}.section-heading h2,.section-heading h1{margin:8px 0 18px}.section-heading h2{font-size:clamp(1.7rem,3vw,2.5rem)}.chart-wrap{display:grid;place-items:center;gap:10px}.chart-legend{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.chart-legend span{display:inline-flex;align-items:center;gap:7px;color:var(--muted)}.chart-legend i{width:12px;height:12px;border-radius:999px;box-shadow:0 0 12px currentColor}.chart-tooltip{border-radius:16px;padding:12px 14px;display:grid;gap:4px}.chart-tooltip span{color:var(--muted)}.empty-chart{min-height:310px;display:grid;place-items:center;text-align:center;color:var(--muted)}.empty-chart-ring{width:160px;height:160px;border-radius:999px;border:1px dashed rgba(23,217,255,.42);display:grid;place-items:center;font-family:Noto Sans JP,sans-serif;color:var(--red);font-size:4rem;box-shadow:inset 0 0 28px var(--cyan-soft),0 0 34px var(--red-soft)}.recent-list{display:grid;gap:12px}.recent-game{display:flex;align-items:center;gap:14px;padding:10px;border-radius:18px;border:1px solid var(--border);background:#ffffff0a}.recent-game img{width:72px;height:56px;object-fit:cover;border-radius:14px}.recent-game strong,.recent-game span{display:block}.recent-game span{color:var(--muted);margin-top:3px}.search-form{display:flex;gap:12px;align-items:center;margin-top:24px}.input-shell{flex:1;min-height:56px;display:flex;align-items:center;gap:12px;border-radius:18px;border:1px solid var(--border);padding:0 16px;background:#ffffff0e}.input-shell:focus-within,.settings-card input:focus{border-color:#17d9ff94;box-shadow:0 0 28px var(--cyan-soft)}.input-shell input,.settings-card input{width:100%;border:0;outline:none;background:transparent;color:var(--text);font-size:1rem}.input-shell input::placeholder,.settings-card input::placeholder{color:color-mix(in srgb,var(--muted),transparent 20%)}.primary-button,.remove-button{min-height:52px;border-radius:17px;padding:0 18px;display:inline-flex;justify-content:center;align-items:center;gap:9px;background:linear-gradient(135deg,var(--red),#8f1230 48%,var(--cyan));color:#fff;font-weight:700;box-shadow:0 0 26px var(--red-soft)}.primary-button:hover,.remove-button:hover,.action-button:hover,.filter-buttons button:hover{transform:translateY(-2px) scale(1.01)}.notice-card{display:flex;align-items:center;gap:12px;background:var(--surface-strong)}.notice-card.warning{color:#ffd57a;border-color:#ffd57a57}.notice-card.error{color:#ff8fa3;border-color:#ff304f6b}.loading-panel{min-height:190px;display:grid;place-items:center;text-align:center;color:var(--muted)}.loader-emblem{width:82px;height:82px;border-radius:24px;display:grid;place-items:center;font-family:Noto Sans JP,sans-serif;font-size:2.4rem;color:var(--red);border:1px solid rgba(255,48,79,.45);box-shadow:0 0 28px var(--red-soft),inset 0 0 20px var(--cyan-soft);animation:pulseLogo 1.8s ease-in-out infinite}.spin{animation:spin .9s linear infinite}.results-section{display:grid;gap:16px}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.game-card{border-radius:var(--radius-lg);overflow:hidden;min-height:100%}.game-card:hover{border-color:#17d9ff73;box-shadow:0 22px 46px var(--shadow),0 0 28px var(--cyan-soft),inset 0 0 18px #ff304f14}.game-cover{position:relative;height:215px;overflow:hidden;background:#00000014}.game-cover-image,.cover-fallback{width:100%;height:100%}.game-cover-image{display:block;object-fit:cover;object-position:center}.game-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.38) 100%);z-index:1}.cover-fallback{position:relative;z-index:1;display:grid;place-items:center;font-family:Noto Sans JP,sans-serif;font-size:4rem;color:var(--red);background:linear-gradient(135deg,#ff304f40,#17d9ff2e)}.status-chip{position:absolute;left:14px;bottom:14px;z-index:2;font-size:.85rem}.game-body{padding:18px;display:grid;gap:13px}.game-body h3{margin:0;font-size:1.6rem}.game-meta{display:flex;gap:10px;flex-wrap:wrap}.game-meta span,.game-body p{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:1.08rem}.game-body p{margin:0}.action-grid{display:grid;grid-template-columns:1fr;gap:9px}.action-button{min-height:42px;border-radius:14px;background:#ffffff0b;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text);font-weight:700;font-size:1.08rem}.action-button span{font-family:Noto Sans JP,sans-serif;color:var(--cyan)}.action-button.playing{border-color:#ff304f6b}.action-button.completed{border-color:#17d9ff6b}.action-button.wishlist{border-color:#ffffff52}.remove-button{width:100%;background:linear-gradient(135deg,#ff304fe0,#561020e6)}.filter-panel{display:flex;justify-content:space-between;gap:16px;align-items:center}.filter-panel>span{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.filter-buttons{display:flex;gap:10px;flex-wrap:wrap}.filter-buttons button{min-height:42px;border-radius:999px;padding:0 14px;background:#ffffff0b;display:inline-flex;align-items:center;gap:7px;color:var(--text)}.filter-buttons button.active{background:linear-gradient(90deg,var(--red-soft),var(--cyan-soft));border-color:#17d9ff73;box-shadow:0 0 24px var(--cyan-soft)}.filter-buttons strong{font-family:Noto Sans JP,sans-serif}.empty-state{text-align:center;min-height:280px;display:grid;place-items:center;align-content:center;gap:10px}.empty-state.compact{min-height:180px}.kanji-mark{font-family:Noto Sans JP,sans-serif;font-size:4.2rem;color:var(--red);text-shadow:0 0 22px var(--red-soft)}.empty-state h2{margin:0;font-size:2rem}.empty-state p{margin:0;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-card{display:grid;gap:14px}.settings-card-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center}.settings-card-icon.red{color:var(--red);background:var(--red-soft)}.settings-card-icon.cyan{color:var(--cyan);background:var(--cyan-soft)}.settings-card h2{margin:0;font-size:2rem}.settings-card label{color:var(--cyan);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.settings-card input{min-height:52px;border-radius:16px;border:1px solid var(--border);padding:0 14px;background:#ffffff0d}.save-feedback{display:inline-flex;align-items:center;gap:8px;color:#66ffba;font-weight:700}.theme-preview{display:flex;gap:10px;margin-top:8px}.preview-dot{width:50px;height:50px;border-radius:18px;border:1px solid var(--border)}.preview-dot.red{background:var(--red);box-shadow:0 0 20px var(--red-soft)}.preview-dot.cyan{background:var(--cyan);box-shadow:0 0 20px var(--cyan-soft)}.preview-dot.white{background:var(--metal)}.developer-card{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(22px,4vw,48px);min-height:520px}.developer-photo-shell{position:relative;display:grid;place-items:center}.developer-photo{width:min(330px,74vw);aspect-ratio:1 / 1;object-fit:cover;border-radius:42px;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 42px #17d9ff38,0 0 52px #ff304f2e}.developer-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.developer-links a{min-height:46px;border-radius:999px;padding:0 16px;border:1px solid var(--border);background:#ffffff0d;font-weight:700}.credits-note{display:grid;gap:8px}.footer{margin-top:24px;border-radius:22px;padding:16px 20px;display:flex;justify-content:space-between;gap:14px;align-items:center;color:var(--muted)}.footer nav{display:flex;flex-wrap:wrap;gap:14px}.footer strong{color:var(--text)}.toast{position:fixed;z-index:30;right:24px;bottom:24px;max-width:min(420px,calc(100% - 32px));min-height:56px;border-radius:18px;padding:14px 16px;display:flex;align-items:center;gap:12px;background:var(--surface-strong);border:1px solid rgba(23,217,255,.35);box-shadow:0 20px 45px var(--shadow),0 0 26px var(--cyan-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.toast-error{border-color:#ff304f73}.toast-orb{width:12px;height:12px;border-radius:999px;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}@keyframes petalFall{0%{transform:translate3d(0,-5vh,0) rotate(0);opacity:0}10%{opacity:.9}to{transform:translate3d(120px,110vh,0) rotate(420deg);opacity:0}}@keyframes gridMove{0%{background-position:0 0}to{background-position:0 144px}}@keyframes pulseSun{0%,to{transform:scale(1);opacity:.72}50%{transform:scale(1.08);opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseLogo{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes spin{to{transform:rotate(360deg)}}html[data-theme=light] .glass-panel{background:linear-gradient(145deg,#ffffffd1,#ffffff94)}html[data-theme=light] body{background:radial-gradient(circle at 12% 10%,rgba(224,24,63,.12),transparent 33%),radial-gradient(circle at 88% 12%,rgba(0,167,200,.13),transparent 34%),linear-gradient(135deg,#f5f7fb,#fff)}html[data-theme=light] .game-cover:after{background:linear-gradient(180deg,transparent 38%,rgba(255,255,255,.86))}html[data-theme=light] .decor-kanji{opacity:.55}@media (max-width: 1180px){.dashboard-page{grid-template-columns:1fr}.stat-grid,.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 920px){:root{--sidebar-width: 0px}.mobile-topbar{position:fixed;display:flex;z-index:20;left:12px;right:12px;top:12px;min-height:62px;border-radius:22px;align-items:center;justify-content:space-between;padding:9px 12px}.mobile-brand{display:inline-flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mobile-brand img{width:42px;height:42px;border-radius:14px}.icon-button{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#ffffff0d}.main-content{width:100%;margin-left:0;padding-top:92px}.sidebar{transform:translate(calc(-100% - 40px));transition:transform .28s ease;inset:84px auto 14px 12px;width:min(320px,calc(100vw - 24px))}.sidebar.is-open{transform:translate(0)}.menu-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;border:0;background:#0000007a}.sidebar-bottom .theme-toggle{display:none}.hero-grid,.developer-card,.settings-grid{grid-template-columns:1fr}.hero-logo-orbit{order:-1}.filter-panel,.footer{align-items:flex-start;flex-direction:column}}@media (max-width: 640px){.main-content{padding-inline:12px}.hero-panel,.search-hero,.library-header,.settings-hero,.chart-card,.recent-panel,.filter-panel,.empty-state,.loading-panel,.notice-card,.settings-card,.developer-card,.credits-note{padding:18px;border-radius:22px}.hero-copy h1,.section-heading h1,.library-header h1,.settings-hero h1,.developer-info h1{font-size:clamp(2.55rem,14vw,4.2rem)}.stat-grid,.games-grid{grid-template-columns:1fr}.search-form{flex-direction:column;align-items:stretch}.input-shell,.primary-button{width:100%}.hero-logo-orbit{min-height:220px}.hero-logo-orbit img{width:230px;border-radius:28px}.ring-one{width:245px;height:245px}.ring-two{width:190px;height:190px}.game-cover{height:205px}.toast{right:12px;bottom:12px}.kanji-one,.kanji-two,.kanji-three{font-size:5rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.bg-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.4) saturate(2.4);z-index:0;pointer-events:none}.bg-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle at top left,rgba(255,48,79,.25),transparent 35%),radial-gradient(circle at 80% 20%,rgba(23,217,255,.22),transparent 38%),linear-gradient(135deg,#070911d1,#0d1020c7)}.city-glow,.sun-disc,.neon-grid,.hud-lines,.decor-kanji,.sakura-petal{z-index:2}