.home-page{width:min(1180px,100% - 32px);min-height:calc(100dvh - var(--site-header-height,64px));background:var(--bg,#f5f5f3);margin:24px auto 60px}.hero,.command-card,.mini-card{border:1px solid #00000014;border-radius:10px;box-shadow:0 18px 45px #00000012}.hero{background:#fff;grid-template-columns:minmax(0,1fr) 44%;align-items:center;min-height:330px;padding:30px 32px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:url(/assets/top_papi.png);background-position:100%;background-repeat:no-repeat;background-size:cover;width:58%;position:absolute;inset:0 0 0 auto}.hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff 0% 47%,#fffffff5 54%,#ffffff85 64%,#ffffff0f 74%,#fff0 100%);position:absolute;inset:0}.hero-copy{z-index:2;max-width:650px;position:relative}.kifu-illustration,.hero-thumb-card,.hero-asset-image{display:none!important}.eyebrow{color:var(--muted,#6d6d6d);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:.72rem;font-weight:800}.hero-title{max-width:680px;color:var(--text,#101010);letter-spacing:-.065em;margin:0;font-size:clamp(2rem,4vw,3.05rem);line-height:.98}.hero-text{color:#2e3335;max-width:690px;margin:16px 0 20px;font-size:1.02rem;font-weight:420;line-height:1.55}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 18px;font-weight:850;text-decoration:none;display:inline-flex;box-shadow:none!important}.primary-btn{background:linear-gradient(135deg, var(--accent,#00a5c5), var(--accent-2,#16afbe));color:#fff;border:0}.secondary-btn{border:1px solid var(--line,#deded9);color:var(--text,#101010);background:#fff}.librarian-btn{color:#1d3036}.home-command-center{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px;margin:14px 0 16px;display:grid}.command-side{display:contents}.command-card{min-height:104px;color:var(--text,#101010);text-align:left;cursor:pointer;background:linear-gradient(135deg,#f8fdfefa,#fffffffc 60%,#f8fcfcfa);grid-template-columns:66px minmax(0,1fr);align-items:center;gap:12px;padding:14px 16px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.command-card:before{content:"";background-image:linear-gradient(90deg, #ffffff14, #ffffffd1), ("/assets/kifuu.png");opacity:.06;pointer-events:none;background-position:0;background-repeat:no-repeat;background-size:cover;width:150%;position:absolute;inset:0 auto 0 0}.command-card:after{content:"";opacity:0;pointer-events:none;z-index:3;background:linear-gradient(110deg,#0000 0%,#ffffff14 38%,#ffffff61 50%,#ffffff14 62%,#0000 100%);width:34%;height:210%;transition:left 1.2s,opacity 1.2s;position:absolute;top:-55%;left:-70%;transform:rotate(15deg)}.command-card:hover,.command-card:focus-visible{border-color:#00a5c538;outline:none;transform:translateY(-1px);box-shadow:0 18px 38px #00000013}.command-card:hover:after,.command-card:focus-visible:after{opacity:1;left:128%}.command-card>*{z-index:2;position:relative}.command-content{grid-column:2;align-content:center;gap:5px;min-width:0;display:grid}.command-kicker,.command-cta,.command-glow{display:none!important}.command-card strong{color:#00a5c5;letter-spacing:-.04em;font-size:clamp(1.05rem,1.7vw,1.32rem);font-weight:950;line-height:1;display:block}.command-card small{color:#8da1a9;max-width:26ch;font-size:.76rem;font-weight:760;line-height:1.22;display:block}.command-visual,.command-visual-search,.command-visual-games,.command-visual-kifu{color:#00a5c5;opacity:1;background:#ffffffeb;border-radius:999px;grid-area:1/1;place-self:center start;place-items:center;width:60px;height:60px;display:grid;box-shadow:0 10px 18px #007f961f,inset 0 0 0 1px #00a5c514}.command-search-icon{fill:none;stroke:currentColor;stroke-width:2.35px;stroke-linecap:round;stroke-linejoin:round;width:36px;height:36px;display:block}.command-svg-icon{object-fit:contain;object-position:center;width:46px;height:46px;color:var(--accent,#00a5c5);transform-origin:50%;transition:transform .18s;display:block;overflow:visible}.command-svg-icon-games,.command-svg-icon-edit{width:48px;height:48px}.command-svg-inline [fill=\#000000],.command-svg-inline [fill=\#000],.command-svg-inline g[fill=\#000000],.command-svg-inline g[fill=\#000]{fill:currentColor}.command-svg-inline [stroke=\#000000],.command-svg-inline [stroke=\#000],.command-svg-inline g[stroke=\#000000],.command-svg-inline g[stroke=\#000]{stroke:currentColor}.command-svg-inline [style*="fill:#000000"]{fill:currentColor!important}.command-svg-inline [style*="stroke:#000000"]{stroke:currentColor!important}.command-svg-inline [style*="fill:#ffffff"],.command-svg-inline [fill=\#ffffff],.command-svg-inline [fill=\#fff]{fill:#fff!important}.command-card:hover .command-svg-icon,.command-card:focus-visible .command-svg-icon{transform:scale(1.04)}.home-data-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:0;display:grid}.mini-card{background:linear-gradient(#fffffffa,#f8fcfdf5);min-height:0;padding:14px}.compact-card{min-height:204px}.card-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.card-head h2{color:var(--text,#101010);letter-spacing:-.03em;margin:0;font-size:1rem;line-height:1.1}.icon{background:linear-gradient(135deg, var(--accent,#00a5c5), var(--accent-2,#16afbe));color:#fff;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;font-size:1.35rem;display:grid}.icon-trophy svg,.icon-last-seen svg{fill:currentColor;stroke:#ffffffa8;stroke-width:1.8px;stroke-linejoin:round;width:29px;height:29px;display:block}.icon-last-seen svg{fill:none;stroke:currentColor;stroke-width:4.8px;stroke-linecap:round;stroke-linejoin:round}.icon-lightning-glyph{letter-spacing:-.04em;font-size:1.58rem;font-weight:400;line-height:1}.icon-trophy-plain svg,.icon-trophy-plain svg *{fill:currentColor!important;stroke:none!important}.icon-trophy-plain svg{width:30px;height:30px}.mini-list,.last-seen-list{gap:7px;display:grid}.mini-row,.last-seen-card{width:100%;color:var(--text,#101010);text-align:left;cursor:pointer;background:linear-gradient(#fffffff5,#fafaf8e0);border:1px solid #0000000e;border-radius:10px;transition:transform .15s,border-color .15s,background .15s;box-shadow:none!important}.mini-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:34px;padding:8px 9px;display:grid}.last-seen-card{grid-template-columns:108px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.mini-row:hover,.mini-row:focus-visible,.last-seen-card:hover,.last-seen-card:focus-visible{background:#00a5c50f;border-color:#00a5c547;outline:none;transform:translateY(-1px)}.mini-row-main,.last-seen-copy{gap:3px;min-width:0;display:grid}.mini-row strong,.last-seen-copy strong{min-width:0;color:var(--text,#101010);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:950;line-height:1.15;overflow:hidden}.mini-row small,.last-seen-copy small,.last-seen-copy em{min-width:0;color:var(--muted,#6d6d6d);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:720;line-height:1.15;overflow:hidden}.last-seen-copy em{color:#007f96;font-style:normal}.mini-row-arrow{color:#007f96;opacity:.72;font-weight:950}.last-seen-thumb-wrap{place-items:center;width:108px;height:108px;display:grid;overflow:hidden}.last-seen-thumb{flex:none;width:108px;height:108px;display:block}.muted-block{border:1px dashed var(--line,#deded9);color:var(--muted,#6d6d6d);background:linear-gradient(#fff,#fafafa);border-radius:10px;padding:16px}.compact-muted{padding:12px;font-size:.84rem;font-weight:780}.modal-open{overflow:hidden}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10101057;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-backdrop[hidden]{display:none}.modal-card{background:#fff;border:1px solid #ffffffb8;border-radius:10px;grid-template-rows:auto minmax(0,1fr);width:min(760px,100%);max-height:min(86vh,780px);display:grid;overflow:hidden;box-shadow:0 24px 80px #0000002e}.modal-head{border-bottom:1px solid #00000012;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 22px 14px;display:flex}.modal-head h2{color:var(--text,#101010);letter-spacing:-.045em;margin:0;font-size:clamp(1.25rem,3vw,1.8rem);font-weight:950;line-height:1.05}.text-btn{width:36px;height:36px;color:var(--muted,#6d6d6d);cursor:pointer;background:#fff;border:1px solid #00000017;border-radius:10px;flex:none;place-items:center;font-size:1.4rem;line-height:1;display:grid;box-shadow:none!important}.text-btn:hover,.text-btn:focus-visible{color:#007f96;background:#00a5c512;border-color:#00a5c552;outline:none}.tutorial-body{padding:20px 24px 24px;overflow:auto}.tutorial-flow{color:#303030;font-size:.96rem;line-height:1.58}.tutorial-flow h3{color:var(--text,#101010);letter-spacing:-.025em;margin:20px 0 6px;font-size:1.04rem;font-weight:950;line-height:1.18}.tutorial-flow p,.librarian-opening{margin:0 0 12px}.librarian-portrait{float:left;background:#f5f0e6;border:1px solid #00000014;border-radius:10px;width:200px;margin:0 18px 10px 0;box-shadow:0 14px 30px #0000001a}.advice-line{color:#1d3036;background:#00a5c50e;border:1px solid #00a5c524;border-radius:10px;padding:12px 14px}.tutorial-search-strip{color:var(--text,#101010);background:#fff;border:1px solid #00a5c529;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding:14px;font-weight:900;display:flex}@media (width<=980px){.home-page{width:min(100% - 20px,760px);margin-top:12px}.home-data-grid{grid-template-columns:1fr}.home-command-center{gap:8px}.command-card{grid-template-columns:58px minmax(0,1fr);gap:9px;min-height:92px;padding:12px 10px}.command-card:before{opacity:.14;width:200%}.command-visual,.command-visual-search,.command-visual-games,.command-visual-kifu{width:54px;height:54px}.command-search-icon{width:32px;height:32px}.command-svg-icon,.command-svg-icon-games,.command-svg-icon-edit{width:42px;height:42px}.command-card small{display:none}.command-card strong{letter-spacing:-.035em;font-size:clamp(.84rem,2.6vw,1.08rem)}}@media (width<=900px){.hero{grid-template-columns:1fr;align-items:start;min-height:430px;padding:24px 22px 210px}.hero:before{opacity:.96;background-position:100% 100%;background-size:cover;width:100%;height:58%;inset:auto 0 0 auto}.hero:after{background:linear-gradient(#fff 0% 52%,#ffffffeb 61%,#ffffff52 76%,#fff0 100%)}.hero-copy{max-width:100%}}@media (width<=640px){.home-page{width:calc(100% - 16px)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .primary-btn,.hero-actions .secondary-btn{width:100%}.hero-title{font-size:2.08rem}.hero-text{font-size:.95rem}.home-command-center{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.command-card{text-align:center;grid-template-rows:58px auto;grid-template-columns:1fr;align-content:center;justify-items:center;gap:7px;min-height:104px;padding:10px 6px}.command-card:before{opacity:.2;background-position:50%;width:100%}.command-content{text-align:center;grid-area:2/1;justify-items:center}.command-visual,.command-visual-search,.command-visual-games,.command-visual-kifu{grid-area:1/1;justify-self:center;width:56px;height:56px}.command-search-icon{width:34px;height:34px}.command-svg-icon,.command-svg-icon-games,.command-svg-icon-edit{width:42px;height:42px}.command-card strong{white-space:normal;font-size:clamp(.78rem,3vw,.98rem)}.latest-card .icon{width:46px;height:46px;font-size:1.75rem}.last-seen-card{grid-template-columns:84px minmax(0,1fr) auto}.last-seen-thumb,.last-seen-thumb-wrap{width:84px;height:84px}.tutorial-search-strip{align-items:stretch}}@media (width<=430px){.latest-card .icon{width:48px;height:48px;font-size:1.9rem}.home-command-center{gap:5px}.command-card{grid-template-rows:50px auto;min-height:94px;padding:8px 4px}.command-visual,.command-visual-search,.command-visual-games,.command-visual-kifu{width:48px;height:48px}.command-search-icon{width:29px;height:29px}.command-svg-icon,.command-svg-icon-games,.command-svg-icon-edit{width:37px;height:37px}.command-card strong{font-size:.78rem}}.hero-text p{margin:0 0 10px}.hero-text p:last-child{margin-bottom:0}.tutorial-flow ul{color:#303030;margin:0 0 14px 1.1rem;padding:0}.tutorial-flow li{margin:5px 0;padding-left:2px}.kifu-help-toggle{background:linear-gradient(#fffffffa,#f8fcfdf2);border:1px solid #00a5c529;border-radius:10px;margin:18px 0 20px;overflow:hidden}.kifu-help-toggle summary{color:#007f96;letter-spacing:-.015em;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;font-weight:950;list-style:none;display:flex}.kifu-help-toggle summary::-webkit-details-marker{display:none}.kifu-help-toggle summary:after{content:"+";color:#00a5c5;background:#00a5c517;border-radius:999px;flex:none;place-items:center;width:24px;height:24px;font-size:1.1rem;line-height:1;display:grid}.kifu-help-toggle[open] summary{border-bottom:1px solid #00a5c51f}.kifu-help-toggle[open] summary:after{content:"–"}.kifu-help-content{padding:14px 15px 4px}.kifu-lightbulb-note{color:#385057;background:#00a5c50b;border:1px solid #00a5c51f;border-radius:10px;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px;margin:14px 0;padding:12px 13px;font-size:.91rem;line-height:1.5;display:grid}.kifu-lightbulb-note p{margin:0}.kifu-lightbulb-note a{color:#007f96;text-underline-offset:2px;font-weight:900;text-decoration-thickness:2px}.kifu-lightbulb{background:#fff;border-radius:999px;place-items:center;width:28px;height:28px;font-size:.95rem;display:grid;box-shadow:inset 0 0 0 1px #00a5c51f}.librarian-btn:hover,.librarian-btn:focus-visible,.kifu-help-toggle summary:hover,.kifu-help-toggle summary:focus-visible{color:#007f96!important;background:#00a5c514!important;border-color:#00a5c557!important;outline:none!important}.last-seen-icon,.icon-last-seen{background:linear-gradient(135deg, var(--accent,#00a5c5), var(--accent-2,#16afbe))!important;color:#fff!important;border:0!important;box-shadow:0 10px 18px #007f9629,inset 0 0 0 1px #ffffff2e!important}.last-seen-icon svg,.icon-last-seen svg,.last-seen-icon svg *,.icon-last-seen svg *{fill:none!important;stroke:#fff!important;stroke-width:5px!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:1!important}[data-theme=dark] .home-page{background:var(--bg,#0f172a)}[data-theme=dark] .hero{background:#111827;border-color:#94a3b833;box-shadow:0 18px 45px #00000047}[data-theme=dark] .hero:before{background-image:url(/assets/top_papi_dark.png)}[data-theme=dark] .hero:after{background:linear-gradient(90deg,#111827 0% 47%,#111827f5 55%,#1118278f 66%,#11182714 78%,#11182700 100%)}[data-theme=dark] .hero-title,[data-theme=dark] .hero-text,[data-theme=dark] .card-head h2,[data-theme=dark] .mini-row strong,[data-theme=dark] .last-seen-copy strong{color:#f8fafc!important}[data-theme=dark] .hero-text,[data-theme=dark] .mini-row small,[data-theme=dark] .last-seen-copy small{color:#c8d3df!important}[data-theme=dark] .mini-card{background:linear-gradient(#1e293bf5,#0f172af0);border-color:#94a3b82e;box-shadow:0 18px 45px #00000042}[data-theme=dark] .mini-row,[data-theme=dark] .last-seen-card{color:#f8fafc;background:#0f172ab8;border-color:#94a3b829}[data-theme=dark] .mini-row:hover,[data-theme=dark] .mini-row:focus-visible,[data-theme=dark] .last-seen-card:hover,[data-theme=dark] .last-seen-card:focus-visible{background:#00a5c524;border-color:#67e8f96b}[data-theme=dark] .last-seen-copy em,[data-theme=dark] .mini-row-arrow{color:#67e8f9}[data-theme=dark] .muted-block{background:#0f172aa3;border-color:#94a3b838;color:#c8d3df!important}[data-theme=dark] .kifu-help-toggle{background:#0f172ac7;border-color:#94a3b833}[data-theme=dark] .kifu-help-toggle summary{color:#67e8f9}[data-theme=dark] .librarian-btn:hover,[data-theme=dark] .librarian-btn:focus-visible,[data-theme=dark] .kifu-help-toggle summary:hover,[data-theme=dark] .kifu-help-toggle summary:focus-visible,[data-theme=dark] .kifu-help-toggle[open] summary{color:#fff!important;background:#00a5c52e!important;border-color:#67e8f96b!important}[data-theme=dark] .kifu-help-content,[data-theme=dark] .tutorial-flow,[data-theme=dark] .tutorial-flow ul,[data-theme=dark] .tutorial-flow li,[data-theme=dark] .kifu-lightbulb-note{color:#dbeafe}[data-theme=dark] .kifu-lightbulb-note,[data-theme=dark] .tutorial-search-strip{background:#00a5c51a;border-color:#67e8f938}[data-theme=dark] .kifu-lightbulb{background:#0f172ad1;box-shadow:inset 0 0 0 1px #67e8f93d}[data-theme=dark] .modal-backdrop{background:#020617ad}[data-theme=dark] .modal-card{color:#e5eef8;background:#111827;border-color:#94a3b838;box-shadow:0 28px 90px #0000007a}[data-theme=dark] .modal-head{border-bottom-color:#94a3b82e}[data-theme=dark] .modal-head h2,[data-theme=dark] .tutorial-flow h3,[data-theme=dark] .tutorial-search-strip{color:#f8fafc}[data-theme=dark] .tutorial-body,[data-theme=dark] .tutorial-flow p{color:#dbeafe}[data-theme=dark] .text-btn{color:#c8d3df;background:#0f172ae0;border-color:#94a3b83d}[data-theme=dark] .text-btn:hover,[data-theme=dark] .text-btn:focus-visible{color:#fff;background:#00a5c52e;border-color:#67e8f96b}[data-theme=dark] .librarian-portrait{background:#1e293b}@media (width<=900px){[data-theme=dark] .hero:after{background:linear-gradient(#111827 0% 52%,#111827f0 62%,#1118276b 78%,#11182700 100%)}}