@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap";body,html{background-color:#0f172a}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden}body{background-color:#f0f0f0}.centered{height:100vh;display:flex;justify-content:center;align-items:center;font-size:64px;font-weight:700}.page-transition-wrapper{animation:fadeIn .15s ease-in-out}.page-transition-wrapper.fadeOut{animation:fadeOut .15s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.name-fields-container{display:flex;gap:10px;margin-bottom:15px}.name-input{flex:1;padding:12px 15px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background-color:#0f172a99;color:#fff;font-size:14px;box-sizing:border-box}@media (max-width: 480px){.name-fields-container{flex-direction:column}}@media (min-width: 768px){.name-input{max-width:185px;flex:none}}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes growShrink{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.3)}}.spinner-loader{width:32px;height:32px;border:3px solid rgba(255,255,255,.15);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}@keyframes moveGradient{0%{transform:translate(0)}to{transform:translate(20%,20%)}}@keyframes moveGradientReversed{0%{transform:translate(0)}to{transform:translate(-20%,-20%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}input::placeholder,textarea::placeholder{color:#94a3b8}input:focus,textarea:focus,select:focus{outline:none;border-color:#8b5cf6!important;box-shadow:0 0 0 2px #8b5cf64d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#8b5cf699;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b5cf6cc}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .15s ease}.modal-content{background-color:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:25px;border-radius:16px;width:380px;max-width:90vw;max-height:90vh;margin:auto;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1);color:#fff;overflow:auto;animation:modalPop .2s ease}.input-field{width:100%;box-sizing:border-box;padding:12px 15px;margin-bottom:15px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background-color:#0f172a99;color:#fff;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.select-field{width:100%;padding:12px 15px;margin-bottom:15px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background-color:#0f172acc;color:#fff;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.btn-primary{padding:12px 20px;border-radius:8px;border:none;background:linear-gradient(90deg,#7c3aed,#6366f1);color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #7c3aed4d}.btn-secondary{padding:12px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff1a;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger{padding:12px 20px;border-radius:8px;border:none;background:linear-gradient(90deg,#ef4444,#dc2626);color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #ef44444d}.btn-success{padding:12px 20px;border-radius:8px;border:none;background:linear-gradient(90deg,#10b981,#059669);color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #10b9814d}.btn-warning{padding:12px 20px;border-radius:8px;border:none;background:linear-gradient(90deg,#f59e0b,#d97706);color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #f59e0b4d}.btn-blue{padding:12px 20px;border-radius:8px;border:none;background:linear-gradient(90deg,#3b82f6,#2563eb);color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #3b82f64d}.btn-primary:hover,.btn-secondary:hover,.btn-danger:hover,.btn-success:hover,.btn-warning:hover,.btn-blue:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn-primary:active,.btn-secondary:active,.btn-danger:active,.btn-success:active,.btn-warning:active,.btn-blue:active{transform:translateY(0);filter:brightness(.95)}.drag-handle{cursor:grab;color:#94a3b8;display:flex;align-items:center;justify-content:center;padding:10px;font-size:1.2rem;transition:color .2s;touch-action:none}.drag-handle:hover{color:#fff}.drag-handle:active{cursor:grabbing;transform:scale(1.1)}.row-actions{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;width:100%}.action-btn{background:none;cursor:pointer;font-size:1.1rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;padding:0!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:6px!important}.action-btn:hover{background-color:#ffffff1a;transform:scale(1.08)}.action-btn:active{transform:scale(.95)}.action-btn.edit{color:#3b82f6}.action-btn.edit:hover{background-color:#3b82f626;color:#60a5fa;border-color:#3b82f666!important}.action-btn.delete{color:#ef4444}.action-btn.delete:hover{background-color:#ef444426;color:#f87171;border-color:#ef444466!important}tbody tr{animation:fadeInUp .25s ease}tbody tr:hover{transform:translateY(-2px)}@media (max-width: 768px){.modal-overlay{padding:10px}.modal-content{max-height:80vh}table,thead,tbody,th,td,tr{display:block}thead tr{position:absolute;top:-9999px;left:-9999px}tbody tr{margin-bottom:20px;position:relative}tbody tr:hover{transform:none;box-shadow:0 4px 6px #0000001a}td{border:none;position:relative;padding:10px 10px 10px 100px;text-align:left}td:before{position:absolute;top:50%;left:10px;transform:translateY(-50%);width:90px;padding-right:10px;white-space:nowrap;font-weight:700;color:#94a3b8}td:nth-of-type(2){padding-left:10px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}td:nth-of-type(2):before{content:""}.drag-handle-cell{position:absolute;top:10px;right:10px;padding:0!important;width:auto!important;z-index:2}.row-actions-cell{padding:10px!important;display:none;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.05)}.row-actions-cell:before{content:""!important}.drag-handle-cell:before{content:""!important}}:root{--bg: #0b1120;--bg-alt: #0e1526;--surface: #121a2e;--surface-hover: #16203a;--border: #232e48;--border-strong: #33456b;--text: #e9ecf3;--text-muted: #9aa3ba;--text-faint: #5c6685;--accent: #e3a857;--accent-dim: #b9873f;--accent-soft: rgba(227, 168, 87, .12);--live: #4ade80;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--container: 1180px;--pad-inline: clamp(1.25rem, 4vw, 3rem);--font-display: "Space Grotesk", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--ease: cubic-bezier(.22, .61, .36, 1);--dur: .5s}html{scroll-behavior:smooth}body{margin:0;padding:0}img,video{display:block;max-width:100%}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit}.page{background-color:var(--bg);background-image:radial-gradient(ellipse 900px 500px at 15% -10%,rgba(227,168,87,.08),transparent 60%),radial-gradient(ellipse 700px 500px at 100% 10%,rgba(95,130,190,.07),transparent 55%);color:var(--text);font-family:var(--font-body);line-height:1.6;min-height:100vh;position:relative}.container{max-width:var(--container);margin:0 auto;padding-left:var(--pad-inline);padding-right:var(--pad-inline)}.eyebrow{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 .85rem;display:flex;align-items:center;gap:.6rem}.eyebrow:before{content:"";width:.4rem;height:.4rem;background:var(--accent);border-radius:1px;flex-shrink:0}.section-head{max-width:640px;margin-bottom:3rem}.section-title{font-family:var(--font-display);font-weight:600;font-size:clamp(1.6rem,1.1rem + 1.8vw,2.35rem);line-height:1.2;margin:0;color:var(--text)}.section{padding:clamp(4rem,6vw,6.5rem) 0}.section--alt{background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1.35rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;font-family:var(--font-body);border:1px solid transparent;cursor:pointer;transition:transform .25s var(--ease),background-color .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease);white-space:nowrap}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:#1a1305;border-color:var(--accent)}.btn--primary:hover{background:#efb96a;transform:translateY(-2px)}.btn--outline{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn--outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.btn--ghost{background:transparent;color:var(--text-muted);border-color:var(--border);padding:.5rem 1rem;font-size:.85rem}.btn--ghost:hover{color:var(--accent);border-color:var(--accent)}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:var(--accent);transform-origin:left;transform:scaleX(0);z-index:100}.nav{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;background:#0b1120bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background-color .3s var(--ease),border-color .3s var(--ease)}.nav:after{content:"";position:absolute;top:100%;left:0;right:0;height:150px;pointer-events:none;background:linear-gradient(to bottom,rgba(11,17,32,.75) 0%,rgba(11,17,32,.55) 20%,rgba(11,17,32,.32) 40%,rgba(11,17,32,.16) 60%,rgba(11,17,32,.06) 80%,rgba(11,17,32,.015) 92%,transparent 100%);transition:opacity .3s var(--ease)}.nav--scrolled{background:#0b1120fa;border-bottom-color:var(--border)}.nav--scrolled:after{background:linear-gradient(to bottom,rgba(11,17,32,.98) 0%,rgba(11,17,32,.75) 20%,rgba(11,17,32,.45) 40%,rgba(11,17,32,.22) 60%,rgba(11,17,32,.08) 80%,rgba(11,17,32,.02) 92%,transparent 100%)}.nav__inner{display:flex;align-items:center;justify-content:space-between;padding-top:1.1rem;padding-bottom:1.1rem}.nav__logo{font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:.02em}.nav__logo-dot{color:var(--accent)}.nav__links{display:flex;align-items:center;gap:2rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.nav__links a{color:var(--text-muted);position:relative;padding-bottom:.3rem;transition:color .25s var(--ease)}.nav__links a:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--accent);transition:width .25s var(--ease)}.nav__links a:hover,.nav__links a.is-active{color:var(--text)}.nav__links a:hover:after,.nav__links a.is-active:after{width:100%}.nav__resume{display:inline-flex;padding:.55rem}.nav__resume-label{display:none}@media (min-width: 640px){.nav__resume{padding:.5rem 1rem}.nav__resume-label{display:inline}}.hero{padding-top:clamp(3rem,6vw,5rem);padding-bottom:0;position:relative;overflow:hidden}.hero__inner{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;padding-bottom:clamp(3rem,5vw,4.5rem)}@media (min-width: 900px){.hero__inner{grid-template-columns:1.35fr .65fr}}.hero__title{font-family:var(--font-display);font-weight:600;font-size:clamp(2.1rem,1.3rem + 3.2vw,3.4rem);line-height:1.15;letter-spacing:-.01em;margin:0 0 1.5rem;max-width:18ch}.hero__title-accent{color:var(--accent)}.hero__bio{color:var(--text-muted);font-size:1rem;max-width:52ch;margin:0 0 2rem}.hero__actions{display:flex;flex-wrap:wrap;gap:.85rem}.hero__portrait{justify-self:center;width:min(240px,60vw)}.hero__portrait-frame{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background:var(--surface);border:1px solid var(--border-strong)}.hero__portrait-frame:before,.hero__portrait-frame:after{content:"";position:absolute;width:22px;height:22px;border:2px solid var(--accent);z-index:2}.hero__portrait-frame:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.hero__portrait-frame:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.hero__portrait-frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(35%) contrast(1.05)}.hero__portrait-fallback{display:none;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--accent);background:var(--surface)}.stat-strip{display:flex;flex-wrap:wrap;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stat-strip__item{flex:1 1 45%;padding:1.5rem clamp(1rem,3vw,2rem);border-left:1px solid var(--border);display:flex;flex-direction:column;gap:.35rem}.stat-strip__item:first-child,.stat-strip__item:nth-child(odd){border-left:none}@media (min-width: 720px){.stat-strip__item{flex:1 1 0;border-left:1px solid var(--border)}.stat-strip__item:first-child{border-left:none}.stat-strip__item:nth-child(odd){border-left:1px solid var(--border)}}.stat-strip__value{font-family:var(--font-mono);font-size:clamp(1.35rem,1rem + 1vw,1.75rem);font-weight:600;color:var(--accent)}.stat-strip__label{font-size:.8rem;color:var(--text-muted);line-height:1.4}.stack{padding:clamp(2.5rem,4vw,3.5rem) 0;border-bottom:1px solid var(--border)}.stack__inner{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(1.5rem,3vw,2.75rem)}.stack__item{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-faint);transition:color .25s var(--ease),transform .25s var(--ease)}.stack__item:hover{color:var(--accent);transform:translateY(-3px)}.stack__icon{font-size:1.6rem;line-height:1;display:flex}.stack__label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.04em;text-transform:uppercase}.featured-list{display:flex;flex-direction:column;gap:clamp(2.5rem,4vw,3.5rem)}.featured-card{display:grid;grid-template-columns:1fr;gap:1.75rem;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);transition:border-color .3s var(--ease),transform .3s var(--ease)}.featured-card:hover{border-color:var(--border-strong);transform:translateY(-3px)}@media (min-width: 860px){.featured-card{grid-template-columns:1.1fr 1fr;gap:0}.featured-card--reverse{grid-template-columns:1fr 1.1fr}.featured-card--reverse .featured-card__media{order:2}}.featured-card__media{position:relative;background:var(--bg-alt);min-height:220px}.featured-card__media img,.featured-card__media video{width:100%;height:100%;min-height:220px;object-fit:cover}.media-fallback{position:relative;width:100%;height:100%;min-height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0px,rgba(255,255,255,.035) 1px,transparent 1px,transparent 16px),radial-gradient(circle at 25% 20%,var(--accent-soft),transparent 60%),var(--surface)}.media-fallback__mark{font-family:var(--font-display);font-size:6.5rem;font-weight:700;color:transparent;-webkit-text-stroke:1.5px var(--border-strong)}.featured-card__body{padding:clamp(1.5rem,3vw,2.25rem);display:flex;flex-direction:column;justify-content:center;position:relative}.featured-card__index{position:absolute;top:1.25rem;right:1.5rem;font-family:var(--font-mono);font-size:.75rem;color:var(--text-faint);letter-spacing:.08em}.featured-card__title{font-family:var(--font-display);font-size:1.4rem;font-weight:600;margin:0 0 .6rem}.featured-card__metric{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin:0 0 .9rem}.featured-card__desc{color:var(--text-muted);font-size:.92rem;margin:0 0 1.1rem}.tag-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.1rem}.tag{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);background:#ffffff08;border:1px solid var(--border);border-radius:999px;padding:.25rem .65rem}.tag-row--sm .tag{font-size:.66rem;padding:.2rem .55rem}.featured-card__actions{display:flex;align-items:center;gap:1.5rem;margin-top:auto}.status-dot{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.status-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px #4ade8026}.link-arrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--text);position:relative}.link-arrow:after{content:"";position:absolute;left:0;bottom:-3px;height:1px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .25s var(--ease)}.link-arrow:hover{color:var(--accent)}.link-arrow:hover:after{transform:scaleX(1);transform-origin:left}.link-arrow svg{font-size:.75rem}.log{border-top:1px solid var(--border)}.log__row{display:flex;align-items:flex-start;gap:1.5rem;padding:1.75rem 0;border-bottom:1px solid var(--border);transition:background-color .25s var(--ease)}.log__row:hover{background:#ffffff04}.log__index{font-family:var(--font-mono);font-size:.8rem;color:var(--text-faint);padding-top:.2rem;flex-shrink:0;width:2.2rem}.log__main{flex:1 1 auto;min-width:0}.log__main h3{font-family:var(--font-display);font-size:1.05rem;font-weight:600;margin:0 0 .4rem}.log__main p{color:var(--text-muted);font-size:.88rem;margin:0 0 .75rem;max-width:62ch}.log__actions{display:flex;align-items:center;gap:1.25rem;flex-shrink:0;padding-top:.2rem}.log__download-group,.log__live-group{display:flex;flex-direction:column;align-items:center;gap:.35rem}.log__info-icon{position:relative;display:inline-flex;color:var(--text-faint);font-size:.8rem;cursor:pointer;transition:color .2s var(--ease)}.log__info-icon[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + .6rem);left:50%;transform:translate(-50%);width:max-content;max-width:16rem;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:.78rem;line-height:1.4;text-align:center;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;z-index:20;transition:opacity .15s var(--ease)}.log__info-icon[data-tooltip]:hover:after,.log__info-icon[data-tooltip]:focus-visible:after{opacity:1;visibility:visible}@media (max-width: 900px){.log__info-icon[data-tooltip]:after{left:auto;right:-2.5rem;transform:none}}.log__info-icon--spacer{visibility:hidden;cursor:default}.log__info-icon:hover{color:var(--text-muted)}@media (max-width: 640px){.log__row{flex-wrap:wrap}.log__actions{padding-left:3.7rem}.log__download-group{display:none}.hero__actions{flex-wrap:nowrap;gap:.5rem}.hero__actions .btn{flex:1 1 0;justify-content:center;padding:.6rem .4rem;font-size:.78rem;gap:.3rem}.nav__inner{position:relative}.nav__links{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);gap:1.25rem}}.timeline{position:relative;padding-left:1.75rem;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:2.5rem}.timeline__item{position:relative}.timeline__marker{position:absolute;left:-2.28rem;top:.35rem;width:10px;height:10px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}.timeline__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1.5rem;margin-bottom:.3rem}.timeline__head h3{font-family:var(--font-display);font-size:1.15rem;font-weight:600;margin:0}.timeline__date{font-family:var(--font-mono);font-size:.75rem;color:var(--text-faint);white-space:nowrap}.timeline__company{font-size:.88rem;color:var(--accent);font-weight:500;margin:0 0 1rem}.timeline__item ul{display:flex;flex-direction:column;gap:.6rem}.timeline__item li{position:relative;padding-left:1.1rem;color:var(--text-muted);font-size:.9rem}.timeline__item li:before{content:"";position:absolute;left:0;top:.55rem;width:5px;height:5px;background:var(--border-strong)}.contact__inner{text-align:left;max-width:640px}.contact .section-title{margin-bottom:1rem}.contact__text{color:var(--text-muted);margin:0 0 2rem;max-width:56ch}.contact__actions{justify-content:center}.footer{border-top:1px solid var(--border);padding:2.5rem 0}.footer__inner{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.footer__social{display:flex;gap:1.5rem}.footer__social a{font-size:1.25rem;color:var(--text-muted);transition:color .25s var(--ease),transform .25s var(--ease)}.footer__social a:hover{color:var(--accent);transform:translateY(-2px)}.footer__copy{font-size:.8rem;color:var(--text-faint)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay{animation:fadeIn .3s ease-out;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reset-modal{max-width:400px;width:90%;padding:40px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#1e293be6,#0f172ae6)!important;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;border-radius:24px}.reset-modal .input-group{width:100%;display:flex;flex-direction:column;gap:15px;margin:20px 0}.password-reset-fields{display:flex;flex-direction:column;gap:15px;width:100%}.reset-modal .login-input{width:100%;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;padding:14px 16px!important;border-radius:12px!important;font-size:15px!important;transition:all .3s ease}.reset-modal .login-input:focus{outline:none;background:#ffffff14!important;border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444433}.reset-modal .login-input::placeholder{color:#64748b!important}.otp-input{text-align:center;letter-spacing:12px;font-size:24px;font-weight:700;color:#ef4444!important}.button-group{display:flex;gap:15px;width:100%;margin-top:10px}.reset-submit-btn{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;color:#fff!important;border:none!important;box-shadow:0 4px 15px #ef44444d!important;font-weight:700!important;flex:1;padding:14px 24px!important;border-radius:12px!important;cursor:pointer;transition:all .3s ease!important}.reset-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466!important;filter:brightness(1.1)}.cancel-btn{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.2)!important;color:#94a3b8!important;flex:1;padding:14px 24px!important;border-radius:12px!important;cursor:pointer;transition:all .3s ease!important}.cancel-btn:hover{background:#ffffff1a!important;color:#fff!important}.success-message{background:#10b9811a;padding:12px;border-radius:12px;border:1px solid rgba(16,185,129,.2);color:#10b981;text-align:center;font-size:13px;margin:15px 0;width:100%}.error-message{color:#f87171;background:#ef44441a;padding:10px;border-radius:8px;border:1px solid rgba(239,68,68,.2);font-size:13px;margin:10px 0;text-align:center;width:100%}.toggle-auth{color:#64748b;font-size:14px;text-align:center;margin-top:20px}.toggle-auth span{color:#ef4444;font-weight:600;cursor:pointer;transition:all .2s ease}.toggle-auth span:hover{color:#f87171;text-decoration:underline}.dashboard-container{position:relative;min-height:98vh;background-color:#0c0c1b;background:linear-gradient(145deg,#0c0c1b,#171b30,#0c0c1b);overflow-x:hidden;padding:20px;color:#fff}.dashboard-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.bg-circle-red{position:absolute;top:10%;right:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(239,68,68,.25) 0%,transparent 70%);animation:float 8s ease-in-out infinite;pointer-events:none;z-index:0}.bg-circle-green{position:absolute;bottom:5%;left:-100px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.2) 0%,transparent 70%);animation:float 10s ease-in-out infinite;animation-delay:1s;pointer-events:none;z-index:0}.bg-circle-blue{position:absolute;top:50%;right:50%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);animation:float 12s ease-in-out infinite;animation-delay:3s;pointer-events:none;z-index:0;transform:translate(50%,-50%)}.stats-btn{padding:12px 20px;border-radius:8px;border:none;background:linear-gradient(90deg,#4299e1,#3182ce);color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #4299e14d;display:flex;align-items:center;gap:8px;flex-shrink:0}.stats-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #4299e166}.betting-btn{padding:12px 20px;border-radius:8px;border:none;background:linear-gradient(90deg,#84cc16,#65a30d);color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #84cc164d;display:flex;align-items:center;gap:8px;flex-shrink:0}.betting-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #84cc1666}.header-actions{display:flex;flex-direction:column;gap:15px;max-width:600px;margin-left:auto;margin-right:auto;align-items:center;margin-bottom:30px}.button-group{display:flex;flex-direction:row;gap:15px;justify-content:center;align-items:center;width:100%}.stats-btn-wrapper{width:100%;text-align:center}.dashboard-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding-top:20px}.main-dashboard-title{text-align:center;font-size:2.5rem;margin-bottom:30px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.3)}.main-dashboard-title span{color:#ef4444}.search-container{position:relative;margin-bottom:30px;max-width:500px;margin-left:auto;margin-right:auto}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#94a3b8;z-index:2}.search-input{width:100%;padding:12px 15px 12px 45px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background-color:#0f172a99;color:#fff;font-size:14px;box-sizing:border-box}.search-input:focus{outline:none;border-color:#ef4444}.dashboard-section{margin-bottom:40px}.section-title{font-size:1.8rem;margin-bottom:20px;color:#fff;font-weight:600;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.games-list{display:flex;flex-direction:column;gap:15px}.game-card{background-color:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 8px 16px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.game-card:hover{transform:translateY(-2px);box-shadow:0 12px 20px #0003}.game-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;cursor:pointer;transition:background-color .2s ease}.game-header:hover{background-color:#ffffff0d}.game-info h3{margin:0 0 5px;font-size:1.2rem;color:#fff}.game-info p{margin:0;color:#94a3b8;font-size:.9rem}.game-actions{display:flex;align-items:center;gap:10px}.edit-btn{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#ef4444;border-radius:6px;width:40px;height:40px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.edit-btn:hover{background:#ef44444d}.delete-btn{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:10px;cursor:pointer;transition:background-color .2s ease;font-size:1rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.delete-btn:hover{background:#dc2626}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000}.delete-modal-card{background-color:#171b30;padding:30px;border-radius:12px;box-shadow:0 8px 30px #0009;max-width:400px;width:90%;display:flex;flex-direction:column;gap:18px;border:1px solid #2C334D;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-title{margin:0;color:#ef4444;font-size:1.6rem;font-weight:700}.modal-text{margin:0;color:#94a3b8;font-size:1rem}.game-title-to-delete{color:#e0e0e0;font-weight:600;font-size:1.1rem;padding:10px;background-color:#0a0f1b;border-radius:6px}.password-input{padding:12px;border-radius:6px;border:1px solid #475569;background-color:#0a0f1b;color:#e0e0e0;font-size:1rem;transition:border-color .2s}.password-input:focus{outline:none;border-color:#1a49e2}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:10px}.modal-btn-cancel,.modal-btn-delete{padding:10px 20px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.modal-btn-cancel{background:#475569;color:#fff}.modal-btn-cancel:hover{opacity:.9}.modal-btn-delete{background:#ef4444;color:#fff}.modal-btn-delete:hover:not(:disabled){background:#dc2626}.modal-btn-delete:disabled{background:#373c4d;cursor:not-allowed}.toggle-arrow{transition:transform .3s ease;color:#94a3b8}.toggle-arrow.open{transform:rotate(180deg)}.game-stats{padding:1rem 0;overflow:hidden;border-top:1px solid rgba(255,255,255,.1);background-color:#0f172a4d}.game-stats h4{margin:0 0 15px;color:#fff;font-size:1.1rem}.stats-table{display:flex;flex-direction:column;gap:10px;width:100%;overflow-x:auto;max-height:unset;overflow-y:unset}.stats-header,.stats-row{display:grid;grid-template-columns:2fr repeat(9,1fr);gap:10px;padding:8px 0;min-width:1050px;width:100%;box-sizing:border-box}.stats-header{font-weight:600;color:#94a3b8;border-bottom:1px solid rgba(255,255,255,.1)}.stats-row{color:#fff}.stats-row:nth-child(2n){background-color:#ffffff08}.no-games{text-align:center;padding:30px;color:#94a3b8}.averages-container{display:grid;grid-template-columns:1fr;gap:20px}.mui-stats-table{min-width:900px;border-collapse:separate;border-spacing:0}.game-stats{max-height:0!important;overflow:hidden;opacity:0;padding:0 10px;transition:max-height 1s ease-in-out,opacity .7s ease-in-out,padding .7s ease-in-out}.game-stats>*{margin-top:0!important;margin-bottom:0!important}.game-stats.open{max-height:5000px!important;opacity:1;padding:10px}.game-stats.open>h4{margin-top:0!important;margin-bottom:15px!important}.game-stats.open .mui-table-container{margin:15px 0 0!important}.average-type{background-color:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:20px;box-shadow:0 8px 16px #0000001a}.average-type h3{margin:0 0 15px;color:#fff;font-size:1.2rem;display:flex;align-items:center;gap:8px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}@media (min-width: 480px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-item{background-color:#0f172a66;border-radius:8px;padding:15px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.stats-grid .stat-value{display:block;font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:5px;text-align:center;font-family:inherit;white-space:normal}.stats-grid .stat-label{display:block;font-size:.9rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;text-align:center;font-weight:400;white-space:normal}.create-game-section{display:flex;justify-content:center;margin-top:30px}.create-game-btn{padding:12px 24px;border-radius:8px;border:none;background:linear-gradient(90deg,#ef4444,#f97316);color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #ef44444d;display:flex;align-items:center;gap:8px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-left-color:#ef4444;border-radius:50%;animation:spin 1s linear infinite;margin:100px auto}.games-section-header{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.season-filter-select{background-color:#1e2235;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:8px 12px;font-size:.9rem;cursor:pointer;outline:none;transition:border-color .2s}.season-filter-select:hover,.season-filter-select:focus{border-color:#fff6}.season-filter-select option{background-color:#1e2235}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.header-actions{max-width:100%;width:100%;flex-direction:column;align-items:center}.search-container,.stats-btn-wrapper{width:100%;text-align:center}.button-group{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:15px;width:100%}.stats-btn,.betting-btn{width:auto;max-width:none;justify-content:center}.averages-container{grid-template-columns:1fr}.dashboard-container{padding:15px}.dashboard-title{font-size:2rem}.section-title{font-size:1.5rem}.stats-header,.stats-row{grid-template-columns:2fr repeat(9,1fr);gap:5px;font-size:.8rem;min-width:900px}.bg-circle-red,.bg-circle-green,.bg-circle-blue{display:none}.green-btn{padding:12px 24px;border-radius:8px;border:none;background:linear-gradient(90deg,#22c55e,#16a34a);color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #22c55e4d;display:flex;align-items:center;gap:8px;margin-left:10px}.green-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #22c55e66}}*{box-sizing:border-box}html,body{overflow-x:hidden;width:100%;position:relative}.create-game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.create-game-btn{display:flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;border:none;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;background:linear-gradient(90deg,#ef4444,#f97316);color:#fff;box-shadow:0 4px 6px #ef44444d}.create-game-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #ef444466}.create-game-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none;background:#6b7280}.back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:6px;padding:10px 15px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.back-button:hover{background:#fff3}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--color-text-light, #e0e0e0);font-size:.95rem}.form-control,.form-control-select{width:100%;padding:12px 15px;border-radius:8px;border:1px solid var(--color-mid-court, #2c334d);background-color:var(--color-mid-court, #1f253e);color:var(--color-text-light, #e0e0e0);font-size:16px;box-shadow:inset 0 1px 3px #0006;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control-select{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="%2394A3B8"><path d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"/></svg>');background-repeat:no-repeat;background-position:right 15px center;background-size:1em;padding-right:40px;cursor:pointer}.form-control:focus,.form-control-select:focus{border-color:#4caf50;outline:none;box-shadow:0 0 0 3px #4caf504d}.form-control-select option{background-color:var(--color-mid-court, #171b30);color:var(--color-text-light, #e0e0e0);padding:8px 15px}.form-helper-text{font-size:.85rem;color:var(--color-text-muted, #94a3b8);margin-top:10px;margin-bottom:20px}.step-indicator{background:#ffffff1a;border-radius:20px;padding:8px 16px;color:#94a3b8;font-size:.9rem}.create-game-form{flex-grow:1;background-color:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:25px;box-shadow:0 8px 16px #0000001a;margin-bottom:30px;width:100%;box-sizing:border-box;overflow-x:hidden}.create-game-step{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-title{font-size:1.5rem;margin:0 0 15px;color:#fff;font-weight:600}.step-subtitle{color:#94a3b8;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#fff;font-weight:500}.form-input{width:100%;padding:12px 15px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background-color:#0f172a99;color:#fff;font-size:14px;box-sizing:border-box}.form-input:focus{outline:none;border-color:#ef4444}.game-type-buttons{display:flex;gap:10px}.game-type-btn{flex:1;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background-color:#0f172a99;color:#94a3b8;font-size:14px;cursor:pointer;transition:all .2s ease}.game-type-btn.active{background:#ef444433;border-color:#ef444480;color:#ef4444}.selected-players,.available-players{margin-top:25px}.selected-players h4,.available-players h4{color:#fff;margin:0 0 15px;font-size:1.1rem}.players-list{display:flex;flex-direction:column;gap:10px}.player-tag{display:inline-flex;align-items:center;background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.5);border-radius:20px;padding:6px 12px;margin:0 10px 10px 0;font-size:.9rem}.remove-player-btn{background:none;border:none;color:#22c55e;margin-left:8px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.player-card{display:flex;justify-content:space-between;align-items:center;background-color:#0f172a66;border-radius:8px;padding:15px;transition:all .2s ease}.player-card:hover{background-color:#0f172a99}.player-card.selected{background-color:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.player-info h5{margin:0 0 5px;color:#fff;font-size:1rem}.player-info p{margin:0;color:#94a3b8;font-size:.85rem}.add-player-btn{background:#22c55e33;border:1px solid rgba(34,197,94,.5);color:#22c55e;border-radius:6px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.add-player-btn:hover:not(:disabled){background:#22c55e4d}.add-player-btn:disabled{opacity:.5;cursor:not-allowed}.no-players-text{color:#94a3b8;text-align:center;padding:20px}.game-review{background-color:#0f172a66;border-radius:8px;padding:20px}.review-item{display:flex;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.review-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.review-label{font-weight:600;color:#fff;min-width:120px}.review-value{color:#94a3b8}.players-review-list{display:flex;flex-direction:column;gap:8px}.player-review-item{background:#ffffff0d;padding:8px 12px;border-radius:6px;color:#94a3b8}.form-navigation{display:flex;justify-content:space-between;margin-top:30px}.nav-button{padding:12px 24px;border-radius:8px;border:none;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.prev-button{background:#ffffff1a;color:#fff}.prev-button:hover{background:#fff3}.next-button{background:linear-gradient(90deg,#ef4444,#f97316);color:#fff;box-shadow:0 4px 6px #ef44444d}.next-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #ef444466}@media (max-width: 768px){.create-game-header{flex-direction:column;align-items:flex-start}.create-game-form{padding:15px}.game-type-buttons{flex-direction:column}.review-item{flex-direction:column;gap:5px}.review-label{min-width:auto}.form-navigation{flex-direction:column;gap:10px}.nav-button{width:100%;justify-content:center}}body{background-color:#121212;color:#e0e0e0;font-family:Inter,sans-serif}.save-game-btn{padding:12px 20px;font-size:1.1em;font-weight:700;color:#fff;background-color:#007bff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease,transform .1s ease;margin-bottom:20px;width:100%;box-shadow:0 4px 6px #0000001a}.save-game-btn:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.save-game-btn:disabled{background-color:#a0a0a0;cursor:not-allowed;box-shadow:none}.scorekeeper-content{display:flex;flex-direction:column;gap:2rem;max-width:1300px;margin:0 auto;padding:1.5rem 1.5rem 4rem}.section-title{color:#ffffffde;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;text-align:center;position:relative;letter-spacing:.5px}.section-title:after{content:"";display:block;width:50px;height:4px;background-color:#4299e1;margin:8px auto 0;border-radius:2px}.scoreboard-container,.action-buttons-container,.player-selection-container,.stats-table-container{background:#0000007c;border-radius:16px;padding:2rem;box-shadow:0 10px 25px #00000026,0 3px 6px #00000014;transition:transform .3s ease-in-out;align-self:center;width:100%}.scoreboard-container{border:4px solid #4299e1}.scoreboard{display:flex;justify-content:center;align-items:center;gap:3rem;margin-bottom:1.5rem}.team-score{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px;min-width:150px}.team-name{font-size:1.5rem;font-weight:700;color:#ffffffde;margin-top:0;margin-bottom:.75rem;letter-spacing:1px;text-transform:uppercase}.score{font-size:5rem;font-weight:900;color:#e53e3e;text-shadow:2px 2px 4px rgba(0,0,0,.1);line-height:1}.score-separator{font-size:3rem;font-weight:600;color:#a0aec0}.opponent-score-input{width:210px;text-align:center;padding:0 5px;background-color:#0000007c;border:2px solid #4A90E2;border-radius:8px;-moz-appearance:textfield}.opponent-score-input::-webkit-outer-spin-button,.opponent-score-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.opponent-score-controls{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:1rem;font-size:1rem;color:#718096}.score-adjust-btn{background:#e53e3e;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.8rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s;box-shadow:0 2px 4px #0003}.score-adjust-btn:hover{background:#c53030;transform:scale(1.05)}.action-buttons-container{background:#0000007c;border-radius:16px;padding:2rem;box-shadow:0 10px 25px #00000026,0 3px 6px #00000014}.action-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.action-group{text-align:center}.action-buttons-grid .action-group:last-child{grid-column:1 / -1;text-align:center}.action-group-title{font-size:1.25rem;font-weight:700;color:#ffffffde;margin-bottom:1rem;text-transform:uppercase}.action-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;width:100%}.action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:background .2s,box-shadow .2s;min-width:140px;justify-content:center;box-shadow:0 4px 6px #0000001a;text-transform:uppercase}.btn-icon{font-size:1.1rem}.action-btn.stat{min-width:0;width:auto;flex-grow:1;padding:1rem .5rem;background:#4299e1;color:#fff}.action-btn.made{background:#48bb78;color:#fff}.action-btn.made:hover{background:#38a169;transform:translateY(-2px)}.action-btn.missed{background:#e53e3e;color:#fff}.action-btn.missed:hover{background:#c53030;transform:translateY(-2px)}.action-btn.stat:hover{background:#3182ce;transform:translateY(-2px)}.action-btn.selected{transform:scale(1.05) translateY(-2px);box-shadow:0 0 0 4px #4299e1b3,0 6px 10px #0003}.undo-redo-container{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem}.undo-redo-btn{display:flex;align-items:center;gap:.75rem;padding:.8rem 2rem;background:#718096;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:background-color .2s,box-shadow .2s;box-shadow:0 2px 4px #0000001a}.undo-redo-btn:hover:not(:disabled){background:#4a5568;box-shadow:0 4px 8px #0003}.undo-redo-btn:disabled{background:#a0aec0;cursor:not-allowed;opacity:.6}.player-selection-container{background:#0000007c;border-radius:16px;padding:2rem;box-shadow:0 10px 25px #00000026,0 3px 6px #00000014;text-align:center}.players-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.player-select-btn{background:#0000007c;border:2px solid #e2e8f0;border-radius:10px;padding:1.5rem;cursor:pointer;transition:all .3s;text-align:left;box-shadow:0 2px 4px #0000000d}.player-select-btn:hover{border-color:#4299e1;background:#1e2d40;transform:translateY(-3px);box-shadow:0 6px 12px #4299e133}.player-name{font-weight:700;font-size:1.1rem;color:#ffffffde;margin-bottom:.4rem}.player-stats-preview{font-size:1rem;color:#e53e3e;font-weight:600}.cancel-btn{background:#718096;color:#fff;border:none;border-radius:10px;padding:.8rem 2rem;font-weight:600;cursor:pointer;transition:background-color .2s}.cancel-btn:hover{background:#4a5568}.stats-table-container{padding:1.5rem 0;background:#0000007c;border-radius:16px;box-shadow:0 10px 25px #00000026,0 3px 6px #00000014;overflow-x:auto}.stats-table{width:100%;min-width:100%;border-collapse:collapse}.stats-header{font-weight:700;color:#ffffffde;background:#0000007c;border-radius:8px 8px 0 0;padding:1rem 0;border-bottom:2px solid #4299e1}.stats-row{border-bottom:1px solid #e2e8f0;transition:background-color .1s}.stats-row:nth-child(2n){background-color:#1e1e1e}.stats-row:nth-child(odd){background-color:#121212}.stats-row:hover{background-color:#3182ce}.stats-row:last-child{border-bottom:none}.stats-header,.stats-row{display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:.5rem;padding:.75rem 1rem}.stat-col{padding:.5rem;text-align:center;font-size:1.05rem}.stat-col.player-name{text-align:left;font-weight:600;color:#ffffffde}.scorekeeper-header{padding:1rem 0;text-align:center;background-color:#1a202c;color:#fff;margin:-1.5rem -1.5rem 0;border-radius:16px 16px 0 0;position:relative}.back-button{background:none;border:none;color:#90cdf4;cursor:pointer;font-weight:600;position:absolute;top:1.5rem;left:1.5rem;display:flex;align-items:center;gap:.5rem;transition:color .2s}.back-button:hover{color:#ebf8ff}.dashboard-title{font-size:2.5rem;font-weight:900;margin-bottom:.5rem;color:#fff}.dashboard-title span{color:#4299e1}.game-info{margin-top:.5rem}.game-teams{font-size:1.4rem;font-weight:700;color:#a0aec0}.game-date{color:#718096;margin-top:.25rem;font-size:.9rem}.mui-table-container{background-color:transparent!important;box-shadow:none!important;overflow-x:auto}.mui-stats-table{min-width:100%;border-collapse:separate;border-spacing:0}.mui-table-header-cell{background-color:#1a202c!important;color:#4299e1!important;font-weight:700!important;text-transform:uppercase;border-bottom:2px solid #4299e1!important;padding:12px 8px!important;font-size:.85rem!important}.mui-stats-row{transition:background-color .2s ease}.mui-stats-row:nth-of-type(odd){background-color:#ffffff08!important}.mui-stats-row:nth-of-type(2n){background-color:#ffffff12!important}.mui-stats-row:hover{background-color:#4299e133!important}.mui-stats-cell{color:#e0e0e0!important;border-bottom:1px solid rgba(255,255,255,.1)!important;padding:10px 6px!important;font-size:.95rem!important;white-space:nowrap}.mui-stats-row:last-child .mui-stats-cell{border-bottom:none!important}.mui-table-container::-webkit-scrollbar{height:8px}.mui-table-container::-webkit-scrollbar-track{background:#0f172a}.mui-table-container::-webkit-scrollbar-thumb{background-color:#4299e1;border-radius:4px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.save-confirm-modal{background:#1e1e1e;padding:2rem;border-radius:12px;text-align:center;border:1px solid #333;position:relative;width:90%;max-width:400px}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.modal-btn{flex:1;padding:12px;border-radius:6px;border:none;font-weight:700;cursor:pointer}.yes-btn{background:#ef4444;color:#fff}.no-btn{background:#333;color:#fff}.modal-close-x{position:absolute;top:10px;right:15px;background:none;border:none;color:#666;font-size:1.5rem;cursor:pointer}@media (max-width: 1024px){.scorekeeper-content{max-width:900px}}@media (max-width: 768px){.scorekeeper-content{gap:1.5rem;padding:0 .5rem 2rem}.player-select-btn{padding:5px 10px}.opponent-score-input{width:110px;font-size:3rem}.scoreboard{gap:1rem}.team-name{font-size:1.25rem}.score{font-size:4rem}.section-title{font-size:1.5rem;margin-bottom:1rem}.action-buttons-grid{grid-template-columns:1fr;gap:1rem}.action-row{flex-direction:row;justify-content:space-around}.action-group-title{margin-top:.5rem}.action-buttons-grid .action-group:last-child{grid-column:auto}.action-buttons-grid .action-group:last-child .action-row{justify-content:center;gap:.75rem}.action-group .action-row .action-btn.stat{width:30%;flex-grow:0;min-width:unset;max-width:none;margin-bottom:.75rem;font-size:.9rem;padding:.8rem .5rem}.players-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stats-table-container{padding:1.5rem}.stats-header,.stats-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr;font-size:.875rem;padding:.75rem .5rem}.scorekeeper-header{margin:-1.5rem -.5rem 0;position:relative}.back-button{position:static;margin:.5rem 0 1rem;justify-content:flex-start;padding-left:1rem}.dashboard-title{font-size:2rem}.undo-redo-container{flex-direction:row;gap:1rem}.undo-redo-btn{width:48%;max-width:none;justify-content:center}}@media (max-width: 480px){.section-title{font-size:1.35rem}.scoreboard-container,.action-buttons-container,.player-selection-container,.stats-table-container{padding:1.25rem}.score{font-size:3rem}.score-adjust-btn{width:35px;height:35px;font-size:1.5rem}.action-row{gap:.5rem}.action-btn{padding:.6rem .8rem;font-size:.9rem;min-width:40%}.action-buttons-grid .action-group:last-child .action-row{justify-content:center;gap:.5rem}.action-group .action-row .action-btn.stat{width:30%;flex-grow:0;min-width:unset;font-size:.8rem;padding:.6rem .4rem;margin-bottom:.5rem}.players-grid{grid-template-columns:1fr}.stats-header,.stats-row{grid-template-columns:1.5fr .8fr .8fr .8fr .8fr .8fr .8fr;font-size:.75rem;gap:.25rem;padding:.5rem .25rem}.dashboard-title{font-size:1.75rem}}html,body{height:100%;margin:0;padding:0}:root{--color-dark-court: #0A0F1B;--color-mid-court: #171B30;--color-light-court: #2C334D;--color-accent-red: #EF4444;--color-dark-blue: #020927;--color-accent-teal: #1a49e2;--color-text-light: #E0E0E0;--color-text-muted: #94A3B8;--color-row-alt: #1F253E}.stats-page-container{position:relative;min-height:100%;padding:0 0 50px;margin:0;background:var(--color-dark-court);background:radial-gradient(circle at center,#1b2038 0%,var(--color-dark-court) 70%);overflow-x:hidden;color:var(--color-text-light);font-family:Inter,sans-serif}.stats-page-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.03) 10px,rgba(255,255,255,.03) 11px);opacity:.5;pointer-events:none}.stats-content-wrapper{position:relative;z-index:10;padding:20px 20px 80px}.main-stats-header{display:flex;flex-direction:column;align-items:center;position:relative;padding:30px 0 20px;border-bottom:2px solid var(--color-accent-red);box-shadow:0 4px 15px #ef444433;margin-bottom:30px}.stats-disclaimer{font-size:.85rem;color:var(--color-text-muted);text-align:center;margin:15px auto 30px;padding-left:0;font-style:italic;max-width:900px}.dashboard-title{margin:0;font-size:2.5rem;font-weight:800;text-transform:uppercase;color:var(--color-text-light);text-shadow:0 0 5px rgba(239,68,68,.5),0 0 10px rgba(239,68,68,.3);letter-spacing:2px}.back-button{position:absolute;left:20px;top:50%;transform:translateY(-50%);padding:8px 12px;background-color:var(--color-mid-court);color:var(--color-accent-red);border:2px solid var(--color-accent-red);border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:1rem;font-weight:600;transition:all .2s ease;box-shadow:0 0 5px #ef44444d}.back-button:hover{background-color:var(--color-accent-red);color:var(--color-dark-court);box-shadow:0 0 15px var(--color-accent-red);transform:translateY(-50%) scale(1.05)}.section-title-complex{text-align:center;font-size:1.8rem;font-weight:700;color:var(--color-accent-teal);margin:40px auto 25px;max-width:1100px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.1);letter-spacing:1px}.stats-leaders-section{max-width:1100px;margin:0 auto 40px;padding:20px;background-color:var(--color-mid-court);border-radius:12px;box-shadow:0 4px 15px #00000080;border:3px solid #1a49e2}.leader-selectors{display:flex;align-items:center;gap:15px;margin-bottom:20px}.team-record-badge{margin-left:auto;font-size:1rem;font-weight:600;color:var(--color-text-light);background-color:var(--color-light-court);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:4px 12px;white-space:nowrap}.team-selector-label{font-size:1.1rem;font-weight:500;color:var(--color-text-light);white-space:nowrap}.team-select-native{width:300px;color:var(--color-text-light);background-color:var(--color-light-court);border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:1rem;height:30px;padding:0 10px;line-height:1.5;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;box-shadow:0 2px 5px #0003;transition:background-color .2s ease}.team-select-native option{background-color:var(--color-light-court);color:var(--color-text-light)}.team-select-native:hover{background-color:#3b4263}.stat-buttons-container{padding:10px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:20px}.stat-buttons-row{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.stat-buttons-row.second-row{margin-bottom:0}.stat-button{flex-grow:1;padding:8px 0;background-color:var(--color-mid-court);color:var(--color-text-muted);border:1px solid var(--color-light-court);border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease;text-transform:uppercase}.stat-button:hover{background-color:var(--color-light-court);color:var(--color-text-light)}.stat-button.active{background-color:var(--color-accent-red);color:var(--color-dark-court);border-color:var(--color-accent-red);box-shadow:0 0 10px #ef444480}.leaderboard-output-area{min-height:250px;background-color:transparent;border-radius:8px;display:block;justify-content:unset;align-items:unset;border:1px dashed rgba(255,255,255,0)}.placeholder-text{color:var(--color-text-muted);font-size:1.2rem;font-style:italic;padding:15px;text-align:center}.mui-table-container,.MuiPaper-root.mui-table-container{overflow-x:auto;padding:0;box-shadow:0 4px 10px #0006;border-radius:8px;background-color:var(--color-light-court)!important}.mui-stats-table{min-width:600px;border-collapse:separate;border-spacing:0}.leaderboard-table-container{padding:10px}.mui-table-header-cell{background-color:var(--color-dark-court)!important;color:var(--color-accent-red)!important;font-weight:700!important;font-size:.85rem!important;text-transform:uppercase;border-bottom:2px solid var(--color-accent-red)!important;padding:10px 8px!important;letter-spacing:.5px;white-space:nowrap}.MuiTableBody-root{background-color:var(--color-mid-court)}.mui-stats-row-header{background-color:var(--color-dark-court)!important;color:var(--color-text-light)!important;font-weight:700;border-bottom:2px solid var(--color-accent-red)}.mui-stats-row{background-color:var(--color-mid-court)!important;border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .2s ease;cursor:default}.mui-stats-cell{color:var(--color-text-light)!important;padding:10px 12px!important;border-bottom:none!important}.mui-stats-row:nth-of-type(odd){background-color:var(--color-light-court)}.mui-stats-row:nth-of-type(2n){background-color:var(--color-row-alt)!important}.mui-stats-row:hover{background-color:var(--color-light-court)!important;box-shadow:inset 4px 0 0 0 var(--color-accent-red)}.mui-stats-cell-header{color:var(--color-accent-red)!important;font-weight:700!important;padding:8px 12px!important;border-bottom:none!important;background-color:var(--color-dark-court)!important}.mui-stats-cell{color:var(--color-text-light)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;font-size:.95rem!important;padding:8px!important;white-space:nowrap}.mui-stats-cell:first-child{font-weight:600}.mui-stats-row:last-child .mui-stats-cell{border-bottom:0!important}.team-average-section{max-width:1100px;margin:0 auto}.team-average-dropdown{margin-bottom:20px;border:1px solid rgba(255,255,255,.15);border-radius:12px;overflow:hidden;max-width:1100px;margin-left:auto;margin-right:auto;background-color:var(--color-mid-court);box-shadow:0 8px 20px #0006;transition:all .3s ease-in-out}.team-average-dropdown.open{border-color:var(--color-accent-teal);box-shadow:0 0 20px #00bcd480}.team-average-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:var(--color-light-court);cursor:pointer;font-size:1.2rem;font-weight:700;transition:background-color .2s ease,color .2s ease;text-transform:uppercase}.team-average-header:hover{background-color:#3b4263}.team-average-header.open{border-bottom:1px solid var(--color-accent-teal);color:var(--color-accent-teal)}.team-name-wrapper{flex-grow:1;display:flex;justify-content:center;align-items:center}.team-name{margin:0;letter-spacing:.5px}.dropdown-icon{font-size:1.2rem;color:var(--color-text-muted);transition:transform .3s ease}.team-average-header.open .dropdown-icon{color:var(--color-accent-teal)}.team-stats-content{max-height:0;overflow:hidden;transition:max-height .5s ease-out,opacity .5s ease;opacity:0;padding:0 15px 15px}.team-average-dropdown.open .team-stats-content{max-height:2000px;opacity:1}.no-stats-message{text-align:center;color:var(--color-text-muted);padding:15px 0 0;font-style:italic;font-size:1rem}.loading-spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid var(--color-accent-red);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:40px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.stats-content-wrapper{padding:10px 10px 60px}.mui-stats-container{white-space:nowrap!important;padding:5px 6px!important;font-size:.75rem}.mui-stats-cell-header{white-space:nowrap!important;padding:5px 8px!important}.mui-stats-cell{padding:8px 6px!important;font-size:.8rem}.back-button{position:static;transform:none;margin:10px auto 16px;width:calc(100% - 20px);justify-content:center}.main-stats-header{padding:10px 0 15px;align-items:center}.dashboard-title{font-size:1.8rem;text-align:center;margin-bottom:5px}.stats-disclaimer{font-size:.75rem;margin-bottom:20px;text-align:center}.section-title-complex{font-size:1.5rem;margin-bottom:20px;margin-top:30px}.stats-leaders-section{padding:15px;margin-bottom:30px}.leader-selectors{flex-direction:column;align-items:flex-start;gap:10px}.team-select-native{min-width:100%}.team-record-badge{margin-left:0;align-self:center}.stat-buttons-row{gap:5px;flex-wrap:wrap}.stat-button{flex-grow:1;min-width:calc(33.33% - 10px);font-size:.75rem;padding:6px 0}.mui-table-container.leaderboard-table-container{width:100%;min-width:unset!important}.mui-stats-table.leaderboard-table{min-width:100%!important;width:100%}}.betting-home-container{position:relative;min-height:100vh;background-color:#0c0c1b;background:linear-gradient(145deg,#0c0c1b,#171b30,#0c0c1b);padding:20px 20px 150px;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column}.betting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:sticky;top:0;z-index:10;background:#0c0c1bf2;margin-left:-20px;margin-right:-20px;padding:10px 20px;border-bottom:1px solid #1f2340}.rewards-modal{background:#171b30;padding:24px;border-radius:16px;width:90%;max-width:380px;border:1px solid #2c334d;position:relative;animation:modalSlideUp .3s ease-out}.rewards-title{margin:0 0 20px;color:#fff;font-size:1.4rem;text-align:center}.rewards-section h4{color:#60a5fa;margin:0 0 12px;font-size:1.1rem}.reward-item{display:flex;justify-content:space-between;margin-bottom:8px;color:#e0e0e0}.rewards-divider{height:1px;background:#2c334d;margin:20px 0}.cap-note{font-size:.8rem;color:#94a3b8;font-style:italic;margin-top:10px}.close-rewards-btn{width:100%;margin-top:24px;padding:12px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer}.rewards-info-trigger{display:flex;align-items:center;gap:6px;color:#94a3b8;cursor:pointer;font-size:.85rem;transition:color .2s;white-space:nowrap;margin:0;padding:0}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.prop-card-disabled{opacity:.5;filter:grayscale(.8);cursor:not-allowed;pointer-events:none;border-color:#3e445b!important}.prop-card-disabled .player-name{color:#94a3b8}.centered-title{text-align:center;padding-left:0}.betting-subsection-title{font-size:1rem;font-weight:600;color:#a0a8bb;margin-bottom:10px;margin-top:5px;padding-left:10px;letter-spacing:1px}.back-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:5px;transition:color .2s}.back-btn:hover{color:#4caf50}.title-stack{text-align:center;line-height:1.1}.title-line-1{font-size:1.2rem;font-weight:300;color:#94a3b8}.title-line-2{font-size:1.8rem;font-weight:700;color:#4caf50}.credits-display{display:flex;align-items:center;background:#1f2340;padding:5px 10px;border-radius:50px;font-size:1.2rem;font-weight:600;color:gold;box-shadow:0 0 5px #ffd7004d}.credits-icon{margin-right:5px;font-size:1.4rem}.game-selection-wrapper{margin-bottom:20px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 10px}.game-select-dropdown{width:100%;max-width:400px;padding:12px 15px;border-radius:8px;background-color:#1f2340;color:#fff;border:1px solid #3e445b;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2394a3b8'%3E%3Cpath d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:1em;cursor:pointer;transition:border-color .2s}.game-select-dropdown:focus{outline:none;border-color:#4caf50}.props-main-content{flex-grow:1;min-height:200px}.placeholder-message{text-align:center;padding:40px 20px;font-size:1.1rem;color:#94a3b8;background:#171b30;border-radius:8px;margin-top:20px}.prop-section{margin-bottom:25px;border-bottom:1px solid #0b8dd891;padding-bottom:20px}.props-list>.prop-section:last-of-type{border-bottom:none;padding-bottom:0;margin-bottom:25px}.bonus-category{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #0b8dd891}.bonus-bets-grid>.bonus-category:last-of-type{border-bottom:none;padding-bottom:0;margin-bottom:0}.betting-section-title{font-size:1.7rem;font-weight:700;color:#fff;margin-bottom:15px;padding-left:10px}.sub-section-title{font-size:1.2rem;font-weight:600;color:#94a3b8;margin-bottom:10px;padding-left:5px;border-bottom:1px dotted #1f2340;padding-bottom:5px}.betting-prop-cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.betting-prop-card{background:#1f2340;border-radius:8px;box-shadow:0 4px 10px #0000004d;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s;border:2px solid #0b8dd891;box-shadow:0 2px 5px #0003}.betting-prop-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d,0 0 5px #0b8dd891}.prop-info{padding:8px 5px;background-color:#171b30;border-bottom:1px solid #3e445b;text-align:center}.player-name{font-size:1rem;font-weight:600;color:#fff;margin-bottom:2px}.prop-line{font-size:.8rem;color:#94a3b8;font-weight:500}.prop-options{display:flex;justify-content:space-between;padding:5px;gap:5px}.prop-option-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 3px;border-radius:6px;cursor:pointer;border:1px solid #3e445b;background-color:#2c314a;color:#fff;transition:background-color .2s,border-color .2s,transform .1s;position:relative}.prop-option-btn:hover:not(.selected-over):not(.selected-under){background-color:#3e445b}.selection-text{font-size:.9rem;font-weight:700;margin-bottom:2px}.odds-text{font-size:.75rem;font-weight:500;color:#b0b0b0}.selected-over{background-color:#4caf50;border-color:#4caf50;color:#0c0c1b}.selected-under{background-color:#ff4500;border-color:#ff4500;color:#0c0c1b}.selected-over .odds-text,.selected-under .odds-text{color:#0c0c1b;font-weight:700}.selection-icon{position:absolute;top:5px;right:5px;font-size:.8rem;color:#0c0c1b}.proceed-bar-wrapper{position:fixed;bottom:70px;left:0;width:100%;padding:10px 20px;background:#0c0c1bf2;box-shadow:0 -2px 10px #0006;z-index:10;text-align:center}.proceed-btn{width:100%;max-width:400px;padding:15px;font-size:1.2rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s,opacity .3s;color:#fff;box-shadow:0 4px 6px #0003}.prop-counter-text{font-size:1.1rem;font-weight:500;margin-top:3px}.proceed-btn.disabled{background-color:#3e445b;opacity:.6;cursor:not-allowed}.proceed-btn.enabled{background-color:#4caf50;box-shadow:0 0 15px #4caf5080}.proceed-btn.enabled:hover{background-color:#66bb6a}.betting-footer{position:fixed;bottom:0;left:0;width:100%;height:70px;display:flex;justify-content:space-around;align-items:center;background-color:#171b30;border-top:1px solid #3e445b;box-shadow:0 -2px 10px #0006;z-index:20;padding:0 10px}.footer-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;color:#94a3b8;cursor:pointer;font-size:.75rem;font-weight:500;transition:color .2s,background-color .2s}.footer-tab:hover{color:#fff}.footer-tab.active{color:#4caf50}.tab-icon{font-size:1.5rem;margin-bottom:3px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center}.bet-review-modal{background-color:#1f2340;border-radius:12px;padding:25px;width:90%;max-width:450px;position:relative;box-shadow:0 10px 30px #00000080;color:#fff;max-height:90vh;overflow-y:auto}.modal-title{font-size:1.8rem;font-weight:700;margin-top:0;margin-bottom:20px;color:#4caf50;text-align:center}.close-btn{position:absolute;top:15px;right:15px;background:none;border:none;color:#94a3b8;font-size:2rem;cursor:pointer;line-height:1;transition:color .2s}.close-btn:hover{color:#fff}.legs-list{margin-bottom:20px;padding:15px;background:#171b30;border-radius:8px;border:1px solid #3e445b}.legs-header{font-size:1.1rem;font-weight:600;color:#fff;margin-top:0;margin-bottom:10px;border-bottom:1px dashed #3e445b;padding-bottom:5px}.leg-item{display:flex;justify-content:space-between;padding:8px 0;font-size:.95rem;border-bottom:1px solid #2c314a}.leg-item:last-child{border-bottom:none}.leg-selection{font-weight:700;color:#4caf50;flex:0 0 30%}.leg-player{flex-grow:1;text-align:left;color:#b0b0b0;padding:0 10px}.leg-odds{font-weight:600;color:gold;flex:0 0 15%;text-align:right}.leg-row-header{display:flex;justify-content:space-between;align-items:center}.leg-text-main{font-size:.95rem;color:#fff}.leg-status-icon-container{margin-left:10px;display:flex;align-items:center}.leg-main-info{display:flex;justify-content:space-between;align-items:center;width:100%}.leg-outcome-icon{font-size:1.1rem;display:flex;align-items:center}.icon-hit{color:#4caf50!important;font-size:1.1rem}.icon-miss{color:#f44336!important;font-size:1.1rem}.leg-player-name{font-size:.85rem;color:#a0a0b0;margin-top:2px}.bet-input-section{margin-bottom:25px;padding:15px;background:#2c314a;border-radius:8px}.input-label{display:block;font-size:1rem;font-weight:500;color:#b0b0b0;margin-bottom:10px}.input-group{display:flex;align-items:center;border:2px solid #3e445b;border-radius:6px;background:#171b30;overflow:hidden}.input-prefix{padding:10px 12px;background-color:#3e445b;color:#fff;font-weight:600;font-size:1rem;flex-shrink:0}.bet-amount-input{flex-grow:1;padding:10px 12px 10px 4px;border:none;background:transparent;color:#fff;font-size:1.2rem;font-weight:700;outline:none;text-align:right}.bet-amount-input::placeholder{color:#94a3b8}.input-error{color:#ff4500;font-size:.85rem;margin-top:8px;margin-bottom:0}.payout-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:10px 0;border-top:1px dashed #3e445b;border-bottom:1px dashed #3e445b;font-size:1.1rem;font-weight:600}.payout-amount{color:gold}.place-bet-btn{width:100%;padding:15px;font-size:1.3rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;background-color:#4caf50;color:#0c0c1b;box-shadow:0 4px 10px #4caf5066;transition:background-color .2s}.place-bet-btn:hover:not(:disabled){background-color:#66bb6a}.place-bet-btn:disabled{background-color:#3e445b;color:#94a3b8;cursor:not-allowed;opacity:.8}.history-controls{display:flex;justify-content:center;margin-bottom:20px}.filter-dropdown{max-width:200px!important;height:45px}.history-list{display:flex;flex-direction:column;gap:15px;padding:0 10px}.history-card{background:#1f2340;border-radius:12px;border-left:5px solid #3e445b;padding:15px}.history-card.status-hit{border-left-color:#4caf50}.history-card.status-miss{border-left-color:#ff4500}.history-card.status-pending{border-left-color:gold}.history-card-header{display:flex;justify-content:space-between;margin-bottom:12px}.status-badge{font-size:.7rem;padding:2px 8px;border-radius:4px;font-weight:700;background:#3e445b}.status-badge.hit{background:#4caf50;color:#0c0c1b}.status-badge.miss{background:#ff4500;color:#fff}.status-badge.pending{background:gold;color:#0c0c1b}.history-legs{border-top:1px solid #2c314a;border-bottom:1px solid #2c314a;padding:10px 0;margin-bottom:10px}.history-leg-item{margin-bottom:8px;font-size:.9rem}.history-leg-item p{margin:0}.history-leg-item span{color:#94a3b8;font-size:.8rem}.history-card-footer{display:flex;justify-content:space-around}.footer-stat{display:flex;flex-direction:column;align-items:center}.footer-stat label{font-size:.7rem;color:#94a3b8;text-transform:uppercase}.footer-stat span{font-weight:700;color:#fff}.history-container{margin-top:-10px;padding-top:0}.history-container .centered-title{margin-top:0;margin-bottom:15px}.prop-card.status-hit{border-left:5px solid #4caf50}.prop-card.status-miss{border-left:5px solid #f44336}.prop-card.status-voided{border-left:5px solid #9e9e9e}.prop-card.status-pending{border-left:5px solid #ffd700}.leaderboards-container{padding:10px;animation:fadeIn .4s ease}.section-header-row{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:15px}.sort-wrapper select{background:#1f2340;color:#fff;border:1px solid #3d426e;padding:5px;border-radius:4px;font-size:.9rem}.leaderboard-section{background:#ffffff08;border-radius:12px;padding:10px;margin-bottom:25px;border:2px solid #4caf50;text-align:center}.leaderboard-table{width:100%}.leaderboard-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 6px;border-bottom:2px solid #2bc53059}.leaderboard-row:not(.leaderboard-header) .leaderboard-cell{font-size:.95rem}.leaderboard-header{color:#888eb0;font-size:.75rem;text-transform:uppercase}.leaderboard-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-cell{flex:0 0 24px;text-align:left}.name-cell{flex:1 1 auto;min-width:0;text-align:left;padding:0 4px}.value-cell{flex:0 0 auto;text-align:right;font-family:monospace}.stats-table{display:flex;flex-direction:column;margin-top:10px}.stat-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 6px;border-bottom:2px solid #2bc53059}.stat-label{font-weight:700;color:#888eb0;text-align:left;white-space:nowrap}.stat-value{color:gold;font-family:monospace;font-size:1.1rem;text-align:right;white-space:nowrap}.table-scroll{max-height:300px;overflow-y:auto}@media (min-width: 768px){.betting-home-container{padding:20px 50px 50px}.betting-header{position:relative;padding-left:0;padding-right:0;margin-left:0;margin-right:0;background:none;border-bottom:none}.props-main-content{max-width:1200px;margin:0 auto;width:100%}.game-selection-wrapper{margin-bottom:30px}.prop-cards-row{grid-template-columns:repeat(3,1fr)}.proceed-bar-wrapper{position:relative;bottom:auto;left:auto;width:100%;padding:20px 0;background:none;box-shadow:none;text-align:center}.betting-footer{position:relative;bottom:auto;left:auto;width:100%;max-width:700px;height:70px;margin:30px auto;display:flex;border-top:none;border-radius:8px;box-shadow:0 4px 10px #0000004d;z-index:1}.modal-overlay{align-items:flex-start;padding-top:5vh}.bet-review-modal{margin-top:0}}@media (max-width: 480px){.betting-prop-card:hover:not(.prop-card-disabled){transform:translateY(-4px);border-color:#4caf50;box-shadow:0 8px 16px #0006,0 0 10px #4caf504d;cursor:pointer;transition:all .2s ease-in-out}.prop-option-btn:hover:not(.selected-over):not(.selected-under){background-color:#3e445b;border-color:#60a5fa}.betting-prop-cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0}.betting-prop-card{width:100%;padding:4px 2px;gap:3px}.betting-home-container{padding:10px 8px 150px}.betting-prop-card{padding:3px;gap:2px;border-width:1px}.prop-info{padding:4px 2px}.player-name{font-size:.75rem;margin-bottom:0;line-height:1.1}.prop-line{font-size:.65rem;margin-bottom:1px}.prop-options{gap:3px;padding:1px}.prop-option-btn{padding:2px 1px;height:32px;border-radius:4px}.selection-text{font-size:.6rem;margin-bottom:1px}.odds-text{font-size:.65rem}.betting-section-title{font-size:1.3rem;margin-bottom:10px}}@keyframes kana-fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes kana-fade-in{0%{opacity:0}to{opacity:1}}.kana-fade-in{animation:kana-fade-in-up .35s ease both}.kana-app{min-height:100vh;background:#15171c;color:#e6e6e6;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;padding:48px 24px 72px;display:flex;flex-direction:column;align-items:center}.kana-header{max-width:620px;text-align:center;margin-bottom:32px}.kana-title{color:#5b9bd5;font-size:2.6rem;font-weight:800;margin:0 0 16px}.kana-subtitle{font-size:.95rem;line-height:1.6;color:#e6e6e6;margin:0}.kana-subtitle a{color:#5b9bd5;text-decoration:underline}.kana-font-picker{text-align:center;margin-bottom:24px}.kana-font-picker label{display:block;font-size:.85rem;color:#e6e6e6;margin-bottom:8px}.kana-select-wrap{position:relative;display:inline-block}.kana-select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#15171c;border:1px solid #5b9bd5;color:#5b9bd5;font-size:1rem;font-weight:600;padding:10px 40px 10px 16px;border-radius:4px;cursor:pointer;min-width:200px}.kana-select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#5b9bd5;font-size:.7rem;pointer-events:none}.kana-all-btn{display:block;width:100%;padding:12px;margin-bottom:12px;background:#15171c;border:1px solid #5b9bd5;color:#5b9bd5;font-size:.95rem;font-weight:600;border-radius:4px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.kana-all-btn:hover:not(.kana-all-btn--active){background:#5b9bd51a}.kana-all-btn--active{background:#3577a8;color:#fff;border-color:#3577a8}.kana-glyph{font-family:var(--kana-font, "Noto Sans JP"),sans-serif}.kana-practice-title{color:#5b9bd5;font-size:1.3rem;font-weight:800;margin:0 0 16px}.kana-start-row{margin-top:40px;text-align:center}.kana-start-btn{padding:16px 40px;background:#3577a8;border:none;color:#fff;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.kana-start-btn:hover:not(:disabled){background:#2c6389;transform:translateY(-2px);box-shadow:0 6px 16px #3577a859}.kana-start-btn:active:not(:disabled){transform:translateY(0) scale(.97);box-shadow:none}.kana-start-btn:disabled{background:#3a3d44;color:#8a8d94;cursor:not-allowed}.kana-results-actions{margin-top:40px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.kana-start-btn--secondary{background:transparent;color:#5b9bd5;border:1px solid #5b9bd5}.kana-start-btn--secondary:hover:not(:disabled){background:#5b9bd51a;box-shadow:0 6px 16px #5b9bd540}.kana-hint{font-size:.8rem;margin:10px 0 0;animation:kana-fade-in .2s ease}.kana-hint--warning{color:#e57373}.kana-quiz{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;text-align:center}.kana-quiz-progress{font-size:.85rem;color:#8a8d94;margin:0 0 24px}.kana-quiz-instruction{font-size:.9rem;color:#8a8d94;margin:0 0 32px}.kana-quiz-form{display:flex;gap:8px;width:100%;justify-content:center}.kana-quiz-input{background:#15171c;border:1px solid #5b9bd5;color:#e6e6e6;font-size:1.1rem;padding:12px 16px;border-radius:4px;flex:1;min-width:0;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.kana-quiz-input:focus{outline:none;border-color:#3577a8;box-shadow:0 0 0 3px #3577a840}.kana-secondary-btn{margin-top:12px;padding:10px 20px;background:#15171c;border:1px solid #5b9bd5;color:#5b9bd5;font-size:.9rem;font-weight:600;border-radius:4px;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease,opacity .15s ease}.kana-secondary-btn:hover:not(:disabled){background:#5b9bd51a;transform:translateY(-1px)}.kana-secondary-btn:active:not(:disabled){transform:scale(.96)}.kana-secondary-btn:disabled{border-color:#3a3d44;color:#8a8d94;cursor:not-allowed}.kana-results{width:100%;max-width:700px;text-align:center}.kana-results-title{color:#5b9bd5;font-size:2rem;font-weight:800;margin:0 0 8px}.kana-results-score{font-size:1.1rem;color:#e6e6e6;margin:0 0 32px;animation:kana-fade-in-up .35s ease both;animation-delay:.1s}.kana-results-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px;text-align:left}.kana-results-column{background:#1c1f26;border:1px solid #3a3d44;border-radius:8px;padding:16px}.kana-results-column-title{font-size:1rem;font-weight:800;margin:0 0 12px;text-align:center}.kana-results-column-title--correct{color:#4caf82}.kana-results-column-title--incorrect{color:#e57373}.kana-results-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.kana-results-item{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.95rem;border-bottom:1px solid #2a2d34;padding-bottom:8px;animation:kana-fade-in-up .3s ease both}.kana-results-romaji{color:#e6e6e6}.kana-results-mode{color:#8a8d94;font-size:.8rem}.kana-results-user-answer{width:100%;font-size:.8rem;color:#e57373}.kana-results-empty{color:#8a8d94;font-size:.85rem;text-align:center}@media (max-width: 860px){.kana-results-columns{grid-template-columns:1fr}.kana-app{padding:calc(24px + env(safe-area-inset-top,0px)) 16px calc(48px + env(safe-area-inset-bottom,0px))}.kana-quiz-form .kana-start-btn{padding:16px 24px;flex-shrink:0}.kana-tabs{max-width:100%}}.kana-tabs{display:flex;gap:8px;width:100%;max-width:420px;margin-bottom:24px}.kana-tab{flex:1;padding:12px 16px;background:#15171c;border:1px solid #5b9bd5;color:#5b9bd5;font-size:1rem;font-weight:700;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.kana-tab:hover:not(.kana-tab--active){background:#5b9bd51a}.kana-tab--active{background:#3577a8;color:#fff;border-color:#3577a8}@media (max-width: 480px){.kana-tab{padding:12px 6px;font-size:.9rem}}.kana-tab-panel{width:100%;display:flex;flex-direction:column;align-items:center}.kana-tab-panel--hidden{display:none}.kana-home-row{width:100%;max-width:700px;display:flex;justify-content:center;margin-bottom:20px}.kana-home-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px 10px 16px;background:#3577a8;border:1px solid #3577a8;color:#fff;font-size:.85rem;font-weight:600;border-radius:999px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.kana-home-btn:hover{background:#2c6389;border-color:#2c6389;transform:translateY(-1px);box-shadow:0 4px 12px #3577a859}.kana-home-btn:active{transform:scale(.96);box-shadow:none}.kana-home-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #3577a859}@media (max-width: 860px){@supports (height: 100dvh){.kana-app--writing{--vh: 1dvh}}}.kana-mode-row{width:100%;max-width:900px;display:flex;gap:8px;margin-bottom:8px}.kana-mode-btn{flex:1;padding:16px;background:#15171c;border:1px solid #5b9bd5;color:#5b9bd5;font-size:1.1rem;font-weight:600;border-radius:4px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.kana-mode-btn:hover:not(.kana-mode-btn--active){background:#5b9bd51a}.kana-mode-btn--full{width:100%;max-width:900px;margin-bottom:32px}.kana-mode-btn--active{background:#3577a8;color:#fff;border-color:#3577a8}.kana-columns{width:100%;max-width:900px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.kana-column-title{color:#5b9bd5;font-size:1.3rem;font-weight:800;text-align:center;margin:0 0 16px}.kana-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.kana-column--dakuten .kana-grid{grid-template-columns:1fr}.kana-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;padding:14px 12px;background:#15171c;border:1px solid #5b9bd5;color:#5b9bd5;font-size:1.05rem;font-weight:600;border-radius:4px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.kana-btn:hover:not(.kana-btn--active){background:#5b9bd51a}.kana-btn--active{background:#3577a8;color:#fff;border-color:#3577a8}.kana-tile-sounds{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:10;padding:6px 10px;background:#0e1014;border:1px solid #5b9bd5;border-radius:4px;color:#e6e6e6;font-size:.85rem;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease}@media (hover: hover){.kana-btn:hover .kana-tile-sounds,.kana-btn:focus-visible .kana-tile-sounds{opacity:1;visibility:visible}}.kana-practice-section{width:100%;max-width:900px;margin-top:32px;text-align:center}.kana-practice-row{display:flex;gap:8px}.kana-practice-btn{flex:1;padding:16px;background:#15171c;border:1px solid #5b9bd5;color:#5b9bd5;font-size:1.1rem;font-weight:600;border-radius:4px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.kana-practice-btn:hover:not(.kana-practice-btn--active){background:#5b9bd51a}.kana-practice-btn--active{background:#3577a8;color:#fff;border-color:#3577a8}.kana-quiz-romaji{font-size:3.5rem;font-weight:800;color:#5b9bd5;margin:0 0 8px}.kana-image-frame{width:320px;height:320px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;margin:0 auto 24px;animation:kana-fade-in-up .3s ease both}.kana-image-frame--placeholder{background:transparent;border:1px dashed #3a3d44}.kana-quiz-image{width:100%;height:100%;object-fit:contain}.kana-quiz-writing-boxes{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.kana-hint-box,.kana-reveal-box{background:#1c1f26;border:1px solid #3a3d44;border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center}.kana-hint-box .kana-image-frame,.kana-reveal-box .kana-image-frame{width:240px;height:180px}.kana-box-title{color:#5b9bd5;font-size:1rem;font-weight:700;margin:0 0 12px}.kana-box-caption{font-size:.8rem;color:#8a8d94;margin:0 0 8px}.kana-box-placeholder{font-size:.85rem;color:#8a8d94;text-align:center;padding:0 8px}.kana-judge-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;animation:kana-fade-in-up .25s ease both}.kana-judge-prompt{font-size:.95rem;color:#e6e6e6;margin:0;width:100%}.kana-judge-btn{padding:12px 24px;border:none;color:#fff;font-size:.95rem;font-weight:700;border-radius:8px;cursor:pointer;transition:background .15s ease,transform .15s ease}.kana-judge-btn:hover{transform:translateY(-1px)}.kana-judge-btn:active{transform:scale(.95)}.kana-judge-btn--correct{background:#4caf82}.kana-judge-btn--correct:hover{background:#3e9a6d}.kana-judge-btn--incorrect{background:#e57373}.kana-judge-btn--incorrect:hover{background:#d15d5d}@media (max-width: 860px){.kana-columns{grid-template-columns:1fr}.kana-column--dakuten .kana-grid{grid-template-columns:repeat(2,1fr)}.kana-mode-row,.kana-practice-row{flex-direction:column}.kana-quiz-writing-boxes{grid-template-columns:1fr}.kana-image-frame{width:min(360px,88vw);height:min(360px,88vw)}}.kana-judge-row--pending{display:none}@media (max-width: 860px){.kana-app--writing{--vh: 1vh;--pad: clamp(12px, calc(var(--vh) * 2), 24px);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--gap: clamp(8px, calc(var(--vh) * 1.8), 18px);--box-h: clamp(110px, calc(var(--vh) * 27), 300px);height:calc(var(--vh) * 100);min-height:0;box-sizing:border-box;padding:calc(var(--pad) + var(--safe-top)) 16px calc(var(--pad) + var(--safe-bottom))}.kana-app--writing .kana-header,.kana-app--writing .kana-font-picker{display:none}.kana-app--writing .kana-tab-panel,.kana-app--writing .kana-quiz,.kana-app--writing .kana-quiz-question{flex:1;min-height:0;width:100%}.kana-app--writing .kana-quiz-question{display:flex;flex-direction:column;align-items:center}.kana-app--writing .kana-quiz-progress{margin:auto 0;padding:4px 0 calc(4px + var(--pad) + var(--safe-top));font-size:.8rem;flex-shrink:0;position:relative;top:clamp(8px,calc(var(--vh) * 2.4),26px)}.kana-app--writing .kana-quiz-romaji{font-size:clamp(2.25rem,calc(var(--vh) * 7),3.5rem);line-height:1.1;margin:0 0 6px;flex-shrink:0}.kana-app--writing .kana-quiz-instruction{font-size:.85rem;margin:0 0 var(--gap);flex-shrink:0}.kana-app--writing .kana-quiz-writing-boxes{flex:1 1 0;min-height:0;max-height:calc(var(--box-h) * 2 + var(--gap));width:100%;margin:0 0 clamp(10px,calc(var(--vh) * 4),40px);grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--gap)}.kana-app--writing .kana-hint-box,.kana-app--writing .kana-reveal-box{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto minmax(0,1fr);align-items:center;column-gap:8px;min-height:0;padding:12px}.kana-app--writing .kana-box-title{grid-column:1;grid-row:1;margin:0;text-align:left}.kana-app--writing .kana-secondary-btn{grid-column:2;grid-row:1;margin:0;padding:7px 14px}.kana-app--writing .kana-box-caption{grid-column:1 / -1;grid-row:2;margin:6px 0 0;text-align:left}.kana-app--writing .kana-hint-box .kana-image-frame,.kana-app--writing .kana-reveal-box .kana-image-frame{grid-column:1 / -1;grid-row:3;width:100%;height:100%;min-height:0;margin:10px 0 0;padding:8px}.kana-app--writing .kana-judge-row{width:100%;flex-shrink:0;gap:8px;margin-top:var(--gap);margin-bottom:clamp(8px,calc(var(--vh) * 2.5),28px)}.kana-app--writing .kana-judge-prompt{font-size:.9rem}.kana-app--writing .kana-judge-btn{flex:1;font-size:1rem;padding:clamp(10px,calc(var(--vh) * 1.6),16px) 12px}.kana-app--writing .kana-judge-row--pending{display:flex;visibility:hidden;animation:none}}@media (max-width: 860px) and (max-height: 600px){.kana-app--writing .kana-quiz-instruction{display:none}}.kana-start-row .kana-hint{width:0;min-width:100%;text-align:center}@media (max-width: 860px){.vocab-direction-grid,.vocab-lesson-grid{grid-template-columns:1fr}.vocab-prompt{font-size:2.2rem}}.vocab-setup{width:100%;max-width:900px}.vocab-section{width:100%;margin-bottom:32px;text-align:center}.vocab-lesson-grid,.vocab-direction-grid{display:grid;gap:8px}.vocab-lesson-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.vocab-direction-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.vocab-option-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;background:#15171c;border:1px solid #5b9bd5;color:#5b9bd5;border-radius:4px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.vocab-option-btn:hover:not(.vocab-option-btn--active){background:#5b9bd51a}.vocab-option-btn--active{background:#3577a8;color:#fff;border-color:#3577a8}.vocab-option-label{font-size:1.05rem;font-weight:700}.vocab-option-caption{font-size:.78rem;opacity:.8}.vocab-question{width:100%}.vocab-prompt-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#8a8d94;margin:0 0 8px}.vocab-prompt{font-size:2.6rem;font-weight:800;color:#5b9bd5;line-height:1.3;margin:0 0 8px;word-break:break-word}.vocab-prompt--kana{font-size:3.2rem}.vocab-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.vocab-choice-btn{padding:18px 14px;background:#15171c;border:1px solid #5b9bd5;color:#5b9bd5;font-size:1.05rem;font-weight:600;border-radius:8px;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.vocab-choice-btn:hover{background:#5b9bd51a;transform:translateY(-2px);box-shadow:0 6px 16px #5b9bd533}.vocab-choice-btn:active{transform:scale(.97);box-shadow:none}.vocab-choice-btn--kana{font-size:1.6rem}.vocab-reveal-answer{margin-top:12px;font-size:.95rem;color:#e6e6e6;animation:kana-fade-in .2s ease}.vocab-reveal-answer strong{color:#5b9bd5}@media (max-width: 560px){.vocab-choices{grid-template-columns:1fr}}.vocab-option-btn{position:relative}.vocab-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:max-content;max-width:220px;padding:6px 10px;background:#0f1115;color:#e6e6e6;border:1px solid #5b9bd5;border-radius:6px;font-size:.8rem;text-align:center;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:10}.vocab-option-btn:hover .vocab-tooltip,.vocab-option-btn:focus-visible .vocab-tooltip{opacity:1}.vocab-back-btn{display:block;margin:16px auto 0}.numbers-group-grid,.numbers-option-grid,.numbers-count-grid{display:grid;gap:8px}.numbers-group-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.numbers-option-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.numbers-count-grid{grid-template-columns:repeat(4,1fr);max-width:420px;margin:0 auto}@media (max-width: 860px){.numbers-group-grid,.numbers-option-grid{grid-template-columns:1fr}}.kana-quiz.numbers-quiz{max-width:640px}.vocab-prompt.numbers-prompt--md{font-size:1.9rem}.vocab-prompt.numbers-prompt--sm{font-size:1.4rem}.vocab-choices.numbers-choices--stack{grid-template-columns:1fr}.vocab-choice-btn.numbers-choice--md{font-size:1.25rem;word-break:break-all}.vocab-choice-btn.numbers-choice--sm{font-size:1rem;word-break:break-all}.login-page{--night: #0d1120;--panel: #121830;--raised: #1b2441;--dusk: #19224a;--line: rgba(222, 228, 255, .14);--text: #ece6d6;--muted: #98a1bd;--saffron: #f2b84b;--saffron-hover: #ffca69;--coral: #ee6a55;--mint: #62bfa8;--sky: #7aa2dc;--cream: #efe7d3;--display: "Dela Gothic One", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--body: "Zen Kaku Gothic New", system-ui, -apple-system, "Segoe UI", sans-serif;display:grid;grid-template-columns:1fr;min-height:100vh;min-height:100dvh;background:var(--night);color:var(--text);font-family:var(--body);color-scheme:dark}.login-page *,.login-page *:before,.login-page *:after{box-sizing:border-box}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:28px 20px 44px;background:var(--panel)}.login-card{width:100%;max-width:400px;margin:0 auto}.login-brand{display:flex;align-items:flex-end;gap:12px;margin-bottom:28px}.login-mark{display:flex;align-items:flex-end;gap:2px;height:24px}.login-mark i{display:block;width:7px;border-radius:1px 1px 0 0}.login-mark i:nth-child(1){height:15px;background:var(--coral)}.login-mark i:nth-child(2){height:24px;background:var(--saffron)}.login-mark i:nth-child(3){height:19px;background:var(--mint);transform:rotate(8deg);transform-origin:bottom left;margin-left:2px}.login-wordmark{font-family:var(--display);font-size:19px;line-height:1;letter-spacing:.01em}.login-swap{animation:login-swap-in .28s ease-out}.login-title{margin:0 0 8px;font-family:var(--display);font-weight:400;font-size:clamp(26px,6.5vw,34px);line-height:1.15}.login-sub{margin:0 0 26px;color:var(--muted);font-size:15px;line-height:1.5}.login-field{min-width:0;margin-bottom:16px}.login-field label{display:block;margin-bottom:6px;color:var(--muted);font-size:13px;font-weight:500}.login-names{display:grid;grid-template-columns:1fr 1fr;gap:12px}.login-input{display:block;width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--raised);color:var(--text);font:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s}.login-input:hover{border-color:#dee4ff47}.login-input:focus{outline:none;border-color:var(--saffron);box-shadow:0 0 0 3px #f2b84b33}.login-input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:0 0 0 1000px var(--raised) inset}.login-input::-ms-reveal{display:none}.login-pw{position:relative}.login-pw .login-input{padding-right:52px}.login-pw-toggle{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:16px;cursor:pointer}.login-pw-toggle:hover{color:var(--text)}.login-pw-toggle:focus-visible,.login-link:focus-visible,.login-btn:focus-visible{outline:2px solid var(--saffron);outline-offset:2px}.login-hint{margin:6px 0 0;color:var(--muted);font-size:13px}.login-btn{display:block;width:100%;min-height:50px;padding:12px 16px;border-radius:8px;font:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .15s,border-color .15s,transform .1s}.login-btn:active:not(:disabled){transform:translateY(1px)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-btn--primary{margin-top:8px;border:0;background:var(--saffron);color:#17120a}.login-btn--primary:hover:not(:disabled){background:var(--saffron-hover)}.login-btn--ghost{border:1px solid rgba(236,230,214,.28);background:transparent;color:var(--text)}.login-btn--ghost:hover:not(:disabled){border-color:#ece6d680;background:var(--raised)}.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted);font-size:13px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--line)}.login-switch{margin:26px 0 0;color:var(--muted);font-size:15px;text-align:center}.login-link{padding:4px;border:0;background:none;color:var(--saffron);font:inherit;font-weight:700;cursor:pointer}.login-link:hover:not(:disabled){text-decoration:underline;text-underline-offset:3px}.login-msg{margin-bottom:18px;padding:11px 14px;border-left:3px solid;border-radius:4px;font-size:14px;line-height:1.45}.login-msg--error{border-color:var(--coral);background:#ee6a551f;color:#ffc2b7}.login-msg--success{border-color:var(--mint);background:#62bfa81f;color:#bfeadd}.login-art{--moon: 128px;--moon-top: 16%;--shelf-h: 62%;position:relative;order:-1;height:176px;overflow:hidden;isolation:isolate;background:var(--dusk)}.login-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(236,230,214,.16) 1px,transparent 1.5px) 0 0 / 10px 10px;-webkit-mask-image:linear-gradient(160deg,#000 0%,transparent 55%);mask-image:linear-gradient(160deg,#000 0%,transparent 55%)}.login-moon{position:absolute;z-index:1;top:var(--moon-top);left:52%;width:min(var(--moon),62%);aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:var(--cream);overflow:hidden}.login-moon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,var(--dusk) 1.4px,transparent 1.9px) 0 0 / 7px 7px;-webkit-mask-image:linear-gradient(40deg,#000 0%,transparent 62%);mask-image:linear-gradient(40deg,#000 0%,transparent 62%)}.login-moon-ring{position:absolute;z-index:1;top:calc(var(--moon-top) - 3%);left:52%;width:min(calc(var(--moon) * 1.18),73%);aspect-ratio:1;transform:translate(-50%);border-radius:50%;border:1px solid rgba(236,230,214,.28)}.login-art-title{display:none;position:absolute;z-index:3;top:7%;right:6%;font-family:var(--display);font-size:clamp(20px,2.3vw,32px);letter-spacing:.22em;line-height:1;color:var(--text);writing-mode:vertical-rl}.login-shelf{position:absolute;z-index:2;left:0;right:0;bottom:0;height:var(--shelf-h);display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:0 5% 10px}.login-shelf:after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:var(--night);border-top:1px solid rgba(236,230,214,.18)}.login-spine{position:relative;flex:var(--w) 1 0px;max-width:34px;height:var(--h);margin-right:var(--mr, 0px);border-radius:2px 2px 0 0;background:var(--c);box-shadow:inset -4px 0 #0d112029;transform:rotate(var(--tilt, 0deg));transform-origin:bottom left}.login-spine:before{content:"";position:absolute;left:0;right:0;top:8%;height:4px;background:var(--b)}.login-spine:after{content:"";position:absolute;left:50%;top:24%;width:38%;height:34%;transform:translate(-50%);border-radius:1px;background:var(--b)}@keyframes login-swap-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.login-swap{animation:none}.login-input,.login-btn{transition:none}}@media (max-width: 399px){.login-names{grid-template-columns:1fr;gap:0}}@media (min-width: 560px) and (max-width: 859px){.login-art{height:220px;--moon: 160px}.login-spine{max-width:44px}.login-panel{padding:40px 32px 56px}}@media (min-width: 860px){.login-page{grid-template-columns:minmax(440px,5fr) 7fr}.login-panel{padding:48px clamp(32px,5vw,72px);border-right:1px solid var(--line)}.login-brand{margin-bottom:40px}.login-art{--moon: clamp(220px, 36vmin, 420px);--moon-top: 13%;--shelf-h: 46%;order:0;position:sticky;top:0;height:100vh;height:100dvh}.login-art-title{display:block}.login-shelf{padding-bottom:12px}.login-shelf:after{height:12px}.login-spine{max-width:62px}.login-spine:before{height:6px}}@media (min-width: 860px) and (max-height: 640px){.login-art{--shelf-h: 38%;--moon: clamp(160px, 32vmin, 300px)}}.login-pick-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#04060eb3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.login-pick{position:relative;display:flex;flex-direction:column;width:min(480px,100%);max-height:min(640px,calc(100dvh - 32px));padding:24px;border:1px solid color-mix(in srgb,var(--cream, #efe7d4) 14%,transparent);border-radius:16px;background:#151c36;color:var(--cream, #efe7d4);color-scheme:dark;box-shadow:0 24px 70px #0000008c}.login-pick-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.login-pick-close:hover{background:color-mix(in srgb,currentColor 10%,transparent)}.login-pick-title{margin:0 32px 4px 0;font-size:1.5rem}.login-pick-sub{margin:0 0 16px;font-size:.9rem;opacity:.7}.login-pick-search{position:relative}.login-pick-search svg{position:absolute;top:50%;left:12px;transform:translateY(-50%);opacity:.55;pointer-events:none}.login-pick-search .login-input{padding-left:38px}.login-pick-body{flex:1;min-height:0;margin-top:14px;overflow-y:auto}.login-pick-note{margin:24px 0;text-align:center;opacity:.7}.login-pick-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.login-pick-user{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:12px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.login-pick-user:hover,.login-pick-user:focus-visible{border-color:color-mix(in srgb,var(--saffron, #f0b654) 55%,transparent);background:color-mix(in srgb,currentColor 8%,transparent);outline:none}.login-pick-covers{display:flex;flex-shrink:0;gap:4px}.login-pick-cover{display:block;width:30px;height:44px;border-radius:4px;object-fit:cover;background:color-mix(in srgb,currentColor 14%,transparent)}.login-pick-text{display:flex;flex-direction:column;min-width:0}.login-pick-name{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.login-pick-meta{font-size:.85rem;opacity:.7}.home-page{--night: #0d1120;--panel: #121830;--raised: #1b2441;--line: rgba(222, 228, 255, .14);--text: #ece6d6;--muted: #a9b1cb;--saffron: #f2b84b;--saffron-hover: #ffca69;--coral: #ee6a55;--mint: #62bfa8;--sky: #7aa2dc;--cream: #efe7d3;--display: "Dela Gothic One", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--body: "Zen Kaku Gothic New", system-ui, -apple-system, "Segoe UI", sans-serif;min-height:100vh;min-height:100dvh;background:var(--night);color:var(--text);font-family:var(--body);color-scheme:dark}html:has(.home-page),.home-page *{scrollbar-width:thin;scrollbar-color:rgba(222,228,255,.35) #1b2441}.home-page *,.home-page *:before,.home-page *:after{box-sizing:border-box}.home-page ul{margin:0;padding:0;list-style:none}.home-page button{font:inherit;color:inherit}.home-page button:focus-visible,.home-page .home-input:focus-visible{outline:2px solid var(--saffron);outline-offset:2px}.home-tier--S{--tc: var(--coral)}.home-tier--A{--tc: var(--saffron)}.home-tier--B{--tc: var(--mint)}.home-tier--C{--tc: var(--sky)}.home-tier--D{--tc: var(--cream)}.home-tier--unrated{--tc: var(--muted)}.home-tier-row.home-tier--unrated{border-style:dashed}.home-tier{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--night);color:var(--tc);border:2px solid var(--tc);font-family:var(--display);font-size:15px;line-height:1}.home-header{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;padding:10px 20px;background:var(--panel);border-bottom:1px solid var(--line)}.home-brand{display:flex;align-items:flex-end;gap:10px;margin-right:auto}.home-mark{display:flex;align-items:flex-end;gap:2px;height:24px}.home-mark i{display:block;width:7px;border-radius:1px 1px 0 0}.home-mark i:nth-child(1){height:15px;background:var(--coral)}.home-mark i:nth-child(2){height:24px;background:var(--saffron)}.home-mark i:nth-child(3){height:19px;background:var(--mint);transform:rotate(8deg);transform-origin:bottom left;margin-left:2px}.home-wordmark{font-family:var(--display);font-size:18px;line-height:1}.home-nav{display:flex;gap:18px;order:3;width:100%;overflow-x:auto}.home-nav-link{min-height:44px;padding:0 2px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-weight:500;white-space:nowrap;cursor:pointer}.home-nav-link:hover{color:var(--text)}.home-nav-link[aria-current=page]{color:var(--text);border-bottom-color:var(--saffron)}.home-header-end{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.home-avatar-wrap{position:relative}.home-avatar{display:grid;place-items:center;width:44px;height:44px;padding:0;overflow:hidden;border:2px solid var(--line);border-radius:50%;background:var(--raised);color:var(--saffron);font-family:var(--display);font-size:18px;cursor:pointer;transition:border-color .15s}.home-avatar:hover,.home-avatar[aria-expanded=true]{border-color:var(--saffron)}.home-avatar img{display:block;width:100%;height:100%;object-fit:cover}.home-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:20;min-width:220px;padding:6px;background:var(--panel);border:1px solid rgba(222,228,255,.24);border-radius:12px;box-shadow:0 16px 40px #00000073;animation:home-menu-in .14s ease-out}.home-menu-head{display:flex;flex-direction:column;gap:2px;padding:10px 12px;margin-bottom:6px;border-bottom:1px solid var(--line)}.home-menu-name{font-weight:700}.home-menu-sub{color:var(--muted);font-size:13px}.home-menu-item{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:8px;background:none;color:var(--text);font-size:15px;text-align:left;cursor:pointer}.home-menu-item svg{flex:none;color:var(--muted)}.home-menu-item:hover,.home-menu-item:focus-visible{background:var(--raised)}.home-menu-item:hover svg{color:var(--saffron)}.home-menu-sep{height:1px;margin:6px 0;background:var(--line)}@keyframes home-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.home-menu{animation:none}}.home-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .15s,border-color .15s,transform .1s}.home-btn:active:not(:disabled){transform:translateY(1px)}.home-btn:disabled{opacity:.45;cursor:not-allowed}.home-btn--small{min-height:44px;padding:0 14px;font-size:15px}.home-btn--primary{border:0;background:var(--saffron);color:#17120a}.home-btn--primary:hover:not(:disabled){background:var(--saffron-hover)}.home-btn--ghost{border:1px solid rgba(236,230,214,.28);background:transparent;color:var(--text)}.home-btn--ghost:hover:not(:disabled){border-color:#ece6d680;background:var(--raised)}.home-btn--danger{border:0;background:#d93b3b;color:#fff}.home-btn--danger:hover:not(:disabled){background:#e84a4a}.home-icon-btn{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}.home-icon-btn:hover{color:var(--text);background:var(--raised)}.home-main{max-width:1200px;margin:0 auto;padding:24px 20px 72px}.home-title{margin:0 0 20px;font-family:var(--display);font-weight:400;font-size:clamp(26px,6vw,36px);line-height:1.15}.home-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.home-stat{padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.home-stat-value{display:block;font-family:var(--display);font-size:clamp(20px,5vw,28px);line-height:1.2}.home-stat-label{display:block;margin-top:2px;color:var(--muted);font-size:13px}.home-stat-value--loading{width:2.2em;height:1.2em;border-radius:6px;background:linear-gradient(90deg,var(--raised) 25%,rgba(222,228,255,.14) 50%,var(--raised) 75%);background-size:200% 100%;animation:home-shimmer 1.2s ease-in-out infinite}@keyframes home-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.home-stat-value--loading{animation:none}}.home-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px}.home-seg{display:inline-flex;border:1px solid rgba(236,230,214,.28);border-radius:8px;overflow:hidden}.home-seg button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:0;background:transparent;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer}.home-seg button+button{border-left:1px solid rgba(236,230,214,.28)}.home-seg button:hover{color:var(--text)}.home-seg button[aria-pressed=true]{background:var(--raised);color:var(--saffron)}.home-seg--full{display:flex;margin-bottom:18px}.home-seg--full button{flex:1;padding:0 8px}.home-dropped{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .2s ease-in,opacity .15s ease-in,visibility 0s linear .2s}.home-dropped--open{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .22s ease-out,opacity .22s ease-out,visibility 0s}.home-dropped-inner{min-height:0;overflow:hidden;margin:0 -4px;padding:0 4px 18px}.home-dropped .home-input{max-width:140px}.home-dropped .home-count{text-align:left}@media (max-width: 480px){.home-seg--full{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.home-seg--full button+button{border-left:0}.home-seg--full button:nth-child(2n){border-left:1px solid rgba(236,230,214,.28)}.home-seg--full button:nth-child(n+3){border-top:1px solid rgba(236,230,214,.28)}}.home-chips{display:flex;flex-wrap:wrap;gap:8px}.home-chip{min-height:44px;padding:0 16px;border:1px solid rgba(236,230,214,.28);border-radius:22px;background:transparent;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer}.home-chip:hover{color:var(--text);border-color:#ece6d680}.home-chip[aria-pressed=true]{background:var(--raised);border-color:var(--saffron);color:var(--saffron)}.home-filter{display:none;position:relative;flex:1 1 104px;min-width:104px}.home-filter-btn{display:flex;align-items:center;width:100%;min-height:44px;padding:0 32px 0 12px;border:1px solid rgba(236,230,214,.28);border-radius:8px;background:transparent;color:var(--text);font:inherit;font-size:14px;font-weight:500;text-align:left;cursor:pointer}.home-filter-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-filter-btn[data-active=true]{background:var(--raised);border-color:var(--saffron);color:var(--saffron)}.home-filter-icon{position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:11px;color:var(--muted);pointer-events:none;transition:transform .18s ease}.home-filter--open .home-filter-icon{transform:translateY(-50%) rotate(180deg)}.home-filter-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:20;display:flex;flex-direction:column;gap:2px;min-width:160px;padding:6px;border:1px solid rgba(236,230,214,.28);border-radius:10px;background:var(--raised);box-shadow:0 10px 28px #00000073;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .15s ease-in,transform .15s ease-in,visibility 0s linear .15s}.home-filter--open .home-filter-menu{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .18s ease-out,transform .18s ease-out,visibility 0s}.home-filter-option{min-height:40px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:14px;font-weight:500;text-align:left;cursor:pointer}.home-filter-option:hover,.home-filter-option:focus-visible{background:#dee4ff14;color:var(--text)}.home-filter-option[aria-selected=true]{color:var(--saffron)}@media (prefers-reduced-motion: reduce){.home-filter-menu,.home-filter--open .home-filter-menu,.home-filter-icon{transition:none}}.home-switch-wrap{display:flex;align-items:center;gap:10px;margin-left:auto;color:var(--muted);font-size:14px}.home-switch{position:relative;width:46px;height:28px;padding:0;border:0;border-radius:14px;background:var(--raised);box-shadow:inset 0 0 0 1px #ece6d647;cursor:pointer;transition:background-color .15s}.home-switch i{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:var(--muted);transition:transform .15s,background-color .15s}.home-switch[aria-checked=true]{background:var(--saffron);box-shadow:none}.home-switch[aria-checked=true] i{transform:translate(18px);background:#17120a}.home-cover{position:relative;display:block;width:100%;aspect-ratio:2 / 3;border-radius:3px;background:var(--c, var(--raised));box-shadow:inset -5px 0 #0d112029;overflow:hidden}.home-cover:before{content:"";position:absolute;left:0;right:0;top:9%;height:4%;background:#0d112066}.home-cover--img{object-fit:cover;box-shadow:none}.home-cover--img:before{display:none}.home-cover-label{position:absolute;left:6px;right:8px;bottom:6px;color:#17120a;font-size:11px;font-weight:700;line-height:1.15;text-align:left;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}.home-card{display:flex;flex-direction:column;gap:8px;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer}.home-card-art{position:relative;display:block;border-radius:4px;transition:transform .15s}.home-card:hover .home-card-art{transform:translateY(-3px)}.home-card-art .home-tier{position:absolute;top:8px;right:8px}.home-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:700;line-height:1.3}.home-scores{display:flex;flex-wrap:wrap;gap:4px 10px;color:var(--text);font-size:13px;font-weight:700}.home-score-key{margin-right:3px;color:var(--muted);font-weight:500}.home-scores--na{color:var(--muted);font-weight:500}.home-slider--na{opacity:.55}.home-tiers{display:grid;gap:10px}.home-tier-row{display:flex;min-height:112px;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.home-tier-label{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:76px;padding:8px 4px;background:var(--tc);color:#17120a;text-align:center}.home-tier-letter{font-family:var(--display);font-size:30px;line-height:1}.home-tier-range{font-size:11px;font-weight:700;line-height:1.2}.home-tier-items{display:flex;flex:1;flex-wrap:wrap;align-content:flex-start;gap:8px;padding:10px}.home-tier-empty{align-self:center;margin:0;padding:0 14px;color:var(--muted);font-size:14px}.home-tile{display:block;width:72px;padding:0;border:0;background:none;cursor:pointer;transition:transform .15s}.home-tile:hover{transform:translateY(-3px)}.home-list{display:grid;gap:10px}.home-row{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.home-row-main{display:grid;grid-template-columns:24px 44px 1fr auto;grid-template-areas:"rank cover text tier" "rank cover scores scores";align-items:center;gap:6px 14px;width:100%;padding:12px 14px;border:0;background:none;text-align:left;cursor:pointer}.home-row-rank{grid-area:rank;color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums;text-align:center}.home-row-main:hover{background:var(--raised)}.home-row-cover{grid-area:cover;width:44px}.home-row-text{grid-area:text;min-width:0}.home-row-title{display:block;font-weight:700;line-height:1.3}.home-row-status{display:block;margin-top:2px;color:var(--muted);font-size:13px}.home-row-main .home-scores{grid-area:scores}.home-row-main .home-tier{grid-area:tier}.home-row-note{margin:0;padding:0 14px 14px 110px;color:var(--muted);font-size:15px;font-style:italic;line-height:1.5}.home-empty{max-width:420px;margin:56px auto;text-align:center}.home-empty h2{margin:0 0 8px;font-family:var(--display);font-weight:400;font-size:22px}.home-empty p{margin:0 0 22px;color:var(--muted);line-height:1.5}.home-loading{margin:56px 0;color:var(--muted);text-align:center}.home-save-error{flex:1 0 100%;margin:0;padding:10px 14px;border-radius:8px;background:#ee6a551f;color:#ffc2b7;font-size:14px}.home-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:stretch;justify-content:center;background:#070a16c7;animation:home-fade .18s ease-out}.home-modal{display:flex;flex-direction:column;width:100%;max-height:100%;background:var(--panel);animation:home-rise .2s ease-out}.home-modal-head{display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 6px 20px}.home-modal-head h2{margin:0;font-family:var(--display);font-weight:400;font-size:22px}.home-modal-body{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;flex:1;padding:12px 20px 20px;overflow-y:auto}.home-modal-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}.home-foot-spacer{flex:1}.home-label{display:block;margin-bottom:6px;color:var(--muted);font-size:13px;font-weight:500}.home-input{display:block;width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--raised);color:var(--text);font:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s}.home-input:hover{border-color:#dee4ff47}.home-input:focus{outline:none;border-color:var(--saffron);box-shadow:0 0 0 3px #f2b84b33}.home-input::placeholder{color:#7f89a8}.home-search{position:relative}.home-search svg{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:var(--muted);pointer-events:none}.home-search .home-input{padding-left:40px}.home-results{margin-top:8px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.home-results li+li{border-top:1px solid var(--line)}.home-results-note{padding:14px;color:var(--muted);font-size:14px}.home-result{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:8px 12px;border:0;background:transparent;text-align:left;cursor:pointer}.home-result:hover:not(:disabled){background:var(--raised)}.home-result[aria-pressed=true]{background:var(--raised);outline:2px solid var(--saffron);outline-offset:-2px}.home-result:disabled{opacity:.5;cursor:not-allowed}.home-result-cover{flex:none;width:34px}.home-result-title{display:block;font-size:15px;font-weight:700;line-height:1.3}.home-result-meta{display:block;margin-top:2px;color:var(--muted);font-size:13px}.home-preview{display:flex;align-items:center;gap:16px;margin-top:18px;padding:16px;background:var(--raised);border-radius:10px}.home-preview-cover{flex:none;width:84px}.home-preview>div{min-width:0}.home-preview-title{margin:0;font-family:var(--display);font-size:17px;line-height:1.25;overflow-wrap:anywhere}.home-preview-meta{margin:8px 0 0;color:var(--muted);font-size:14px}.home-preview-empty{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.home-synopsis{margin-top:18px}.home-synopsis-title{margin:0 0 6px;color:var(--muted);font-size:13px;font-weight:500}.home-synopsis-text{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;margin:0;overflow:hidden;overflow-wrap:anywhere;white-space:pre-line;color:var(--text);font-size:15px;line-height:1.6}.home-synopsis-text.home-synopsis-text--open{display:block;-webkit-line-clamp:none;overflow:visible}.home-synopsis-toggle{min-height:44px;margin-top:2px;padding:0;border:0;background:none;color:var(--saffron);font-size:14px;font-weight:700;cursor:pointer}.home-synopsis-toggle:hover{color:var(--saffron-hover)}.home-synopsis-note{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.home-slider{margin-bottom:14px}.home-slider label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:2px;font-size:14px}.home-slider output{display:inline-flex;align-items:baseline;gap:10px;font-weight:700}.home-slider-word{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);white-space:nowrap}.home-slider-num{min-width:3ch;text-align:right;font-variant-numeric:tabular-nums}@media (max-width: 480px){.home-slider label{gap:8px}.home-slider-word{font-size:10px;letter-spacing:.06em}}.home-slider input[type=range]{display:block;width:100%;height:32px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.home-slider input[type=range]:focus{outline:none}.home-slider input[type=range]:focus-visible{outline:2px solid var(--saffron);outline-offset:2px;border-radius:4px}.home-slider input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient(to right,var(--accent) var(--pct),var(--raised) var(--pct))}.home-slider input[type=range]::-moz-range-track{height:8px;border-radius:4px;background:linear-gradient(to right,var(--accent) var(--pct),var(--raised) var(--pct))}.home-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-8px;border:3px solid var(--night);border-radius:50%;background:var(--text)}.home-slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border:3px solid var(--night);border-radius:50%;background:var(--text)}.home-tierbox{display:flex;align-items:center;gap:14px;margin:6px 0 20px;padding:12px 14px;background:var(--raised);border-radius:8px;color:var(--muted);font-size:14px}.home-tierbox .home-tier{width:40px;height:40px;font-size:18px}.home-textarea{min-height:112px;line-height:1.5;resize:vertical}.home-count{margin:6px 0 0;color:var(--muted);font-size:12px;text-align:right}.home-page--cards-small .home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-page--cards-large .home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 640px){.home-page--cards-small .home-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.home-page--cards-large .home-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (min-width: 860px){.home-page--cards-small .home-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.home-page--cards-large .home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.home-page--compact .home-row-main{grid-template-columns:22px 32px 1fr auto;gap:4px 12px;padding:6px 12px}.home-page--compact .home-row-cover{width:32px}.home-page--compact .home-row-note{padding:0 12px 10px 90px;font-size:14px}@media (min-width: 640px){.home-page--compact .home-row-main{grid-template-columns:24px 36px 1fr auto auto;gap:4px 20px}.home-page--compact .home-row-cover{width:36px}.home-page--compact .home-row-note{padding-left:112px}}html[data-calm=true] .home-page *,html[data-calm=true] .home-page *:before,html[data-calm=true] .home-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@keyframes home-fade{0%{opacity:0}to{opacity:1}}@keyframes home-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.home-view{animation:home-view-in .22s ease-out}.home-view--out{animation:home-view-out .14s ease-in forwards;pointer-events:none}@keyframes home-view-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes home-view-out{0%{opacity:1}to{opacity:0}}@keyframes home-fade-out{0%{opacity:1}to{opacity:0}}@keyframes home-sink{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(12px)}}.home-scrim--closing{pointer-events:none;animation:home-fade-out .18s ease-in forwards}.home-scrim--closing .home-modal{animation:home-sink .18s ease-in forwards}@media (prefers-reduced-motion: reduce){.home-scrim,.home-modal{animation:none}.home-btn,.home-input,.home-card-art,.home-tile,.home-switch,.home-switch i,.home-dropped,.home-dropped--open{transition:none}.home-view,.home-view--out{animation:none}}@media (min-width: 640px){.home-header{padding:10px 32px}.home-nav{order:0;width:auto;margin-right:auto}.home-brand{margin-right:0}.home-main{padding:32px 32px 80px}.home-stats{max-width:640px}.home-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:22px 18px}.home-tile{width:84px}.home-tier-label{width:92px}.home-row-main{grid-template-columns:28px 48px 1fr auto auto;grid-template-areas:"rank cover text scores tier";gap:14px 24px}.home-row-cover{width:48px}.home-row-note{padding-left:138px}.home-scrim{align-items:center;padding:24px}.home-modal{max-width:940px;max-height:calc(100dvh - 48px);border:1px solid rgba(222,228,255,.24);border-radius:14px;box-shadow:0 24px 60px #00000080}.home-modal-head{padding:18px 24px 6px 28px}.home-modal-body{padding:14px 28px 24px}.home-modal-foot{padding:16px 28px}}@media (min-width: 860px){.home-modal-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}.home-synopsis-text{-webkit-line-clamp:12}.home-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 14px}}@media (max-width: 639px){.home-foot-spacer{display:none}.home-modal-foot .home-btn{flex:1 1 calc(50% - 5px)}.home-modal-foot .home-btn--primary{flex-basis:100%;order:-1}.home-modal-foot .home-save-error{order:-2}.home-card{gap:5px}.home-card-art .home-tier{top:4px;right:4px;width:22px;height:22px;border-width:1.5px;font-size:11px}.home-card-title{font-size:12px;line-height:1.25}.home-card .home-scores{gap:2px 6px;font-size:10px}.home-header{gap:12px;padding:16px 16px 0}.home-brand{width:100%;align-items:center;margin-right:0}.home-header-end{flex-wrap:nowrap;width:100%;gap:8px}.home-header-end>.home-btn--primary{flex:1}.home-nav{gap:24px}.home-chips{display:none}.home-filter{display:block}.home-seg button{padding:0 12px}}@media (max-width: 399px){.home-btn--small{padding:0 10px}.home-seg button{padding:0 12px}}.home-page .home-btn--primary,.home-page .home-btn--primary *{color:#17120a!important;-webkit-text-fill-color:#17120a!important}.import-root{--imp-bg: var(--panel, #121830);--imp-panel: var(--raised, #1b2441);--imp-line: var(--line, rgba(222, 228, 255, .14));--imp-text: var(--text, #ece6d6);--imp-dim: var(--muted, #a9b1cb);--imp-saffron: var(--saffron, #f2b84b);--imp-mint: var(--mint, #62bfa8);--imp-coral: var(--coral, #ee6a55);font-family:var(--body, "Zen Kaku Gothic New", system-ui, sans-serif)}.import-root{position:relative;display:inline-block}.import-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;background:transparent;color:var(--imp-text);border:1px solid rgba(236,230,214,.28);border-radius:8px;font:700 15px/1 inherit;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.import-btn:hover:not(:disabled),.import-btn[aria-expanded=true]{border-color:var(--imp-saffron);color:var(--imp-saffron);background:#f5b04212}.import-btn:focus-visible{outline:2px solid var(--imp-saffron);outline-offset:2px}.import-btn:disabled{opacity:.6;cursor:progress}.import-chev{transition:transform .15s}.import-btn[aria-expanded=true] .import-chev{transform:rotate(180deg)}.import-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:310px;max-width:calc(100vw - 32px);padding:6px;background:var(--imp-panel);border:1px solid var(--imp-line);border-radius:16px;box-shadow:0 20px 44px #00000080;animation:import-pop .14s ease-out}.import-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:0;border-radius:11px;background:transparent;color:var(--imp-text);text-align:left;font-family:inherit;cursor:pointer}.import-item:hover,.import-item:focus-visible{background:#f5b0421a;outline:none}.import-item strong{display:block;font-size:14px}.import-item small{display:block;margin-top:2px;font-size:12px;color:var(--imp-dim)}.import-item-icon{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#5fbfa024;color:var(--imp-mint);font:11px/1 var(--display, "Dela Gothic One"),system-ui,sans-serif;letter-spacing:.04em}.import-item-icon--mal{background:#6f9be029;color:#8fb2ee}.import-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#070a16bd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:import-fade .15s ease-out}.import-dialog{width:min(520px,100%);max-height:90dvh;overflow:auto;padding:28px;background:var(--imp-bg);color:var(--imp-text);border:1px solid var(--imp-line);border-radius:22px;box-shadow:0 30px 80px #0009;animation:import-rise .2s ease-out}.import-dialog h2{margin:0 0 10px;font:400 24px/1.15 var(--display, "Dela Gothic One"),system-ui,sans-serif}.import-sub{margin:0 0 18px;font-size:14px;line-height:1.6;color:var(--imp-dim)}.import-file{color:var(--imp-text);word-break:break-all}.import-preview{margin:0 0 22px;padding:6px 16px;list-style:none;max-height:190px;overflow:auto;background:var(--imp-panel);border-radius:14px;font-size:14px}.import-preview li{padding:9px 0;border-bottom:1px solid var(--imp-line)}.import-preview li:last-child{border-bottom:0}.import-preview .import-more{color:var(--imp-dim)}.import-preview--miss li{color:var(--imp-coral)}.import-actions{display:flex;justify-content:flex-end;gap:10px}.import-primary,.import-ghost{min-height:46px;padding:0 20px;border-radius:12px;font:700 14px/1 inherit;font-family:inherit;cursor:pointer}.import-primary{background:var(--imp-saffron);color:#1a1405;border:0}.import-primary:hover{filter:brightness(1.08)}.import-ghost{background:transparent;color:var(--imp-text);border:1px solid var(--imp-line)}.import-ghost:hover{border-color:var(--imp-dim)}.import-primary:focus-visible,.import-ghost:focus-visible{outline:2px solid var(--imp-saffron);outline-offset:2px}.import-track{height:10px;border-radius:99px;background:var(--imp-panel);overflow:hidden}.import-fill{height:100%;border-radius:99px;background:var(--imp-mint);transition:width .25s ease}@keyframes import-pop{0%{opacity:0;transform:translateY(-4px)}}@keyframes import-fade{0%{opacity:0}}@keyframes import-rise{0%{opacity:0;transform:translateY(10px)}}@media (max-width: 600px){.import-overlay{align-items:end;padding:0}.import-dialog{width:100%;max-height:88dvh;padding:22px 18px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;border-bottom:0}.import-dialog h2{font-size:21px}.import-actions{flex-direction:column-reverse}.import-primary,.import-ghost{width:100%}}@media (max-width: 479px){.import-label{display:none}.import-btn{padding:0 12px}}@media (prefers-reduced-motion: reduce){.import-menu,.import-overlay,.import-dialog{animation:none}.import-fill,.import-chev{transition:none}}@media (max-width: 600px){.import-root{position:static}.import-menu{left:16px;right:16px;width:auto;max-width:none}}@media (max-width: 639px){.pub-page .home-brand{width:auto;margin-right:auto}.pub-page .home-header-end{width:auto}}.home-page .pub-static{cursor:default}.home-page .home-card.pub-static:hover .home-card-art,.home-page .home-tile.pub-static:hover{transform:none}.home-page .home-row-main.pub-static:hover{background:none}.pub-find{max-width:520px;margin-bottom:28px}.pub-question{display:block;margin-bottom:10px;font-size:18px;font-weight:700;line-height:1.3}.pub-users{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.pub-user{display:flex;align-items:center;gap:16px;width:100%;min-height:96px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s}.pub-user:hover{border-color:var(--saffron);background:var(--raised)}.pub-shelf{display:flex;flex:none;align-items:flex-end}.pub-shelf-cover{display:block;width:46px;aspect-ratio:2 / 3;object-fit:cover;border-radius:3px;background:var(--raised);box-shadow:0 0 0 2px var(--panel);transition:box-shadow .15s}.pub-shelf-cover+.pub-shelf-cover{margin-left:-18px}.pub-user:hover .pub-shelf-cover{box-shadow:0 0 0 2px var(--raised)}.pub-shelf-cover--empty{border:1px dashed var(--line);background:transparent}.pub-user-text{display:grid;gap:2px;min-width:0}.pub-user-name{overflow:hidden;font-size:16px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.pub-user-meta{color:var(--muted);font-size:13px}@media (min-width: 640px){.pub-users{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}}.pub-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:-8px 0 4px;padding:0 8px 0 0;border:0;background:none;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer}.pub-back:hover{color:var(--text)}.pub-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.pub-titlerow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:20px}.pub-titlerow .home-title{margin:0}.pub-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid rgba(236,230,214,.28);border-radius:22px;background:transparent;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s}.pub-chip svg{flex:none;color:var(--saffron)}.pub-chip:hover{color:var(--text);border-color:#ece6d680}.pub-modal .home-modal-body{grid-template-columns:minmax(0,1fr);gap:20px}.pub-toggle{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--raised)}.pub-toggle-title{display:block;font-weight:700}.pub-toggle-note{margin:4px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.pub-toggle .home-switch{flex:none;margin-top:2px}@media (min-width: 640px){.home-page .pub-modal{max-width:480px}}@media (prefers-reduced-motion: reduce){.pub-user,.pub-shelf-cover,.pub-chip{transition:none}}.pub-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,var(--night) 72%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:pub-detail-fade .16s ease-out}.pub-detail{position:relative;display:grid;grid-template-columns:260px minmax(0,1fr);width:min(780px,100%);max-height:min(620px,100%);overflow:hidden;color:var(--cream);background:color-mix(in srgb,var(--night) 90%,var(--cream));border:1px solid color-mix(in srgb,var(--cream) 16%,transparent);border-radius:20px;box-shadow:0 30px 80px #0000008c;animation:pub-detail-rise .22s cubic-bezier(.2,.8,.2,1)}.pub-detail-close{position:absolute;top:12px;right:12px;z-index:1;display:grid;place-items:center;width:36px;height:36px;color:var(--cream);background:color-mix(in srgb,var(--night) 70%,transparent);border:1px solid color-mix(in srgb,var(--cream) 18%,transparent);border-radius:50%;cursor:pointer}.pub-detail-close:hover{background:color-mix(in srgb,var(--cream) 14%,transparent)}.pub-detail-close:focus-visible{outline:2px solid var(--saffron);outline-offset:2px}.pub-detail-art{display:grid;place-items:center;padding:28px;background:color-mix(in srgb,var(--cream) 5%,transparent)}.pub-detail-cover{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:2 / 3;object-fit:cover;border-radius:12px;box-shadow:0 16px 40px #00000073}.pub-detail-body{min-width:0;padding:32px 32px 28px;overflow-y:auto}.pub-detail-status{margin:0 0 8px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--saffron)}.pub-detail-title{margin:0;padding-right:36px;font-family:Dela Gothic One,sans-serif;font-size:clamp(1.3rem,3vw,1.75rem);font-weight:400;line-height:1.15}.pub-detail-facts,.pub-detail-muted{margin:8px 0 0;font-size:.92rem;color:color-mix(in srgb,var(--cream) 62%,transparent)}.pub-detail-overall{display:flex;align-items:baseline;gap:12px;margin:22px 0 0}.pub-detail-avg{font-family:Dela Gothic One,sans-serif;font-size:2.4rem;line-height:1}.pub-detail-tier{padding:3px 10px;font-size:.8rem;color:var(--saffron);border:1px solid color-mix(in srgb,var(--saffron) 55%,transparent);border-radius:999px}.pub-detail-bars{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}.pub-detail-bars li{--bar: var(--saffron);display:grid;grid-template-columns:92px 1fr 28px;align-items:center;gap:12px;font-size:.9rem}.pub-detail-bars li[data-key=characters]{--bar: var(--coral)}.pub-detail-bars li[data-key=animation]{--bar: var(--sky)}.pub-detail-bars li[data-key=story]{--bar: var(--mint)}.pub-detail-bar{height:8px;overflow:hidden;background:color-mix(in srgb,var(--cream) 12%,transparent);border-radius:999px}.pub-detail-bar i{display:block;height:100%;background:var(--bar);border-radius:inherit}.pub-detail-bar-value{text-align:right;font-variant-numeric:tabular-nums}.pub-detail-heading{margin:24px 0 6px;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--cream) 62%,transparent)}.pub-detail-comment{margin:0;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}@keyframes pub-detail-fade{0%{opacity:0}}@keyframes pub-detail-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}}.pub-detail-backdrop--out{animation:pub-detail-fade-out .16s ease-in forwards}.pub-detail--out{animation:pub-detail-sink .16s ease-in forwards}@keyframes pub-detail-fade-out{to{opacity:0}}@keyframes pub-detail-sink{to{opacity:0;transform:translateY(14px) scale(.98)}}@media (max-width: 640px){.pub-detail-backdrop{padding:0;place-items:end center}.pub-detail{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);width:100%;max-height:90dvh;border-radius:20px 20px 0 0}.pub-detail-art{padding:20px 20px 0;background:none}.pub-detail-cover{width:120px}.pub-detail-body{padding:20px 20px 28px}.pub-detail-bars li{grid-template-columns:82px 1fr 24px}}@media (prefers-reduced-motion: reduce){.pub-detail-backdrop,.pub-detail{animation:none}}.pub-guest-end{margin-left:auto}.pub-guest-back{display:inline-flex;align-items:center;gap:8px;margin:10px 0;padding:5px 14px;border:1px solid color-mix(in srgb,var(--cream, #ece6d7) 28%,transparent);border-radius:999px;background:transparent;color:var(--cream, #ece6d7);font:inherit;font-size:.9rem;cursor:pointer;transition:border-color .15s,color .15s,background-color .15s}.pub-guest-back:hover,.pub-guest-back:focus-visible{border-color:var(--saffron, #f1b754);background:#1b2440;color:var(--saffron, #f1b754);outline:none}@media (max-width: 640px){.pub-guest-back{margin:8px 0;padding:4px 12px;font-size:.85rem}}@media (max-width: 639px){.stats-page .home-header{padding-bottom:12px}.stats-page .home-header-end{justify-content:space-between}}.stats-page .home-main{padding-bottom:20px}.stats-hero{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.stats-card{display:flex;flex-direction:column;gap:2px;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.stats-card--lead{grid-column:1 / -1;border-color:#f2b84b73}.stats-card-value{font-family:var(--display);font-size:clamp(24px,6vw,32px);line-height:1.2}.stats-card--lead .stats-card-value{color:var(--saffron);font-size:clamp(36px,10vw,56px)}.stats-card-label{font-weight:700;font-size:14px}.stats-card-sub{color:var(--muted);font-size:13px}.stats-note{margin:0 0 24px;color:var(--muted);font-size:13px;line-height:1.5}.stats-grid{display:grid;grid-template-columns:1fr;gap:14px}.stats-panel{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.stats-panel-title{margin:0 0 14px;font-family:var(--display);font-weight:400;font-size:18px}.stats-caption{margin:14px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.stats-bars{display:flex;flex-direction:column;gap:10px}.stats-bar{display:grid;grid-template-columns:92px 1fr 36px;align-items:center;gap:10px;font-size:14px}.stats-bar-label{color:var(--muted);white-space:nowrap}.stats-bar-track{height:10px;background:var(--raised);border-radius:5px;overflow:hidden}.stats-bar-fill{display:block;height:100%;min-width:2px;border-radius:5px;transition:width .4s ease-out}.stats-bar-value{text-align:right;font-variant-numeric:tabular-nums}.stats-rank{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.stats-rank-item{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px}.stats-rank-cover{width:36px;height:52px;overflow:hidden;background:var(--raised);border-radius:4px}.stats-rank-cover img{display:block;width:100%;height:100%;object-fit:cover}.stats-rank-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.stats-rank-note{color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}@media (min-width: 640px){.stats-page .home-brand{margin-right:auto}.stats-hero{grid-template-columns:repeat(3,1fr)}.stats-card--lead{grid-column:1 / -1}}@media (min-width: 860px){.stats-hero{grid-template-columns:2fr 1fr 1fr 1fr}.stats-card--lead{grid-column:auto}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: reduce){.stats-bar-fill{transition:none}}.home-main.profile-main{max-width:760px}.profile-stack{display:grid;gap:16px}.profile-card{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.profile-card h2{margin:0 0 4px;font-family:var(--display);font-weight:400;font-size:20px;line-height:1.2;overflow-wrap:anywhere}.profile-sub{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.5}.profile-card--danger{border-color:#ee6a5559}.profile-identity{display:flex;align-items:center;gap:18px}.profile-identity-text{min-width:0;flex:1}.profile-identity-text .profile-sub{margin-bottom:14px}.profile-avatar{display:grid;place-items:center;flex:none;width:96px;height:96px;overflow:hidden;border:3px solid var(--saffron);border-radius:50%;background:var(--raised);color:var(--saffron);font-family:var(--display);font-size:40px;line-height:1}.profile-avatar img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .15s}.profile-avatar--busy img,.profile-avatar--busy span{opacity:.45}.profile-avatar-actions{display:flex;flex-wrap:wrap;gap:10px}.profile-file{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.profile-field+.profile-field{margin-top:16px}.profile-hint{text-align:left}.profile-bio{min-height:96px}.profile-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:14px 16px;background:var(--raised);border:1px solid var(--line);border-radius:8px}.profile-toggle>div{min-width:0}.profile-toggle-title{display:block;font-weight:700}.profile-toggle-text{display:block;margin-top:2px;color:var(--muted);font-size:14px;line-height:1.4}.profile-toggle .home-switch{flex:none}.profile-readonly{min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;color:var(--muted);overflow-wrap:anywhere}.profile-pw{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.profile-pw-grid{display:grid;gap:16px}.profile-pw-grid .profile-field+.profile-field{margin-top:0}.profile-error{margin-top:14px}.profile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}.profile-avatar-actions+.profile-error{margin-top:10px}.profile-note{margin:0;color:var(--mint);font-size:14px;font-weight:500}.profile-note:empty{display:none}.profile-btn-warn{border:1px solid rgba(238,106,85,.55);background:transparent;color:#ffc2b7}.profile-btn-warn:hover:not(:disabled){background:#ee6a551f;border-color:var(--coral)}.profile-confirm{margin-top:18px;padding:16px;border:1px dashed rgba(238,106,85,.55);border-radius:8px;animation:profile-reveal .18s ease-out}.profile-confirm .home-label strong{color:var(--text)}@keyframes profile-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.profile-confirm{animation:none}.profile-avatar img{transition:none}}@media (min-width: 640px){.profile-card{padding:24px}.profile-pw-grid{grid-template-columns:1fr 1fr}}@media (max-width: 479px){.profile-identity{flex-direction:column;align-items:flex-start}.profile-actions>.home-btn,.profile-avatar-actions>.home-btn{flex:1 1 100%}}.settings-titlerow{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin-bottom:20px}.settings-titlerow .home-title{margin:0}.settings-status{margin:0;min-height:1.4em;color:var(--muted);font-size:14px}.settings-status[data-state=saved]{color:var(--mint)}.settings-status[data-state=error]{color:#ffc2b7}.settings-row{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.settings-card .profile-sub+.settings-row{margin-top:0;padding-top:0;border-top:0}.settings-row-head{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.settings-row-title{font-weight:700}.settings-row-hint{color:var(--muted);font-size:14px;line-height:1.4}.settings-row .home-seg,.settings-row .home-chips{margin:0}.settings-row--switch{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-row--switch .settings-row-head{min-width:0;margin-bottom:0}.settings-row--switch .home-switch{flex:none}.settings-sliders .home-slider{margin-bottom:6px}.settings-slider-name{display:inline-flex;align-items:center;gap:10px}.settings-slider-name .home-tier{width:26px;height:26px;font-size:12px}.settings-ranges{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:14px 0 0;padding:0;list-style:none}.settings-range{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--raised);border:1px solid var(--line);border-radius:8px;font-size:14px;font-variant-numeric:tabular-nums}.settings-range .home-tier{width:28px;height:28px;font-size:13px}.settings-first-actions{margin-top:0}.settings-note{margin-top:12px}.settings-footer{display:flex;justify-content:flex-end;padding-bottom:8px}@media (max-width: 479px){.settings-row--switch{align-items:flex-start}.settings-footer .home-btn{flex:1 1 100%}}