.op-logo{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:0;width:var(--bw);height:var(--bh);box-sizing:content-box}.op-logo img{display:block;width:var(--lw)!important;height:var(--lh)!important;max-width:100%;object-fit:contain!important;filter:none!important;flex:none}.op-logo.plate-white{background:#fff;padding:6px 10px;border:1px solid var(--rule);border-radius:4px}.op-logo.plate-black{background:#0b1823;padding:6px 10px;border:1px solid #0b1823;border-radius:4px}.op-logo.plate-ink{background:#101631;padding:6px 10px;border:1px solid #101631;border-radius:4px}.rp{display:grid;gap:5px;width:310px;padding:12px 14px 0;background:radial-gradient(ellipse at 100% 0,rgb(242 194 48 / .16),transparent 60%),#0c1129;color:#e9ecf6;border-top:3px solid var(--saddle);border-radius:6px;text-decoration:none;box-shadow:0 14px 30px -18px #101631cc;overflow:hidden;transition:transform .2s}.rp:hover{transform:translateY(-2px)}.rp-head{display:flex;align-items:center;gap:8px;margin-bottom:2px;font:700 .7rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--saddle)}.rp-dot{width:8px;height:8px;border-radius:50%;background:#3fd27f;box-shadow:0 0 #3fd27f99;animation:rpPulse 1.8s ease-out infinite}.rp-row{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;color:#c9cee0;border-top:1px solid #1f2650;padding-top:5px}.rp-row b{font:700 .95rem/1 var(--slab);color:#fff;white-space:nowrap}.rp-row b[data-days]{color:#3fd27f}.rp-tick{display:block;height:28px;margin:4px -14px 0;background:#070b1d;overflow:hidden;border-top:1px solid #1f2650}.rp-tick-in{display:flex;flex-direction:column;animation:rpTick 18s steps(1) infinite}.rp-tick-in>span{height:28px;display:flex;align-items:center;gap:6px;padding:0 14px;font-size:.74rem;color:#aeb5d3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-tick-in b{color:#fff}@keyframes rpPulse{70%{box-shadow:0 0 0 7px #3fd27f00}to{box-shadow:0 0 #3fd27f00}}@keyframes rpTick{0%{transform:translateY(0)}16.66%{transform:translateY(-28px)}33.33%{transform:translateY(-56px)}50%{transform:translateY(-84px)}66.66%{transform:translateY(-112px)}83.33%{transform:translateY(-140px)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.rp-dot,.rp-tick-in{animation:none}.rp{transition:none}}.kr-board{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px;padding:10px 16px;background:#05071a;border:2px solid #2a3260;box-shadow:inset 0 0 18px #000c;font:700 .95rem/1.2 var(--slab);letter-spacing:.12em;text-transform:uppercase;color:var(--saddle);text-shadow:0 0 8px rgb(242 194 48 / .55);min-height:44px}.kr-board-say{flex:1;min-width:200px}.kr-board .kr-score{margin:-10px -16px -10px auto;background:transparent}.kr-board .kr-score div{border-left:1px solid #2a3260;padding:8px 16px}.kr-board .kr-score dd{text-shadow:0 0 8px rgb(242 194 48 / .55)}.kr-streak{flex:none;padding:4px 10px;border:1px solid var(--saddle);color:var(--ink);background:var(--saddle);font:700 .75rem/1 var(--sans);letter-spacing:.14em;text-shadow:none}.kr-streak[hidden]{display:none}.kr-motto{position:relative;z-index:2;margin:-8px 0 12px;text-align:center;font:700 clamp(1rem,2vw,1.4rem)/1 var(--slab);letter-spacing:.5em;text-transform:uppercase;background:linear-gradient(180deg,#f3d98a,#b9893a 60%,#7c5a22);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px rgb(0 0 0 / .6))}.kr-board-dot{width:10px;height:10px;border-radius:50%;background:#e0453a;box-shadow:0 0 8px #e0453a;flex:none;animation:krRec 1.4s infinite}@keyframes krRec{50%{opacity:.25}}.kr-board.is-new span[data-kr]{animation:krTicker .45s ease-out}@keyframes krTicker{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.locker-inside:after{content:"";position:absolute;top:7%;left:18%;right:18%;height:4px;border-radius:2px;background:linear-gradient(180deg,#e6c56d,#8a6326);box-shadow:0 2px 3px #00000080}.locker-inside img{transform-origin:50% 0}.locker.is-open .locker-inside img{animation:krSwing 1.1s ease-out}@keyframes krSwing{0%{transform:rotate(7deg)}30%{transform:rotate(-5deg)}55%{transform:rotate(3deg)}80%{transform:rotate(-1deg)}to{transform:rotate(0)}}.locker-stamp{position:absolute;z-index:2;bottom:8%;left:50%;transform:translate(-50%) rotate(-8deg) scale(.6);opacity:0;padding:3px 8px;border:2px solid #e6c56d;color:#e6c56d;font:700 .7rem/1 var(--sans);letter-spacing:.16em;background:#0a0e22bf;transition:opacity .2s,transform .3s cubic-bezier(.2,1.6,.4,1)}.locker.is-matched .locker-stamp{opacity:1;transform:translate(-50%) rotate(-8deg) scale(1)}.locker.is-matched .locker-inside{animation:krPulse .9s ease-out 1}@keyframes krPulse{0%{box-shadow:inset 0 0 #f2c23000}40%{box-shadow:inset 0 0 50px #f2c230e6}to{box-shadow:inset 0 0 30px #f2c2308c}}.locker.is-miss{animation:krShake .4s ease-in-out}.locker.is-miss .locker-inside{box-shadow:inset 0 0 34px #e0453a8c}@keyframes krShake{20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.kr-room.is-done .locker{animation:krWave 1.2s ease-out both;animation-delay:calc(var(--i, 0) * 60ms)}@keyframes krWave{0%{filter:none}40%{filter:brightness(1.6) saturate(1.2)}to{filter:none}}.kr-stars{margin:4px 0 2px;font-size:1.6rem;letter-spacing:.2em;color:var(--saddle)}.kr-title{margin:0 0 8px;font:700 1.5rem/1.2 var(--slab)}@media(prefers-reduced-motion:reduce){.kr-board-dot,.locker.is-open .locker-inside img,.locker.is-miss,.kr-room.is-done .locker,.locker.is-matched .locker-inside,.kr-board.is-new span[data-kr]{animation:none!important}}.kr{padding:40px 0 20px}.kr-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:16px}.kr-kick{margin:0 0 6px;font:700 .75rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}.kr-head h2{margin:0 0 6px;font-size:clamp(1.8rem,3vw,2.5rem)}.kr-sub{margin:0;color:var(--ink-soft);max-width:none}.kr-head>div:first-child{flex:1 1 100%}.kr-score{display:flex;gap:0;margin:0;background:var(--ink);color:#fff}.kr-score div{padding:10px 18px;border-left:1px solid #39406a;text-align:center}.kr-score div:first-child{border-left:0}.kr-score dt{font:700 .7rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#c9cde0}.kr-score dd{margin:6px 0 0;font:700 1.4rem/1 var(--slab);color:var(--saddle);font-variant-numeric:tabular-nums}.kr-room{position:relative;margin:0;padding:34px 28px 0;overflow:hidden;background:radial-gradient(ellipse 30% 55% at 15% 0%,rgb(242 194 48 / .22),transparent 70%),radial-gradient(ellipse 30% 55% at 50% 0%,rgb(242 194 48 / .22),transparent 70%),radial-gradient(ellipse 30% 55% at 85% 0%,rgb(242 194 48 / .22),transparent 70%),repeating-linear-gradient(0deg,rgb(0 0 0 / .28) 0 1px,transparent 1px 26px),repeating-linear-gradient(90deg,rgb(0 0 0 / .28) 0 1px,transparent 1px 52px),linear-gradient(180deg,#18214a,#0c1230);border-top:6px solid #a87a30}.kr-lights{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-around;pointer-events:none}.kr-lights i{width:70px;height:8px;background:#f7e3a0;border-radius:0 0 6px 6px;box-shadow:0 6px 30px 8px #f2c23059}.kr-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;position:relative;z-index:1}.locker{position:relative;display:block;width:100%;aspect-ratio:3 / 3.6;perspective:700px;overflow:hidden;outline-offset:-3px;padding:0;border:0;background:none;cursor:pointer}.locker-inside{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 20%,#3a3050,#17142a 75%);border:3px solid #0a0e22;box-shadow:inset 0 0 24px #000000b3}.locker-inside img{width:70%;height:auto;filter:drop-shadow(0 8px 10px rgb(0 0 0 / .5));opacity:0;transition:opacity .2s .15s}.locker-door{position:absolute;inset:0;transform-origin:left center;transition:transform .55s cubic-bezier(.3,.7,.2,1);transform-style:preserve-3d;background:linear-gradient(90deg,#1d2a5c,#22306a,#1a2654);border:3px solid #0a0e22;box-shadow:inset 0 0 0 2px #2f3d7a}.locker-door:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8px 8px,#c9a24a 0 2px,transparent 3px),radial-gradient(circle at calc(100% - 8px) 8px,#c9a24a 0 2px,transparent 3px),radial-gradient(circle at 8px calc(100% - 8px),#c9a24a 0 2px,transparent 3px),radial-gradient(circle at calc(100% - 8px) calc(100% - 8px),#c9a24a 0 2px,transparent 3px),linear-gradient(115deg,transparent 30%,rgb(255 255 255 / .09) 42%,transparent 55%);pointer-events:none}.locker:not(.is-open):hover .locker-door{transform:rotateY(-12deg)}.locker:not(.is-open):hover .locker-inside img{opacity:.35}.locker-vents{position:absolute;left:22%;right:22%;top:9%;height:18%;background:repeating-linear-gradient(180deg,#060918 0 5px,#2f3d7a 5px 6px,transparent 6px 10px);border-radius:2px;box-shadow:inset 0 1px 2px #0009}.locker-plate{position:absolute;left:50%;top:38%;transform:translate(-50%);padding:3px 9px;background:linear-gradient(180deg,#e6c56d,#b9893a);color:#2a1d06;font:700 .9rem/1 var(--slab);border:1px solid #7c5a22;border-radius:3px}.locker-handle{position:absolute;right:12%;top:52%;width:6px;height:34px;border-radius:3px;background:linear-gradient(90deg,#8a6326,#e6c56d,#8a6326)}.locker-door:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070a1c,#141b3c);opacity:0;transition:opacity .3s}.locker.is-open .locker-door{transform:rotateY(-84deg)}.locker.is-open .locker-door:after{opacity:1}.locker-inside:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#05071a,#1a2150);border-right:1px solid #c9a24a55;transition:width .35s .1s;z-index:1}.locker.is-open .locker-inside:before{width:8px}.locker.is-open .locker-plate,.locker.is-open .locker-handle,.locker.is-open .locker-vents{opacity:0;transition:opacity .15s}.locker.is-open .locker-inside img{opacity:1}.locker.is-matched .locker-inside{background:radial-gradient(ellipse at 50% 25%,#6b5520,#2a2140 70%);box-shadow:inset 0 0 30px #f2c2308c;border-color:#a87a30}.locker:focus-visible{outline:3px solid var(--saddle);outline-offset:-3px}.kr-bench{position:relative;height:30px;margin:22px -28px 0;background:repeating-linear-gradient(90deg,transparent 0 118px,rgb(0 0 0 / .35) 118px 120px),linear-gradient(180deg,#a06a33,#7a4c22 55%,#4a2c14);box-shadow:0 -4px 10px #00000059,0 10px 0 -4px #0a0e22}.kr-bench:before,.kr-bench:after{content:"";position:absolute;bottom:-14px;width:8px;height:14px;background:linear-gradient(90deg,#8a6326,#e6c56d,#8a6326)}.kr-bench:before{left:12%}.kr-bench:after{right:12%}.kr-ai{top:14px;right:14px}.kr-cap{margin:0;padding:22px 0 12px;font-size:.78rem;color:#c9cde0}.kr-actions{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;margin:0 0 14px}.kr-more{font-weight:700;display:inline-flex;align-items:center;min-height:44px}.kr-grid[data-size="16"],.kr-grid[data-size="20"]{grid-template-columns:repeat(8,minmax(0,1fr))}.kr-grid[data-size="20"]{grid-template-columns:repeat(10,minmax(0,1fr));gap:10px}.locker-num{position:absolute;top:8px;left:8px;min-width:26px;padding:4px 6px;background:var(--ink);border:1px solid #c9a24a;font:700 .85rem/1 var(--slab);color:#fff;text-align:center;opacity:0;transition:opacity .2s .15s}.locker.is-open .locker-num{opacity:1}.kr-room.is-flicker{animation:krFlicker .5s steps(2) 1}@keyframes krFlicker{0%,to{filter:none}50%{filter:brightness(.45)}}.kr-room.is-done .locker-inside{box-shadow:inset 0 0 34px #f2c230b3}.kr-result{position:absolute;z-index:4;inset:50% auto auto 50%;transform:translate(-50%,-50%);background:#101631f0;border:2px solid var(--saddle);padding:24px 30px;text-align:center;color:#fff;min-width:min(360px,86%)}.kr-result[hidden]{display:none}.kr-result .kr-kick{color:var(--saddle)}.kr-result-line{font:700 1.25rem/1.35 var(--slab);margin:0 0 6px}.kr-result-line b{color:var(--saddle)}.kr-result-best{color:#c9cde0;margin:0 0 14px}.kr-levels{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.kr-levels button{min-height:44px;padding:0 16px;border:1px solid var(--ink);background:var(--card);font-weight:700;cursor:pointer}.kr-levels button[aria-pressed=true]{background:var(--ink);color:#fff}.kr-best{font-size:.88rem;color:var(--ink-soft);margin-left:6px}@media(max-width:1024px){.kr-grid[data-size="16"],.kr-grid[data-size="20"]{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:860px){.kr-board .kr-score{margin:8px -16px -10px;width:calc(100% + 32px);justify-content:space-around}.kr-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.kr-room{padding:30px 14px 0}.kr-bench{margin:14px -14px 0}.locker-plate{font-size:.75rem;padding:2px 6px}}@media(max-width:520px){.kr-grid,.kr-grid[data-size="16"],.kr-grid[data-size="20"]{grid-template-columns:repeat(4,minmax(0,1fr))}.kr-grid[data-size="12"]{grid-template-columns:repeat(3,minmax(0,1fr))}}.kr-room:not([data-state]) .kr-grid>li:is(:nth-child(2),:nth-child(9),:nth-child(5)) .locker-door{animation:krAjar 7.5s ease-in-out infinite}.kr-room:not([data-state]) .kr-grid>li:nth-child(9) .locker-door{animation-delay:2.5s}.kr-room:not([data-state]) .kr-grid>li:nth-child(5) .locker-door{animation-delay:5s}.kr-room:not([data-state]) .kr-grid>li:is(:nth-child(2),:nth-child(9),:nth-child(5)) .locker-inside{animation:krPeek 7.5s ease-in-out infinite}.kr-room:not([data-state]) .kr-grid>li:nth-child(9) .locker-inside{animation-delay:2.5s}.kr-room:not([data-state]) .kr-grid>li:nth-child(5) .locker-inside{animation-delay:5s}.kr-room:not([data-state]) .locker:hover .locker-door,.kr-room:not([data-state]) .locker:hover .locker-inside{animation:none}@keyframes krAjar{0%,70%,to{transform:none}76%{transform:rotateY(-20deg)}79%{transform:rotateY(-15deg)}82%{transform:rotateY(-22deg)}90%{transform:rotateY(-22deg)}96%{transform:rotateY(-2deg)}}@keyframes krPeek{0%,70%,to{box-shadow:inset 0 0 24px #000000b3}80%,90%{box-shadow:inset 30px 0 40px -10px #f2c2308c,inset 0 0 24px #000000b3}}@media(prefers-reduced-motion:reduce){.locker-door{transition:none}.kr-room .locker-door,.kr-room .locker-inside{animation:none!important}}
