@font-face{font-family:Permanent Marker;font-style:normal;font-weight:400;font-display:swap;src:url(../media/612bd71aa396cae6-s.p.0y-3ea_6ee5g5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Permanent Marker Fallback;src:local(Arial);ascent-override:97.58%;descent-override:27.92%;line-gap-override:2.66%;size-adjust:113.69%}.permanent_marker_df9b2545-module__bENXUG__className{font-family:Permanent Marker,Permanent Marker Fallback;font-style:normal;font-weight:400}.permanent_marker_df9b2545-module__bENXUG__variable{--font-marker:"Permanent Marker", "Permanent Marker Fallback"}
:root{--accent:#c9e94b;--accent-strong:#b4d92c;--accent-soft:#eef7c9;--accent-ink:#1d260a;--navy:#0e1c3e;--navy-2:#16264d;--navy-3:#233158;--ink:#15213f;--ink-2:#58627a;--ink-3:#939bac;--line:#e7e9ee;--line-strong:#d3d7e0;--bg:#fff;--bg-soft:#f5f7f2;--paper:#fafbf6;--cat-spin:#e6f2c4;--cat-control:#d6e6f4;--cat-power:#fbe4cf;--cat-allround:#dbe4f0;--cat-light:#e6def3;--star:#f5b835;--font-display:var(--font-display,"Archivo", sans-serif);--font-ui:var(--font-ui,"Noto Sans JP", sans-serif);--font-marker:var(--font-marker,"Permanent Marker", cursive);--r-sm:8px;--r-md:14px;--r-lg:22px;--r-xl:30px;--shadow-card:0 1px 2px #0f1c3e0a, 0 8px 28px #0f1c3e0f;--shadow-pop:0 18px 50px #0f1c3e29;--shadow-soft:0 2px 12px #0f1c3e0d;--maxw:1200px;--ease:cubic-bezier(.2, 0, 0, 1);--ink-0:#15213f;--ink-100:#34405e;--ink-200:#58627a;--ink-300:#939bac;--ink-400:#c2c7d2;--paper-0:#fff;--paper-50:#fafbf6;--paper-100:#f1f3ee;--paper-200:#e7e9ee;--paper-300:#d3d7e0;--accent-bg:var(--accent-soft);--accent-dark:#556b1a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:56px;--space-9:72px;--space-10:96px;--fs-meta:12px;--fs-ui-sm:13px;--fs-ui:14px;--fs-body:15px;--fs-body-lg:16px;--fs-display-sm:22px;--fs-display-md:28px;--fs-display-lg:40px;--tr-display-sm:-.01em;--tr-display-md:-.015em;--tr-display-lg:-.02em;--lh-body-lg:1.9;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--dur-fast:.15s;--dur-base:.2s}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-ui);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.display{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;font-style:italic;font-weight:900;line-height:.92}.marker{font-family:var(--font-marker);font-style:normal}.tnum,.t-num{font-variant-numeric:tabular-nums}.t-meta{font-size:var(--fs-ui-sm);color:var(--ink-300);font-weight:500}.t-display-lg{font-family:var(--font-display);font-weight:500;font-size:var(--fs-display-lg);letter-spacing:var(--tr-display-lg);color:var(--ink-0);line-height:1.15}.badge{white-space:nowrap;background:var(--paper-100);height:24px;color:var(--navy);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.badge-genre-control{background:var(--cat-control)}.badge-genre-power{background:var(--cat-power)}.badge-genre-spin{background:var(--cat-spin)}.badge-genre-all-around{background:var(--cat-allround)}.badge-genre-lightweight{background:var(--cat-light)}.badge-level-beginner{background:var(--accent-soft);color:var(--accent-dark)}.badge-level-intermediate{color:var(--navy-2);background:#e3e9f3}.badge-level-advanced{background:var(--navy);color:#fff}.eyebrow{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-strong);font-size:12px;font-style:italic;font-weight:700}.site-header{z-index:60;-webkit-backdrop-filter:saturate(140%)blur(10px);backdrop-filter:saturate(140%)blur(10px);border-bottom:1px solid var(--line);background:#ffffffe6;position:sticky;top:0}.site-header .wrap{align-items:center;gap:28px;height:76px;display:flex}.brand{flex-direction:column;gap:3px;line-height:1;display:flex}.brand .logo{font-family:var(--font-display);letter-spacing:-.02em;color:var(--navy);font-size:27px;font-style:italic;font-weight:900}.brand .logo b{color:var(--accent-strong)}.brand .sub{font-family:var(--font-display);letter-spacing:.26em;color:var(--ink-3);font-size:8.5px;font-weight:700}.site-nav{gap:30px;margin-left:12px;display:flex}.site-nav a{color:var(--ink);transition:color .18s var(--ease);padding:4px 0;font-size:15px;font-weight:500;position:relative}.site-nav a:after{content:"";background:var(--accent);transform-origin:0;height:3px;transition:transform .2s var(--ease);border-radius:2px;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.site-nav a:hover{color:var(--navy)}.site-nav a:hover:after,.site-nav a.active:after{transform:scaleX(1)}.header-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.icon-btn{width:42px;height:42px;color:var(--ink);transition:background .18s var(--ease), color .18s var(--ease);background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;display:grid}.icon-btn:hover{background:var(--bg-soft);color:var(--navy)}.icon-btn svg{width:21px;height:21px}.hamburger{display:none}.btn{white-space:nowrap;height:56px;transition:transform .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease), color .18s var(--ease);border:1px solid #0000;border-radius:999px;align-items:center;gap:12px;padding:0 26px;font-size:16px;font-weight:700;line-height:1;display:inline-flex}.btn .arr{width:30px;height:30px;transition:transform .2s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.btn:hover .arr{transform:translate(3px)}.btn svg{width:17px;height:17px}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-accent .arr{background:var(--accent-ink);color:var(--accent)}.btn-accent:hover{background:var(--accent-strong);transform:translateY(-2px);box-shadow:0 10px 24px #b4d92c66}.btn-navy{background:var(--navy);color:#fff}.btn-navy .arr{background:var(--accent);color:var(--accent-ink)}.btn-navy:hover{background:var(--navy-2);transform:translateY(-2px)}.btn-ghost{color:var(--navy);border-color:var(--line-strong);background:0 0}.btn-ghost .arr{background:var(--navy);color:#fff}.btn-ghost:hover{border-color:var(--navy);transform:translateY(-2px)}.btn.flat .arr{background:0 0;width:auto;height:auto}.btn-accent.flat{box-shadow:none}.btn-accent.flat .arr{color:var(--accent-ink)}.btn-ghost.flat .arr{color:var(--navy)}.btn-sm{height:44px;padding:0 18px;font-size:14px}.btn-sm .arr{width:24px;height:24px}.sec{padding:64px 0}.sec-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.sec-title{font-family:var(--font-ui);letter-spacing:-.01em;color:var(--navy);margin:0;font-size:28px;font-weight:900}.link-more{color:var(--ink-2);align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.link-more svg{width:14px;height:14px}.link-more:hover{color:var(--accent-strong)}.stars{color:var(--star);gap:2px;display:inline-flex}.stars svg{width:16px;height:16px}.radar-poly{fill:#c9e94b59;stroke:var(--accent-strong);stroke-width:2px}.radar-grid{fill:none;stroke:var(--line-strong);stroke-width:1px}.radar-axis{stroke:var(--line);stroke-width:1px}.radar-dot{fill:var(--navy)}.radar-label{font-family:var(--font-ui);fill:var(--ink-2);font-size:12.5px;font-weight:700}.score-bar-track{background:var(--line);border-radius:4px;height:7px;overflow:hidden}.score-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-strong));border-radius:4px;height:100%}.site-footer{background:var(--navy);color:#c7cedd;padding:64px 0 40px}.footer-grid{grid-template-columns:1.6fr 1fr 1fr;gap:36px;display:grid}.site-footer .brand .logo{color:#fff}.site-footer .brand .sub{color:#6b7791}.footer-about{color:#99a4ba;max-width:260px;margin:18px 0 20px;font-size:13.5px;line-height:1.7}.social{gap:10px;display:flex}.social a{color:#c7cedd;width:38px;height:38px;transition:background .18s var(--ease), color .18s;background:#ffffff12;border-radius:50%;place-items:center;display:grid}.social a:hover{background:var(--accent);color:var(--accent-ink)}.social svg{width:17px;height:17px}.foot-col h4{letter-spacing:.04em;color:#fff;margin:0 0 16px;font-size:13px;font-weight:700}.foot-col ul{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.foot-col-2{grid-template-columns:1fr 1fr;gap:11px 24px;display:grid!important}.foot-col a{color:#99a4ba;transition:color .16s var(--ease);font-size:14px}.foot-col a:hover{color:var(--accent)}.news h4{color:#fff;margin:0 0 6px;font-size:15px}.news p{color:#99a4ba;margin:0 0 16px;font-size:13px}.news-form{gap:10px;display:flex}.news-form input{border:1px solid var(--navy-3);background:var(--navy-2);color:#fff;border-radius:10px;flex:1;height:52px;padding:0 16px;font-family:inherit;font-size:14px}.news-form input::placeholder{color:#6b7791}.news-form input:focus{border-color:var(--accent);outline:none}.news-form button{background:var(--accent);width:52px;height:52px;color:var(--accent-ink);transition:background .18s var(--ease);border:none;border-radius:10px;flex:none;place-items:center;display:grid}.news-form button:hover{background:var(--accent-strong)}.news-form button svg{width:18px;height:18px}.foot-disclosure{border-top:1px solid var(--navy-3);color:#6b7791;margin-top:40px;padding-top:22px;font-size:12px;line-height:1.7}.foot-bottom{border-top:1px solid var(--navy-3);color:#6b7791;justify-content:space-between;gap:16px;margin-top:18px;padding-top:22px;font-size:12.5px;display:flex}.mobile-drawer{z-index:200;position:fixed;inset:0}.mobile-drawer .scrim{background:#0e1c3e73;position:absolute;inset:0}.mobile-drawer .drawer-panel{background:var(--bg);width:min(320px,84vw);box-shadow:var(--shadow-pop);flex-direction:column;gap:6px;padding:24px;display:flex;position:absolute;top:0;bottom:0;right:0}.mobile-drawer .drawer-panel a{border-bottom:1px solid var(--line);padding:14px 8px;font-size:17px;font-weight:600}.mobile-drawer .drawer-panel .close{align-self:flex-end;margin-bottom:8px}@media (max-width:980px){.site-nav{display:none}.hamburger{display:grid}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.news{grid-column:1/-1}}@media (max-width:640px){.wrap{padding:0 18px}.site-header .wrap{gap:14px;height:64px}.sec{padding:44px 0}.sec-title{font-size:23px}.footer-grid{grid-template-columns:1fr 1fr}.foot-bottom{flex-direction:column}}