:root{color-scheme:dark;--bg: #1b2430;--panel: #121922;--panel-2: #18212c;--line: #2b3645;--line-2: #354255;--ink: #f4f1ea;--dim: #9aa6b4;--orange: #f0b24a;--orange-2: #f08a2a;--yellow: #ffd36a;--radius: 12px;--side: 268px}*{box-sizing:border-box}#hola{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:14px;box-shadow:0 8px 24px #00000059;animation:hola-in .5s ease-out}#hola[hidden]{display:none}.hola-face{animation:hola-wiggle 2.5s ease-in-out infinite;transform-origin:50% 80%}.hola-text{font-weight:900;font-size:17px;color:var(--yellow);white-space:nowrap}.hola-x{width:26px;height:26px;border:0;border-radius:50%;background:var(--line);color:var(--ink);font-size:16px;line-height:1;cursor:pointer}.hola-x:hover{background:var(--line-2)}@keyframes hola-in{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}@keyframes hola-wiggle{0%,70%,to{transform:rotate(0)}78%{transform:rotate(-10deg)}86%{transform:rotate(10deg)}94%{transform:rotate(-6deg)}}.install{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));z-index:20;max-width:300px;padding:10px 36px 10px 12px;background:var(--panel-2);border:1px solid var(--orange);border-radius:14px;box-shadow:0 8px 24px #00000059;font-size:13px;line-height:1.4}.install[hidden]{display:none}.install-title{font-weight:900;color:var(--yellow);margin-bottom:2px}.install-text svg{display:inline-block;vertical-align:-4px;margin:0 2px;color:var(--orange)}.install-x{position:absolute;right:8px;top:8px;width:24px;height:24px;border:0;border-radius:50%;background:var(--line);color:var(--ink);font-size:15px;line-height:1;cursor:pointer}@media(max-width:760px){.install{max-width:calc(100vw - 28px)}}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Nunito,system-ui,-apple-system,Segoe UI,Hiragino Sans,Apple SD Gothic Neo,Noto Sans CJK,sans-serif}body{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}svg{display:block}#app{display:flex;min-height:100vh;min-height:100dvh}#side{position:sticky;top:0;flex:0 0 var(--side);width:var(--side);height:100vh;height:100dvh;overflow-y:auto;background:var(--panel);border-right:1px solid var(--line);padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:14px}.side-top{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:900;font-size:25px;letter-spacing:.2px}.brand img{width:36px;height:36px;border-radius:8px}.brand span{background:linear-gradient(180deg,#ffd36a,#f0b24a 60%,#f08a2a);-webkit-background-clip:text;background-clip:text;color:transparent}.online{display:flex;align-items:center;gap:8px;margin-top:-8px;font-weight:800;font-size:15px;color:var(--ink)}.online .dot{width:9px;height:9px;border-radius:50%;background:#5fd36a;box-shadow:0 0 0 3px #5fd36a2e}.card{background:var(--panel-2);border:1px solid var(--line-2);border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;gap:8px}.player-row{display:flex;align-items:center;gap:8px}.avatar{position:relative;flex:0 0 38px;height:38px;border-radius:8px;background:linear-gradient(#6b4a2e 0 34%,#e6b98f 34%);overflow:hidden}.avatar i{position:absolute;top:17px;width:6px;height:6px;background:#1b2430}.avatar i:first-child{left:9px}.avatar i:nth-child(2){right:9px}.avatar b{position:absolute;left:13px;bottom:6px;width:12px;height:3px;background:#a3533a}#nick{flex:1;min-width:0;background:transparent;border:1px solid transparent;border-radius:8px;padding:6px;font-weight:800;font-size:16px}#nick:hover{border-color:var(--line-2)}#nick:focus{outline:none;border-color:var(--orange);background:#0e141b}.warn-row{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:8px;background:#f0b24a1f;color:var(--yellow);font-size:13px;font-weight:700;line-height:1.25}.warn-row svg{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;padding:0;border:1px solid var(--line-2);border-radius:9px;background:transparent;cursor:pointer}.icon-btn svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-btn:hover:not(:disabled){background:var(--line)}.menu-btn{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 10px;border-radius:9px;border:1px solid var(--line-2);background:transparent;font-weight:800;font-size:13.5px;cursor:pointer;white-space:nowrap}.btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.btn:disabled,.icon-btn:disabled,.code:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--orange);border-color:var(--orange);color:#1b2430}.btn-super{border-color:var(--orange);color:var(--orange)}.btn-shop{border-color:#a34fd8;color:#d9b3ff}.btn-ghost{color:var(--ink)}.wide{width:100%}.pair{display:flex;gap:8px}.pair>*{flex:1;min-width:0}.code{min-height:36px;padding:6px 10px;border-radius:9px;border:1px solid var(--line-2);background:#0e141b;font-weight:700;font-size:13.5px}.side-more{display:flex;flex-direction:column;gap:14px;flex:1}.side-sec h3{display:flex;align-items:baseline;justify-content:space-between;margin:4px 0 8px;font-size:12px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:var(--dim)}.side-sec h3 em{font-style:normal;font-size:10.5px;letter-spacing:.4px;text-transform:none;color:var(--orange);font-weight:800}.side-sec{display:flex;flex-direction:column;gap:8px}.side-bottom{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:8px}.icons{display:flex;gap:8px}.icons .icon-btn{flex:1}#main{flex:1;min-width:0;padding:max(10px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 28px 18px}.row h2{display:inline-flex;align-items:center;gap:6px;margin:12px 0 8px;font-size:21px;font-weight:900}.row h2 svg{width:22px;height:22px;fill:none;stroke:var(--orange);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.tile{position:relative;display:block;aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden;background:var(--panel);border:3px solid transparent;color:var(--ink);text-decoration:none;outline:none;box-shadow:0 2px #00000040;transition:transform .12s ease,border-color .12s ease}.tile .pic,.tile .pic img,.tile .pic svg{position:absolute;inset:0;width:100%;height:100%}.tile .pic img{object-fit:cover}a.tile:hover,a.tile:focus-visible{border-color:var(--orange);transform:translateY(-2px)}.tile.selected{border-color:var(--orange)}.tile.soon:focus-visible{border-color:#9aa6b4}.tile.soon .pic{filter:grayscale(.35) brightness(.72)}.tile.soon:hover .pic,.tile.soon:focus-visible .pic{filter:grayscale(.1) brightness(.88)}.strip{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;gap:6px;padding:18px 9px 6px;background:linear-gradient(transparent,#0a0e14e0 45%)}.names{flex:1;min-width:0;display:flex;flex-direction:column}.name{font-weight:900;font-size:15px;line-height:1.12;text-shadow:0 1px 2px rgba(0,0,0,.7);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere}.name small{font-size:.78em;font-weight:700;color:#dfe5ec}.sub{font-size:11.5px;font-weight:700;color:#c9d1db;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lang{position:absolute;right:6px;top:6px;padding:1px 5px;border-radius:5px;background:#0a0e14a8;border:1px solid rgba(244,241,234,.22);font-size:10px;font-weight:800;letter-spacing:.3px;color:#e8e3d8}.lang.low{top:31px}.badge{position:absolute;left:0;top:0;padding:3px 8px 3px 7px;border-bottom-right-radius:9px;font-size:11px;font-weight:900;letter-spacing:.6px;color:#1b2430}.badge.popular{background:var(--yellow)}.badge.new{background:var(--orange-2)}.pill{position:absolute;right:6px;top:6px;display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 6px;border-radius:999px;background:#0a0e14a8;font-size:12px;font-weight:800}.pill svg{width:13px;height:13px;fill:#f4f1ea}.soon-tag{position:absolute;left:50%;top:33%;transform:translate(-50%,-50%);padding:4px 10px;border-radius:999px;background:#121922d9;border:1px solid var(--line-2);font-size:12px;font-weight:800;color:var(--dim);white-space:nowrap}#settings{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#080c129e;padding:16px}#settings.hidden,#settings .row.hidden{display:none}#settings-card{background:var(--panel);border:1px solid var(--line-2);border-radius:16px;padding:22px 24px;width:min(100%,420px);max-height:92vh;overflow:auto;box-shadow:0 18px 48px #00000080}#settings-card h2{margin:0 0 14px;font-size:22px;font-weight:900;color:var(--orange)}#settings-card .row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;font-size:14px;font-weight:700}#settings-card .row.sub{font-size:12px;font-weight:600;color:var(--dim);justify-content:flex-start}#settings-card select{padding:6px 8px;border-radius:8px;background:var(--line);border:0;font-weight:700}.qsel{display:inline-flex;background:var(--line);border-radius:9px;padding:2px}.qsel .q{border:0;background:transparent;font-weight:800;font-size:13px;padding:6px 10px;border-radius:7px;cursor:pointer}.qsel .q.on{background:var(--orange);color:#1b2430}#settings-close{margin-top:14px;width:100%;font-weight:900;font-size:16px;padding:10px;border:0;border-radius:10px;background:var(--orange);color:#1b2430;cursor:pointer}.btn:focus-visible,.icon-btn:focus-visible,.brand:focus-visible,#settings button:focus-visible,#settings select:focus-visible{outline:2px solid var(--orange);outline-offset:2px}@media(max-width:760px){#app{flex-direction:column}#side{position:relative;z-index:10;flex:none;width:100%;height:auto;max-height:100dvh;border-right:0;border-bottom:1px solid var(--line);padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));gap:10px;display:grid;grid-template-columns:1fr auto;align-items:center}.side-top{grid-column:1}.brand{font-size:21px}.brand img{width:30px;height:30px}.online{grid-column:2;grid-row:1;margin:0;font-size:13px}.menu-btn{display:inline-flex;margin-left:10px}.side-top{justify-content:flex-start}.card{grid-column:1 / -1;padding:8px;gap:6px}.card .btn-primary{display:none}.warn-row{font-size:12px;padding:5px 8px}.side-more{grid-column:1 / -1;display:none}body.menu-open .side-more{display:flex}.side-bottom{margin-top:0}#main{padding:4px 16px 24px}.row h2{font-size:19px;margin:12px 0 6px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.name{font-size:14px}.sub{font-size:10.5px}.lang{font-size:9px;padding:0 4px}}html:lang(ko) body{word-break:keep-all}