@font-face{font-family:Pretendard;src:url(/font/pretendard-89b0e99216.woff2) format('woff2');font-weight:45 920;font-display:swap}
/* 순위판·주인 화면 공용 — 본 화면과 같은 종이색·먹색·주황 */
body{font-family:Pretendard,'Hiragino Sans','Noto Sans JP',system-ui,sans-serif;background:#f3efe6;color:#141414;margin:0;word-break:keep-all}
html[lang=ja] body{word-break:normal}
aside.biz[data-l]{display:none}html[lang=ko] aside.biz[data-l=ko],html[lang=en] aside.biz[data-l=en],html[lang=ja] aside.biz[data-l=ja]{display:block}
a{color:inherit}
.wrap{max-width:860px;margin:0 auto;padding:22px clamp(16px,4vw,32px) 64px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.top a{font-weight:800;text-decoration:none}
.mono{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.04em;color:#6b665c}
h1{font-size:clamp(24px,3.4vw,34px);font-weight:800;letter-spacing:-.02em;margin:36px 0 6px}
.lead{color:#6b665c;font-weight:600;font-size:14px;margin:0 0 22px}
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.tabs button{appearance:none;border:1.5px solid #d9d3c5;background:none;border-radius:999px;padding:8px 14px;font:700 14px Pretendard,system-ui,sans-serif;color:#141414;cursor:pointer}
.tabs button.on{background:#141414;color:#f3efe6;border-color:#141414}
table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:left;font-size:12px;color:#6b665c;font-weight:700;padding:10px 8px;border-bottom:1.5px solid #141414}
td{padding:12px 8px;border-bottom:1px solid #d9d3c5;vertical-align:middle}
td.n{font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:15px}
td.r{font-family:'IBM Plex Mono',monospace;color:#ff4d1a;font-weight:500;width:44px}
.pl{display:flex;align-items:center;gap:10px;font-weight:700}
.mini{flex:0 0 36px;height:36px;margin:2px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px #a66bff,0 0 14px 3px rgba(150,90,255,.5);background:radial-gradient(1.2px 1.2px at 30% 24%,rgba(255,255,255,.85) 50%,transparent 51%),radial-gradient(1px 1px at 66% 18%,rgba(255,255,255,.7) 50%,transparent 51%),radial-gradient(1.3px 1.3px at 76% 62%,rgba(255,255,255,.6) 50%,transparent 51%),radial-gradient(1px 1px at 24% 70%,rgba(255,255,255,.5) 50%,transparent 51%),radial-gradient(circle at 50% 50%,#fff1c8 0,#ff9a4d 7%,hsl(calc(240 + var(--h,30)/6) 72% 46%) 26%,hsl(calc(240 + var(--h,30)/6) 60% 20%) 58%,#0b0620 100%)}
.mini img{width:100%;height:100%;object-fit:cover;display:block}
.wait{border:1.5px dashed #d9d3c5;border-radius:14px;padding:26px 20px;color:#6b665c;font-weight:600;font-size:15px;text-align:center}
.how{margin-top:34px;padding-top:18px;border-top:1px solid #d9d3c5;font-size:13px;color:#3a362f;line-height:1.8}
.how b{display:block;font-size:14px;margin-bottom:4px}
.how ol{margin:0;padding-left:18px}
/* 주인 화면 */
.grid{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;margin-top:8px}
.box{background:#ebe5d8;border-radius:14px;padding:18px}
.box h2{font-size:13px;color:#6b665c;font-weight:700;margin:0 0 10px}
.big{font:500 clamp(46px,7vw,72px)/1 'IBM Plex Mono',monospace;letter-spacing:-.03em}
.big small{font:700 14px Pretendard,system-ui,sans-serif;color:#6b665c;margin-left:6px;letter-spacing:0}
.wk{display:flex;align-items:flex-end;gap:10px;height:110px}
.wk div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}
.wk i{display:block;width:100%;max-width:46px;background:#ff4d1a;border-radius:6px 6px 0 0;min-height:2px}
.wk span{font-size:11px;color:#6b665c;white-space:nowrap}
.stripe{display:flex;height:16px;border-radius:999px;overflow:hidden;background:#d9d3c5}
.legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12px;color:#3a362f}
.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:-1px}
.lock{position:relative;overflow:hidden}
.lock .v{filter:blur(6px);opacity:.45;user-select:none}
.lock .msg{margin:0;font-size:12px;font-weight:700;color:#3a362f}
.code{display:flex;gap:8px;align-items:stretch;margin-top:10px}
.code code{flex:1;background:#141414;color:#f3efe6;border-radius:6px;padding:12px;font:500 12px/1.5 'IBM Plex Mono',monospace;overflow-x:auto;white-space:nowrap}
.code button{appearance:none;border:0;background:#ff4d1a;color:#fff;border-radius:6px;padding:0 16px;font:800 14px Pretendard,system-ui,sans-serif;cursor:pointer}
.note{margin-top:18px;font-size:13px;color:#6b665c}
@media(max-width:700px){.grid{grid-template-columns:1fr}th:nth-child(5),td:nth-child(5){display:none}}
.stripe span{display:block;height:100%}
.grid>*{min-width:0}
.lock{min-height:132px}
.lock .msg{position:absolute;left:18px;right:18px;bottom:16px}

.pg-nav{margin-top:10px;font-size:13px;color:#6b665c}.pg-nav a{color:inherit}
.lead-a{font-size:17px;line-height:1.65;font-weight:600;margin:0 0 14px}
.wrap h2{font-size:19px;font-weight:800;margin:30px 0 10px}.wrap h3{font-size:15px;font-weight:700;margin:16px 0 2px}
.pg-t{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}.pg-t td{padding:10px 8px 10px 0;border-top:1px solid #d9d3c5;vertical-align:top}.pg-t td:first-child{width:34%;min-width:110px}.pg-t .nw{white-space:nowrap;text-align:right;color:#6b665c;padding-right:0}.pg-t small{color:#6b665c;display:block}
.pg-o{padding-left:20px;line-height:1.7}.pg-l{list-style:none;padding:0}.pg-l li{padding:14px 0;border-top:1px solid #d9d3c5;line-height:1.6}
.pg-b,.pg-c{display:inline-block;min-height:44px;line-height:44px;padding:0 20px;border-radius:999px;font-weight:700;text-decoration:none;margin:4px 6px 4px 0}.pg-b{background:#141414;color:#f3efe6}.pg-c{border:1.5px solid #141414}
.pg-n{margin-top:18px;padding:12px 14px;background:#ebe5d8;border-radius:8px;font-size:14px}

.pg-lang{float:right;font-size:13px;font-weight:600}.pg-lang a{color:inherit}