.app{grid-template-columns:248px minmax(0,1fr);min-height:100dvh;display:grid}.app-side{background:var(--paper-deep);border-right:var(--rule-mid) solid var(--ink);flex-direction:column;align-self:start;gap:14px;height:100dvh;padding:20px 16px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.app-side__logo{color:var(--ink);border-bottom:var(--rule) solid var(--ink);padding:0 6px 10px;line-height:0;display:block}.app-side__logo svg{width:132px;height:auto}.app-side__full{flex-direction:column;flex:1;gap:6px;display:flex}.app-side__menu{display:none}.app-side__team{border-bottom:var(--rule-thin) solid var(--ink);gap:2px;margin-bottom:6px;padding:4px 8px 12px;display:grid}.app-side__team b{font:900 24px/1 var(--display);text-transform:uppercase;color:var(--spot);overflow-wrap:anywhere}.app-side__plan{font:600 13px/1.3 var(--text);color:var(--ink-soft)}.app-side__switch{align-items:center;gap:8px;display:flex}.app-side__switch select{border:var(--rule-thin) solid var(--ink);min-width:0;height:34px;font:700 14px/1 var(--text);background:#fff;border-radius:0;flex:1}.app-side__label{font:700 11px/1 var(--text);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:0;padding:12px 8px 4px}.app-side__team .app-side__label{padding:0 0 4px}.app-side__nav{gap:2px;margin:0;padding:0;list-style:none;display:grid}.app-side__nav a{font:600 15px/1.2 var(--text);color:var(--ink);transition:background-color .15s var(--ease-out);align-items:center;gap:10px;padding:8px;text-decoration:none;display:flex}.app-side__nav a:hover{background:#12121212}.app-side__nav a[aria-current=page]{background:var(--ink);color:var(--paper)}.app-side__games img,.app-side__noart{object-fit:cover;border:1px solid var(--ink);background:var(--paper);flex:none;width:46px;height:22px}.app-side__games span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-side__add{color:var(--ink-soft)!important;font-weight:700!important}.app-dot{border:1.5px solid var(--ink);flex:none;width:9px;height:9px;margin-left:auto}.app-dot--on{background:var(--spot);border-color:var(--spot)}[aria-current=page] .app-dot{border-color:var(--paper)}.app-side__me{border-top:var(--rule-thin) solid var(--ink);font:600 14px/1.3 var(--text);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 10px;margin-top:auto;padding:12px 8px 0;display:grid}.app-side__me img{border:1px solid var(--ink);grid-row:span 2}.app-side__me span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-side__me form{grid-column:-2}@media (max-width:900px){.app{grid-template-columns:minmax(0,1fr)}.app-side{z-index:5;border-right:0;border-bottom:var(--rule-mid) solid var(--ink);flex-flow:wrap;justify-content:space-between;align-items:center;height:auto;padding:12px 16px;position:sticky;top:0}.app-side__logo{border:0;padding:0}.app-side__logo svg{width:110px}.app-side__full{display:none}.app-side__menu{display:block}.app-side__menu summary{cursor:pointer;font:700 14px/1 var(--text);text-transform:uppercase;letter-spacing:.05em;border:var(--rule-mid) solid var(--ink);background:#fff;padding:10px 14px;list-style:none}.app-side__menu summary::-webkit-details-marker{display:none}.app-side__menu[open]{background:var(--paper-deep);border-bottom:var(--rule-mid) solid var(--ink);flex-direction:column;gap:6px;max-height:calc(100dvh - 70px);padding:8px 16px 16px;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.app-side__menu[open] summary{background:var(--ink);color:var(--paper);position:absolute;top:-52px;right:16px}}.app-main{align-content:start;gap:24px;min-width:0;max-width:1280px;padding:32px clamp(16px,3vw,48px) 64px;display:grid}.app-head{border-bottom:var(--rule) solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 24px;padding-bottom:14px;display:flex}.app-title{font:900 44px/.9 var(--display);text-transform:uppercase;letter-spacing:-.01em}.app-sub{font:500 16px/1.45 var(--text);color:var(--ink-soft);max-width:60ch;margin-top:8px}.app-head__actions{flex-wrap:wrap;gap:10px;display:flex}.app-h2{font:900 26px/.95 var(--display);text-transform:uppercase}.app-link{font:600 14px/1.3 var(--text);color:var(--ink);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline;text-decoration-thickness:2px}.app-link:hover{-webkit-text-decoration-color:var(--spot);text-decoration-color:var(--spot)}.btn--sm{min-height:40px;padding:0 16px;font-size:14px}.app-label{font:700 12px/1.2 var(--text);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.app-note{border:var(--rule-thin) solid var(--ink);font:500 15px/1.45 var(--text);background:#fff;padding:12px 16px}.app-note--quiet{background:var(--paper-deep);border-color:var(--paper-deep)}.app-error{border:var(--rule-mid) solid var(--ink);font:700 15px/1.45 var(--text);background:#fff;padding:12px 16px}.app-grid{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.app-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.app-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.app-grid--wide{grid-template-columns:minmax(0,8fr) minmax(280px,4fr);align-items:start}@media (max-width:1100px){.app-grid--3,.app-grid--wide{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.app-grid--2{grid-template-columns:minmax(0,1fr)}.app-title{font-size:36px}}.app-panel{border:var(--rule-thin) solid var(--ink);background:#fff;align-content:start;gap:14px;min-width:0;padding:18px 20px 20px;display:grid}.app-panel__head{border-bottom:var(--rule-thin) solid var(--ink);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:10px;display:flex}.app-panel__head h2{font:700 12px/1.2 var(--text);text-transform:uppercase;letter-spacing:.08em}.app-panel p{font:400 15px/1.5 var(--text), var(--cjk)}.app-panel--locked{background:repeating-linear-gradient(135deg,#12121212 0 1.5px,#0000 1.5px 9px),#fff}.app-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px 24px;display:grid}.app-stat{align-content:start;gap:4px;display:grid}.app-stat__value{font:900 40px/.9 var(--display);font-variant-numeric:tabular-nums}.app-stat__value .after{color:var(--spot)}.app-stat__value .before{color:var(--ink-soft)}.app-stat__note{font:500 14px/1.35 var(--text);color:var(--ink-soft)}.setup{grid-template-columns:repeat(var(--steps,4), minmax(0, 1fr));border:var(--rule-mid) solid var(--ink);background:#fff;margin:0;padding:0;list-style:none;display:grid}.setup__step{border-left:var(--rule-thin) solid var(--ink);align-content:start;gap:6px;padding:16px 18px 18px;display:grid}.setup__step:first-child{border-left:0}.setup__n{font:900 30px/.85 var(--display);color:var(--ink-soft)}.setup__step b{font:700 15px/1.25 var(--text)}.setup__step p{font:400 14px/1.4 var(--text);color:var(--ink-soft)}.setup__step.is-done .setup__n{color:var(--spot)}.setup__step.is-done b{color:var(--ink-soft);text-decoration:line-through;text-decoration-thickness:2px}.setup__step.is-next{background:var(--sticker)}.setup__step.is-next .setup__n,.setup__step.is-next p{color:var(--ink)}.setup__step .btn{justify-self:start;margin-top:6px}@media (max-width:900px){.setup{grid-template-columns:minmax(0,1fr)}.setup__step{border-left:0;border-top:var(--rule-thin) solid var(--ink)}.setup__step:first-child{border-top:0}}.game-card{border:var(--rule-mid) solid var(--ink);background:#fff;grid-template-columns:minmax(220px,4fr) minmax(0,8fr);gap:20px 28px;padding:20px;display:grid}.game-card__art img{border:var(--rule-thin) solid var(--ink);width:100%;height:auto;display:block}.game-card__body{align-content:start;gap:16px;min-width:0;display:grid}.game-card__name{font:900 40px/.9 var(--display);text-transform:uppercase}.game-card__name a{text-decoration:none}.game-card__name a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--spot);text-decoration-color:var(--spot);text-decoration-thickness:3px}.game-card__meta{font:600 14px/1.3 var(--text);color:var(--ink-soft)}.game-card__chart{grid-column:1/-1}@media (max-width:760px){.game-card{grid-template-columns:minmax(0,1fr)}}.product{align-content:start;gap:12px;display:grid}.product__name{font:900 28px/.9 var(--display);text-transform:uppercase}.product__price{font:700 12px/1 var(--text);text-transform:uppercase;letter-spacing:.06em;border:var(--rule-thin) solid var(--ink);justify-self:start;padding:4px 6px}.product__status{font:600 14px/1.35 var(--text);border-top:var(--rule-thin) solid var(--ink);padding-top:10px}.product .btn{justify-self:start}.game-head{grid-template-columns:184px minmax(0,1fr) auto;align-items:end;gap:16px 20px;padding-bottom:0;display:grid}.game-head img{border:var(--rule-thin) solid var(--ink);width:184px;height:auto}.game-head__meta{font:600 13px/1.3 var(--text);text-transform:uppercase;letter-spacing:.04em;flex-wrap:wrap;gap:4px 14px;margin-top:8px;display:flex}.game-tabs{border-bottom:var(--rule) solid var(--ink);flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none;display:flex}.game-tabs a{font:700 14px/1 var(--text);text-transform:uppercase;letter-spacing:.05em;border:var(--rule-mid) solid transparent;border-bottom:0;margin-bottom:-1px;padding:10px 16px;text-decoration:none;display:block}.game-tabs a:hover{background:#1212120f}.game-tabs a[aria-current=page]{background:var(--ink);color:var(--paper)}@media (max-width:760px){.game-head{grid-template-columns:96px minmax(0,1fr)}.game-head img{width:96px}.game-head>:last-child{grid-column:1/-1}.game-tabs{flex-wrap:nowrap;overflow-x:auto}.game-tabs a{white-space:nowrap}}.app-field{border:var(--rule-mid) solid var(--ink);width:100%;min-width:0;height:48px;font:500 16px/1 var(--text);background:#fff;border-radius:0;padding:0 14px}.app-field::placeholder{color:#5c5c55}textarea.app-field{resize:vertical;height:auto;min-height:160px;padding:12px 14px;line-height:1.5}.app-form{gap:14px;display:grid}.app-form label{gap:6px;display:grid}.app-inline{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}@media (max-width:600px){.app-inline{grid-template-columns:minmax(0,1fr)}.app-inline .btn{width:100%}}.app-rows{margin:0;padding:0;list-style:none;display:grid}.app-rows>li{border-top:var(--rule-thin) solid var(--ink);font:500 15px/1.4 var(--text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:10px 0;display:flex}.app-rows>li:first-child{border-top:0;padding-top:0}.app-art__read{color:var(--ink-soft);font-size:14px;line-height:1.5}.app-art__facts{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 14px;margin:12px 0 0;font-size:14px;display:grid}.app-art__facts dt{font-weight:700}.app-art__facts dd{margin:0}.app-art__swatches{gap:4px;display:flex}.app-art__swatches span{border:1.5px solid var(--ink);width:22px;height:22px}.app-art__rounds{flex-wrap:wrap;gap:4px 12px;display:flex}.onb{grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.onb__top{border-bottom:var(--rule) solid var(--ink);grid-template-columns:auto 1fr auto;align-items:center;gap:16px 32px;padding:18px clamp(16px,3vw,40px);display:grid}.onb__logo{color:var(--ink);line-height:0}.onb__logo svg{width:120px;height:auto}.onb__steps{justify-content:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.onb__steps li{font:700 13px/1 var(--text);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);align-items:center;gap:8px;padding:6px 12px 6px 6px;display:flex}.onb__steps li+li:before{content:"";border-top:var(--rule-thin) solid var(--ink-soft);width:22px;margin-right:8px}.onb__n{border:var(--rule-thin) solid currentColor;width:24px;height:24px;font:900 15px/1 var(--display);place-items:center;display:grid}.onb__steps .is-now{color:var(--ink)}.onb__steps .is-now .onb__n{background:var(--ink);color:var(--paper);border-color:var(--ink)}.onb__steps .is-done{color:var(--ink)}.onb__steps .is-done .onb__n{background:var(--spot);color:var(--spot-ink);border-color:var(--spot)}.onb__main{align-content:start;gap:28px;width:100%;max-width:760px;margin:0 auto;padding:clamp(36px,7vh,88px) clamp(16px,3vw,24px) 64px;display:grid}.onb__head{gap:12px;display:grid}.onb__head h1{font:900 clamp(40px, 6vw, 64px)/.9 var(--display);text-transform:uppercase;letter-spacing:-.01em;text-wrap:balance}.onb__head p{font:500 19px/1.45 var(--text);color:var(--ink-soft);max-width:52ch}.onb__or{font:700 12px/1 var(--text);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;display:grid}.onb__or:before,.onb__or:after{content:"";border-top:var(--rule-thin) solid var(--ink)}.onb__game{border:var(--rule-mid) solid var(--ink);background:#fff;grid-template-columns:230px minmax(0,1fr);align-items:center;gap:18px;padding:14px;display:grid}.onb__game img{border:var(--rule-thin) solid var(--ink);width:100%;height:auto}.onb__game b{font:900 30px/.95 var(--display);text-transform:uppercase;display:block}.onb__game span{font:500 15px/1.4 var(--text);color:var(--ink-soft)}.onb__ways{gap:12px;margin:0;padding:0;list-style:none;display:grid}.onb__way{border:var(--rule-thin) solid var(--ink);background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 20px;padding:16px 18px;display:grid}.onb__way b{font:700 17px/1.3 var(--text)}.onb__way p{font:400 15px/1.45 var(--text);color:var(--ink-soft);grid-column:1}.onb__way>:last-child:not(p){grid-area:1/2/span 2}.onb__way--best{border:var(--rule-mid) solid var(--ink)}.onb__tag{font:700 11px/1 var(--text);text-transform:uppercase;letter-spacing:.06em;background:var(--sticker);vertical-align:2px;margin-left:8px;padding:3px 6px}.onb__wait{font:600 16px/1.4 var(--text);align-items:center;gap:12px;display:flex}.onb__pulse{background:var(--spot);width:12px;height:12px;animation:onb-pulse 1.4s var(--ease-out) infinite;flex:none}@keyframes onb-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:.2;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (max-width:820px){.onb__top{grid-template-columns:auto auto}.onb__steps{grid-area:2/1/auto/-1;justify-content:start;overflow-x:auto}.onb__steps .onb__label{display:none}.onb__steps .is-now .onb__label{display:inline}.onb__game{grid-template-columns:120px minmax(0,1fr)}.onb__way{grid-template-columns:minmax(0,1fr)}.onb__way>:last-child:not(p){grid-area:auto/1;justify-self:start}}