.hn-board{grid-template-columns:minmax(0,1fr) minmax(0,360px);align-items:start;gap:1.2rem;display:grid}.hn-card,.hn-me{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-1) 92%, transparent)}.hn-card__head{border-bottom:1px solid var(--line);background:var(--bg-2);align-items:center;gap:.9rem;padding:1rem 1.1rem;display:flex}.hn-card__head>div{flex:1;min-width:0}.hn-card__head h2{font-size:1.25rem}.hn-card__head p{color:var(--text-1);font-size:.9rem}.hn-card__shard{width:48px;height:50px;image-rendering:pixelated;flex:none}.hn-odds{background:var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.hn-odd{background:var(--bg-1);color:var(--text-1);align-content:start;gap:.35rem;padding:1rem 1.1rem;font-size:.9rem;display:grid}.hn-odd b{color:var(--text-0)}.hn-odd__pct{font:700 2rem/1 var(--font-display);color:var(--text-0)}.hn-odd--win .hn-odd__pct{color:#ff6b5e}.hn-odd__title{color:var(--text-2);letter-spacing:.08em;font-size:.78rem}.hn-fail-art{gap:.35rem;margin-top:.3rem;font-size:.84rem;display:grid}.hn-fail-art span{align-items:center;gap:.5rem;display:flex}.hn-fail-art img{object-fit:contain;width:32px;height:32px}.hn-pt{width:28px;height:28px;font:700 .9rem var(--font-display);color:#1a1a1a;background:linear-gradient(135deg,#ffe08a,#e9bd5b);border-radius:50%;flex:none;place-items:center;font-style:normal;display:inline-grid}.hn-pt--big{width:96px;height:96px;font-size:2.6rem}.hn-pool{padding:1rem 1.1rem}.hn-pool__title{color:var(--text-2);margin-bottom:.6rem;font-size:.82rem}.hn-pool ul{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.hn-pool li{border:1px solid color-mix(in srgb, var(--line) 70%, transparent);color:var(--text-1);align-items:center;gap:.55rem;padding:.45rem .55rem;font-size:.8rem;display:flex}.hn-pool img{object-fit:contain;flex:none;width:40px;height:40px}.hn-board img.px,.hn-modal img.px{image-rendering:pixelated}.hn-side{gap:1rem;display:grid}.hn-me{gap:.7rem;padding:1rem 1.1rem;display:grid}.hn-me__label{color:var(--text-2);overflow-wrap:anywhere;font-size:.82rem}.hn-me__num{font:700 1.8rem/1 var(--font-display);color:var(--text-0);align-items:center;gap:.5rem;display:flex}.hn-me__icon{width:24px;height:25px;image-rendering:pixelated;flex:none}.hn-me__split{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;display:grid}.hn-me__split>div{background:var(--bg-1);padding:.45rem .6rem}.hn-me__split dt{color:var(--text-2);font-size:.72rem}.hn-me__split dd{color:var(--text-0);margin:0;font-weight:700}.hn-warn{color:#ffd27a;font-size:.8rem}.hn-btn{justify-content:center;width:100%}.hn-hint{color:var(--text-2);font-size:.78rem}.hn-busy{color:#ffe08a;background:#e9bd5b24;padding:.6rem .8rem;font-size:.86rem}.hn-error{color:#ffc3d3;background:#e95a7829;padding:.6rem .8rem;font-size:.86rem}.hn-rules{font-size:.84rem}.hn-win{color:#ff6b5e}.hn-modal{z-index:100;background:#000000b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.hn-modal__card{text-align:center;border:1px solid var(--line);background:var(--bg-1);justify-items:center;gap:.6rem;width:min(100%,440px);padding:26px 20px;display:grid}.hn-modal__card.is-win{border-color:#ff6b5e;box-shadow:0 0 60px -10px #ff6b5e99}.hn-modal__lbl{color:var(--text-1);font-weight:700}.hn-modal__img{border:1px solid var(--line);background:var(--bg-2);place-items:center;width:150px;height:150px;display:grid}.hn-modal__img img{object-fit:contain;width:120px;height:120px}.hn-modal__name{font:700 1.4rem/1.3 var(--font-display);color:var(--text-0)}.hn-modal__note{color:var(--text-2);font-size:.86rem}.hb-body{padding:1rem 1.1rem}.hb-body .hn-me{background:0 0;border:0;padding:0}.hb-form{gap:.7rem;display:grid}.hb-label{color:var(--text-2);font-size:.82rem}.hb-pts{color:var(--text-0);font-size:1rem}.hb-pay{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.hb-pay button,.hb-chars button,.hb-quick button,.hb-qty button{font:inherit;color:var(--text-1);background:var(--bg-2);border:1px solid var(--line);cursor:pointer}.hb-pay button{text-align:left;gap:.15rem;padding:.6rem .7rem;display:grid}.hb-pay button b{color:var(--text-0)}.hb-pay button span{color:var(--text-2);font-size:.8rem}.hb-pay button.is-on,.hb-chars button.is-on,.hb-quick button.is-on{background:color-mix(in srgb, #ff6b5e 10%, var(--bg-2));border-color:#ff6b5e}.hb-pay button:disabled,.hb-chars button:disabled,.hb-quick button:disabled,.hb-qty button:disabled{cursor:default;opacity:.6}.hb-qty{grid-template-columns:44px minmax(0,1fr) 44px;display:grid}.hb-qty button{padding:.4rem 0;font-size:1.2rem}.hb-qty input{text-align:center;min-width:0;font:700 1.2rem var(--font-display);color:var(--text-0);background:var(--bg-1);border:1px solid var(--line);border-left:0;border-right:0;padding:.4rem}.hb-quick{flex-wrap:wrap;gap:.4rem;display:flex}.hb-quick button{padding:.3rem .7rem;font-size:.82rem}.hb-chars{gap:.35rem;max-height:260px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.hb-chars button{text-align:left;justify-content:space-between;align-items:center;gap:.6rem;width:100%;padding:.5rem .65rem;display:flex}.hb-chars__name{overflow-wrap:anywhere;min-width:0;color:var(--text-0);align-items:center;gap:.45rem;display:flex}.hb-chars__money{white-space:nowrap;font-variant-numeric:tabular-nums}.hb-chars__money small{color:var(--text-2)}.hb-on{color:#7bd88f;white-space:nowrap;border:1px solid #7bd88f;padding:.05rem .35rem;font-size:.68rem;font-style:normal}.hb-total{border:1px solid var(--line);background:var(--bg-2);justify-content:space-between;align-items:center;gap:.6rem;padding:.6rem .7rem;display:flex}.hb-total span{color:var(--text-1);align-items:center;gap:.4rem;display:flex}.hb-total b{font:700 1.15rem var(--font-display);color:var(--text-0);text-align:right}.hb-total__icon{width:24px;height:25px;image-rendering:pixelated}.hn-modal__img img.hb-shard-big{width:96px;height:100px}@media (max-width:860px){.hn-board,.hn-odds{grid-template-columns:1fr}}@media (max-width:760px){.wb-hero .wb-hero__art--small{width:120px}}