.home-landing.oulpan{--green:var(--accent-fort);--green-d:var(--accent-lip);--mint:var(--accent-soft);--mint-d:#b9d9f5}.home-landing.oulpan .cells i.ok{background:var(--elev-green);border-color:var(--elev-green)}.home-landing.oulpan .marks .m.ok{color:var(--elev-green)}.home-landing.oulpan .hero{background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px), linear-gradient(180deg, transparent 40%, var(--hero-to));background-size:var(--cell) var(--cell), var(--cell) var(--cell), 100% 100%}.home-landing.oulpan .stations li.now .ico{box-shadow:0 0 0 4px var(--green), 0 0 0 9px color-mix(in srgb, var(--accent-fort) 20%, transparent), 0 10px 18px -10px #25274480}.home-landing.oulpan .road .fill:after{box-shadow:0 0 0 5px color-mix(in srgb, var(--accent-fort) 22%, transparent)}.home-landing.oulpan .elev-player__start{background:var(--green);box-shadow:0 6px 0 var(--green-d), var(--elev-shadow-float)}.home-landing.oulpan .elev-player__start:active{box-shadow:0 2px 0 var(--green-d)}.home-landing.oulpan .tour.solo{grid-template-columns:minmax(0,1fr);max-width:880px;margin-inline:auto}.home-landing.oulpan .stk-page{direction:rtl;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.home-landing.oulpan .stk{aspect-ratio:1;border-radius:14px;width:auto;height:auto}.home-landing.oulpan .stk bdi{font:600 clamp(20px, 2.2vw, 28px)/1 var(--he);color:var(--ink)}.home-landing.oulpan .stk:nth-child(3n){background:#fff3c4}.home-landing.oulpan .stk:nth-child(4n){background:var(--mint)}.home-landing.oulpan .ttiles{grid-template-columns:repeat(2,minmax(0,300px));gap:18px;margin-block-start:14px;display:grid}.home-landing.oulpan .tt{--c:var(--gold);--lip:var(--gold-lip);--fg:var(--ink);text-align:start;background:var(--c);color:var(--fg);box-shadow:0 5px 0 var(--lip);border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 14px;padding-block:14px;padding-inline:14px 18px;text-decoration:none;display:grid}.home-landing.oulpan .tt.adult{--c:var(--green);--lip:var(--green-d);--fg:#fff}.home-landing.oulpan .tt:hover{box-shadow:0 7px 0 var(--lip);transform:translateY(-2px)}.home-landing.oulpan .tt[aria-current=page]{box-shadow:0 2px 0 var(--lip), 0 0 0 3px var(--paper), 0 0 0 6px var(--green);transform:translateY(3px)}.home-landing.oulpan .tt .pic{background:#ffffff8c;border-radius:14px;grid-row:span 2;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.home-landing.oulpan .tt.adult .pic{font:700 26px/1 var(--he);color:#fff;background:#ffffff2e}.home-landing.oulpan .tt .pic img{object-fit:contain;width:46px;height:46px}.home-landing.oulpan .tt .nm{letter-spacing:-.02em;font-size:18.5px;font-weight:700}.home-landing.oulpan .tt .ln{opacity:.85;font-size:14px;line-height:1.4}.home-landing.oulpan .mini{gap:8px}.home-landing.oulpan .mini .tt{box-shadow:0 3px 0 var(--lip);border-radius:11px;flex:none;padding-block:6px;padding-inline:12px;display:inline-flex}.home-landing.oulpan .mini .tt .nm{font-size:14.5px}.home-landing.oulpan .mini .tt:hover{box-shadow:0 4px 0 var(--lip)}.home-landing.oulpan .mini .tt[aria-current=page]{box-shadow:0 1px 0 var(--lip), 0 0 0 2px #fff, 0 0 0 4px var(--green);transform:translateY(2px)}.home-landing.oulpan .gbar .tt-chip{background:var(--gold);color:var(--ink);border-radius:9px;padding-block:3px;padding-inline:10px;font-size:14.5px;font-weight:700;display:inline-block}.home-landing.oulpan .gbar .tt-chip.adult{background:var(--green);color:#fff}.home-landing.oulpan .gate .mini{flex-wrap:wrap}.home-landing.oulpan .nb-page.word-card{padding-block:22px 24px;padding-inline:24px}.home-landing.oulpan .word-card .src{color:var(--mute);justify-content:space-between;gap:10px;margin:0;font-size:13.5px;display:flex}.home-landing.oulpan .word-card .src .free{font:400 15px var(--hand);color:var(--green);flex:none}.home-landing.oulpan .word-card .word{text-align:center;font:600 clamp(54px, 7vw, 76px)/1.25 var(--he);color:var(--ink);letter-spacing:0;direction:rtl;margin-block:16px 6px;margin-inline:0}.home-landing.oulpan .word-card .word span{display:inline-block}.home-landing.oulpan .word-card .dir{font:400 14.5px var(--hand);color:var(--pen);justify-content:center;align-items:center;gap:8px;margin:0;display:flex}.home-landing.oulpan .word-card .dir svg{width:64px;height:14px}.home-landing.oulpan .word-card .letters{flex-flow:row-reverse wrap;justify-content:center;gap:8px;margin-block:16px 0;margin-inline:0;padding:0;list-style:none;display:flex}.home-landing.oulpan .word-card .letters li{min-width:56px;box-shadow:inset 0 0 0 1.5px var(--grid-strong);background:#f7f9fc;border-radius:12px;justify-items:center;gap:2px;padding-block:8px 6px;padding-inline:6px;display:grid}.home-landing.oulpan .word-card .letters .g{font:600 30px/1.2 var(--he);color:var(--ink)}.home-landing.oulpan .word-card .letters .n{font:400 14px/1.2 var(--hand);color:var(--pen)}.home-landing.oulpan .word-card .mean{font:400 26px/1.2 var(--hand);color:var(--green);justify-content:center;align-items:baseline;gap:10px;margin-block:18px 0;margin-inline:0;display:flex}.home-landing.oulpan .ranks{flex-wrap:wrap;gap:14px;margin-block-end:16px;display:flex}.home-landing.oulpan .rank{justify-items:center;gap:4px;display:grid}.home-landing.oulpan .rank .cells{gap:5px;margin:0}.home-landing.oulpan .rank b{font:600 14px var(--he);color:var(--mute)}.home-landing.oulpan .cells i.skip{background:repeating-linear-gradient(45deg, #fff 0 4px, var(--grid) 4px 6px)}.home-landing.oulpan .gated .rank .cells i{background:#e4e9ee}.home-landing.oulpan .sheet{gap:12px;display:grid}.home-landing.oulpan .sheet .lvl{align-items:center;gap:14px;display:flex}.home-landing.oulpan .sheet .big{background:var(--gold);width:72px;height:72px;box-shadow:0 5px 0 var(--gold-lip);font:700 38px/1 var(--he);color:var(--ink);border-radius:18px;flex:none;place-items:center;display:grid}.home-landing.oulpan .sheet .can{font:400 18px/1.4 var(--hand);color:var(--green)}.home-landing.oulpan .sheet .est{color:var(--soft);font-size:15.5px}.home-landing.oulpan .sheet .acts{margin-block-start:4px}.home-landing.oulpan .sheet>.link{justify-self:start}.home-landing.oulpan .stations .ico.lt{font:700 30px/1 var(--he);background:var(--gold);color:var(--ink)}.home-landing.oulpan .stations li:nth-child(2) .ico.lt{color:#fff;background:#3c98e9}.home-landing.oulpan .stations li:nth-child(3) .ico.lt{background:var(--green);color:#fff}.home-landing.oulpan .stations li:nth-child(4) .ico.lt{color:#fff;background:#7b5bd6}.home-landing.oulpan .stations li.done .ico:after{display:none}.home-landing.oulpan .stations .can{color:var(--soft);background:#ffffffe0;border-radius:10px;max-width:22ch;padding-block:2px;padding-inline:8px;font-size:14.5px;line-height:1.4}.home-landing.oulpan .stations .fc{box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink);background:#fff;border-radius:12px;gap:2px;max-width:100%;margin-block-start:10px;padding-block:8px;padding-inline:12px;text-decoration:none;display:grid}.home-landing.oulpan .stations .fc b{font-size:15px;font-weight:600}.home-landing.oulpan .stations .fc span{font:400 14px var(--hand);color:var(--green)}.home-landing.oulpan .stations .fc:hover{box-shadow:inset 0 0 0 1.5px var(--green)}.home-landing.oulpan .seat{max-width:900px;color:var(--soft);margin-block-start:22px;font-size:16px}.home-landing.oulpan .addon{max-width:900px;box-shadow:inset 0 0 0 2px var(--mint), 0 16px 32px -28px color-mix(in srgb, var(--green) 50%, transparent);background:#fff;border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-block-start:16px;padding-block:14px;padding-inline:18px;display:flex}.home-landing.oulpan .addon p{margin:0;font-weight:500}.home-landing.oulpan .addon-ask{justify-items:start;gap:12px;display:grid}.home-landing.oulpan .addon-ask[open]{flex-basis:100%;inline-size:100%}.home-landing.oulpan .addon-ask>summary{list-style:none}.home-landing.oulpan .addon-ask>summary::-webkit-details-marker{display:none}.home-landing.oulpan .addon-ask[open]>summary{box-shadow:0 1px 0 var(--green-d);transform:translateY(2px)}.home-landing.oulpan .addon-ask__panel{border-block-start:1.5px dashed var(--grid-strong);justify-self:stretch;gap:12px;padding-block-start:12px;display:grid}.home-landing.oulpan .addon-ask__panel .acts{margin-block-start:0}@media (prefers-reduced-motion:no-preference){.home-landing.oulpan .tt{transition:transform .12s,box-shadow .12s}.home-landing.oulpan .word-card.play .word span{animation:.6s cubic-bezier(.3,.7,.3,1) both oulpan-write;animation-delay:calc(var(--i) * .32s + .2s)}.home-landing.oulpan .word-card.play .dir{animation:.4s ease-out .1s both hero-jot}.home-landing.oulpan .word-card.play .letters li{animation:.4s ease-out both hero-jot;animation-delay:calc(var(--i) * .12s + var(--base,1.8s))}.home-landing.oulpan .word-card.play .mean{animation:.5s ease-out both hero-jot;animation-delay:var(--mean,2.8s)}.home-landing.oulpan .rank .cells i{transition:background .25s,border-color .25s}}@keyframes oulpan-write{0%{clip-path:inset(-40% 0 -40% 100%);opacity:.25}to{clip-path:inset(-40% -10%);opacity:1}}@media (max-width:900px){.home-landing.oulpan .stations .station{grid-template-columns:64px minmax(0,1fr)}.home-landing.oulpan .stations .can{background:0 0;grid-column:2;max-width:none;padding:0}.home-landing.oulpan .stations .fc{margin-inline-start:78px}}@media (max-width:600px){.home-landing.oulpan .ttiles{grid-template-columns:1fr}}