.dp{--dp-ink:var(--ink,#2b2b3a);--dp-yellow:var(--yellow,#ffe45c);--dp-red:var(--redpen,#e23b3b);--dp-tape:var(--tape,rgba(255,238,160,0.78));--dp-r:255px 15px 225px 15px/15px 225px 15px 255px;--dp-r2:18px 6px 16px 8px/8px 16px 6px 18px;font-family:var(--f-hand,"Yomogi","Hiragino Maru Gothic ProN",sans-serif);color:var(--dp-ink);flex-direction:column;gap:8px;max-width:398px;margin:0 auto}.dp,.dp-pad{display:flex}.dp-pad{position:relative;align-items:center;justify-content:center;min-height:0;padding:6px 4px 4px 0}.dp-sheet{position:relative;width:100%;aspect-ratio:1/1;flex:none}.dp-pad,.dp-sheet,.dp-sheet *{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@supports (width:1cqh){.dp-pad{container-type:size;flex:0 1 var(--dp-side,358px);min-height:150px}.dp-sheet{width:min(100cqw,100cqh)}}.dp-canvas{display:block;width:100%;height:100%;background:#fff;border:3px solid var(--dp-ink);border-radius:var(--dp-r2);touch-action:none;cursor:crosshair;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;box-shadow:3px 4px 0 var(--dp-ink)}.dp-sheet:after,.dp-sheet:before{content:"";position:absolute;width:22%;max-width:70px;height:22px;background:var(--dp-tape);top:-9px;z-index:2;pointer-events:none;box-shadow:0 1px 1px rgba(0,0,0,.08)}.dp-sheet:before{left:10px;transform:rotate(-8deg)}.dp-sheet:after{right:10px;transform:rotate(7deg)}.dp-hint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;color:#767689;font-size:clamp(15px,5vw,18px);text-align:center;line-height:1.6}.dp-hint[data-guide=first]{container-type:inline-size;gap:4%;padding:0 5%;font-size:var(--fs-body);line-height:1.3}.dp-hint[data-guide=first]>span{font-size:clamp(13px,5.2cqw,18px)}.dp-hint small{white-space:nowrap}.dp-guide{list-style:none;margin:0;padding:0;width:100%;display:flex;align-items:flex-start;justify-content:center}.dp-guide-step{flex:0 1 27%;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:var(--fs-note);font-size:clamp(11px,4.2cqw,15px)}.dp-guide-step svg{display:block;width:100%;max-width:120px;aspect-ratio:1/1;color:#a9a9bd}.dp-guide-red{stroke:var(--dp-red);opacity:.55}.dp-guide-arrow{flex:0 1 7%;min-width:8px;max-width:28px;align-self:flex-start;margin-top:9%;color:#a9a9bd}.dp-guide-arrow svg{display:block;width:100%}.dp-seg{display:flex;gap:8px}.dp .dp-seg,.dp .dp-seg *{touch-action:none}.dp-modes{flex:1 1;min-width:0;display:flex;gap:4px}.dp-modes .dp-chip{flex:1 1;padding:0 4px}.dp-modes .dp-chip small{font-size:var(--fs-xs)}.dp-hist{flex:none;display:flex;gap:4px}.dp-hist .dp-chip{width:44px;padding:0;font-size:var(--fs-note)}@media (min-width:1024px) and (min-height:641px){.dp-hist .dp-chip{width:56px}}.dp-chip{min-height:44px;min-width:44px;padding:0 10px;border:2.5px solid var(--dp-ink);background:#fff;color:var(--dp-ink);border-radius:var(--dp-r2);cursor:pointer;font:inherit;font-size:var(--fs-body);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;white-space:nowrap;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.dp-chip.on{background:var(--dp-yellow);box-shadow:2px 2px 0 var(--dp-ink)}.dp-chip:disabled{opacity:.4;cursor:default}.dp-colors{display:grid;grid-template-columns:repeat(6,44px);justify-content:space-between;row-gap:clamp(0px,calc((100vh - 640px) * .1),8px)}.dp-sw{width:44px;height:44px;border:none;background:none;padding:0;cursor:pointer;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dp-sw i{position:absolute;inset:7px;border-radius:46% 54% 42% 58%/55% 45% 55% 45%;background:var(--c);border:2px solid rgba(0,0,0,.25)}.dp-sw.on:after{content:"";position:absolute;inset:1px;border:3px solid var(--dp-red);border-radius:50% 45% 55% 48%;transform:rotate(-12deg)}.dp-tools{display:flex;gap:4px}.dp-tools .dp-chip{flex:1 1;min-width:44px;padding:0;font-size:var(--fs-note)}.dp-dot{display:block;border-radius:50%;background:var(--dp-ink);margin-bottom:2px}.scr.online .hdr{align-items:center;min-height:44px;margin-bottom:4px}.scr.online .hdr .chip{flex:none}.on-sub{font-family:var(--f-pop);font-size:var(--fs-body);color:var(--ink-soft);white-space:nowrap}.on-lead{margin:0 0 14px}.on-lead2{margin:8px 0 12px;font-size:var(--fs-lead);text-align:center}.on-center{flex:1 1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.on-center .btn{width:auto;min-width:160px}.on-notice{margin:0 0 8px;padding:6px 10px;background:#fff;border:2px dashed var(--ink);border-radius:var(--r-hand2);font-size:var(--fs-body)}.on-h3{font-family:var(--f-pop);font-weight:400;font-size:var(--fs-name);margin:0}.on-tag{display:inline-block;margin-left:6px;padding:0 6px;border:1.5px solid var(--ink);border-radius:8px 5px 9px 6px;background:#fff;font-family:var(--f-hand);font-size:var(--fs-xs);line-height:1.5;white-space:nowrap;vertical-align:middle}.on-tag.you{background:var(--yellow)}.on-tag.host{background:var(--pink)}.on-tag.away{border-style:dashed;color:var(--ink-soft)}.on-tag.fit-hit{border-color:var(--redpen);color:var(--redpen);font-family:var(--f-pop)}.on-tag.fit-miss{border-style:dashed;color:var(--ink-soft)}.on-home{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-content:start;padding-top:8px}.on-home>*{min-width:0}.on-home .on-lead{margin:0}.on-home>.btn.big{min-height:72px}.on-join .on-h3{margin:0 0 6px;font-size:var(--fs-lead)}.on-code{display:flex;gap:6px}.on-code input{flex:1 1;min-width:0;min-height:44px;padding:0 8px;border:2.5px solid var(--ink);border-radius:var(--r-hand2);background:#fff;font-family:var(--f-pop);font-size:var(--fs-lead);letter-spacing:.02em;text-transform:uppercase;color:var(--ink)}.on-code input::placeholder{color:#b9b9c6}.on-code .chip{flex:none;padding:0 8px}.chip.strong{border-width:3px;font-family:var(--f-pop);box-shadow:2px 2px 0 var(--ink)}.on-listline{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:48px;padding:4px 12px;background:#fff;border:2.5px solid var(--ink);border-radius:var(--r-hand2);font-family:var(--f-pop);font-size:var(--fs-lead);color:var(--ink);text-align:left;cursor:pointer;touch-action:manipulation}.on-rooms{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.on-room{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:56px;padding:6px 10px;background:#fff;border:2.5px solid var(--ink);border-radius:var(--r-hand2);text-align:left}.on-room-t{display:flex;flex-direction:column;min-width:0;line-height:1.35}.on-room-t b{font-weight:400;font-size:var(--fs-body)}.on-room-n,.on-room-t b{font-family:var(--f-pop)}.on-room-n{flex:none;font-size:var(--fs-lead);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.on-create{padding-top:4px;padding-bottom:4px}.oc-form{gap:10px}.oc-form,.oc-group{display:grid;grid-template-columns:minmax(0,1fr)}.oc-group{gap:3px}.oc-k{font-family:var(--f-pop);font-size:var(--fs-body)}.oc-opts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}.oc-opts[style]{grid-auto-flow:row}.oc-opt{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0;min-height:44px;padding:3px 4px;background:#fff;color:var(--ink);border:2px solid #9a9aaa;border-radius:var(--r-hand2);cursor:pointer;touch-action:manipulation;text-align:center;line-height:1.25}.oc-opt b{font-family:var(--f-pop);font-weight:400;font-size:var(--fs-body)}.oc-opt small{display:none;font-size:var(--fs-note);color:var(--ink-soft)}@media (max-width:359px){.oc-opts.has-note:has(>:nth-child(3)){display:flex}.oc-opts.has-note:has(>:nth-child(3)) .oc-opt{flex:1 1 auto;min-width:min-content}.oc-opts.has-note:has(>:nth-child(3)) .oc-opt b{font-size:var(--fs-note);overflow-wrap:normal;word-break:normal}}.oc-opt[aria-pressed=true]{border:3.5px solid var(--ink);padding:1.5px 2.5px;box-shadow:2px 3px 0 var(--ink)}.oc-opt[aria-pressed=true]:after{content:"✓";position:absolute;top:-9px;right:-5px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;border-radius:50%;font-size:var(--fs-xs);line-height:1}.oc-sel{margin:0;min-height:1.5em}.oc-time{margin-left:.6em;white-space:nowrap}.oc-more{border:2px dashed #9a9aaa;border-radius:var(--r-hand2);background:rgba(255,255,255,.6)}.oc-more-h{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 8px;width:100%;min-height:46px;padding:3px 10px;background:none;border:none;color:var(--ink);text-align:left;cursor:pointer;touch-action:manipulation}.oc-more-h b{font-family:var(--f-pop);font-weight:400;font-size:var(--fs-body)}.oc-more-h b,.oc-more-v{grid-column:1;line-height:1.3}.oc-more-v{min-width:0;font-size:var(--fs-note);color:var(--ink-soft)}.oc-more-a{grid-column:2;grid-row:1/span 2;font-size:var(--fs-lead)}.oc-more-b{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:2px 8px 10px}.oc-more-b .oc-k{font-family:var(--f-hand);font-size:var(--fs-note);color:var(--ink-soft)}.on-rules-sheet .oc-form{margin:6px 0 14px}@media (min-height:700px){.oc-form{gap:16px}.oc-opts.has-note .oc-opt{min-height:60px;padding:6px 8px}.oc-opts.has-note .oc-opt[aria-pressed=true]{padding:4.5px 6.5px}.oc-opts.has-note .oc-opt small{display:block}.oc-opts.has-note .oc-opt b{font-size:var(--fs-lead)}.oc-opts.has-note+.oc-sel{display:none}.oc-opts.has-note .oc-time{display:block;margin-left:0}}@media (min-height:700px) and (max-width:599px){.oc-opts.has-note:has(>:nth-child(3)){grid-auto-flow:row;grid-template-columns:minmax(0,1fr)}.oc-opts.has-note:has(>:nth-child(3)) .oc-opt{flex-direction:row;justify-content:flex-start;gap:10px;min-height:52px;padding-left:12px;text-align:left}.oc-opts.has-note:has(>:nth-child(3)) .oc-opt[aria-pressed=true]{padding-left:10.5px}.oc-opts.has-note:has(>:nth-child(3)) .oc-opt b{flex:none;min-width:6.2em}.oc-opts.has-note:has(>:nth-child(3)) .oc-opt small{flex:1 1;min-width:0}.oc-opts.has-note:has(>:nth-child(3)) .oc-time{display:inline;margin-left:.6em}}.on-status{margin:2px 0 6px;padding:8px 12px;background:var(--paper-2);border:2.5px solid var(--ink);border-radius:var(--r-hand2);box-shadow:var(--shadow);font-family:var(--f-pop);font-size:var(--fs-lead);line-height:1.35;text-wrap:balance}.on-lobby{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-content:start;padding-top:8px}.on-rulebar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 8px;padding:4px 6px 4px 10px;background:#fff;border:2px solid var(--ink);border-radius:var(--r-hand2)}.on-rulebar .on-rule-k,.on-rulebar .on-rule-v{grid-column:1}.on-rulebar .chip{grid-column:2;grid-row:1/span 2}.on-rule-k{font-size:var(--fs-note);color:var(--ink-soft)}.on-rule-v{font-family:var(--f-pop);font-weight:400;font-size:var(--fs-body);line-height:1.3}.on-steps{padding:6px 10px;background:#fff;border:2px solid var(--ink);border-radius:var(--r-hand2)}.on-steps ol{margin:2px 0;padding:0;list-style:none;counter-reset:step;display:grid;gap:2px;font-size:var(--fs-body);line-height:1.35}.on-steps li{counter-increment:step;display:grid;grid-template-columns:20px minmax(0,1fr);gap:6px;align-items:start}.on-steps li:before{content:counter(step);display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-top:1px;border:1.5px solid var(--ink);border-radius:50%;font-family:var(--f-pop);font-size:var(--fs-xs);line-height:1}.on-steps .note{margin:2px 0 0}.on-steps .note.hot{color:var(--redpen);font-family:var(--f-pop)}.on-codebox{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 8px;padding:3px 4px 3px 10px;border:2px dashed #9a9aaa;border-radius:var(--r-hand2)}.on-codebox-k{grid-column:1;font-size:var(--fs-note);color:var(--ink-soft)}.on-codebox-v{grid-column:1;font-family:var(--f-pop);font-weight:400;font-size:var(--fs-lead);letter-spacing:.05em;white-space:nowrap;-webkit-user-select:text;user-select:text}.on-codebox .chip{grid-column:2;grid-row:1/span 2;font-size:var(--fs-note)}.on-members{list-style:none;margin:0;padding:0;display:grid;gap:4px}.on-mem{display:flex;align-items:center;gap:8px;min-height:36px;padding:2px 8px;background:#fff;border:2px solid var(--ink);border-radius:var(--r-hand2);font-size:var(--fs-body)}.on-mem.me{background:var(--paper-2)}.on-mem.off{opacity:.6}.on-mem.wait{border-style:dashed;background:none;color:var(--ink-soft)}.on-mem.wait .on-seat{background:#fff;border-style:dashed}.on-mem-n{flex:1 1;min-width:0}.on-mem-n,.on-seat{font-family:var(--f-pop)}.on-seat{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);font-size:var(--fs-note);line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.on-seat.sm{width:18px;height:18px;font-size:var(--fs-xs);margin-right:3px;vertical-align:middle}.on-entry{flex:none;font-size:var(--fs-note);color:var(--ink-soft);white-space:nowrap}.on-entry.e-ready{color:#1f8a46;font-family:var(--f-pop)}.on-foot{flex:none;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding-top:8px}.on-foot .btn{width:100%}.on-foot .btn.big{min-height:60px}.on-foot .note{margin:0}.on-subs{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.on-subs.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.on-subs .btn.sub{min-height:46px;padding:4px 8px;font-size:var(--fs-body)}.on-stamps{flex:none;display:flex;align-items:center;gap:8px;min-height:44px;min-width:0}.scr.one>.on-stamps{margin-top:6px}.on-stamps>.chip{flex:none}.on-stamp-feed{flex:1 1;min-width:0;height:38px;margin:0;padding:2px 3px 0 0;list-style:none;display:flex;flex-flow:row-reverse wrap;align-content:flex-start;align-items:center;gap:12px 6px;overflow:hidden}.on-stamp-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;max-width:100%;height:32px;padding:0 8px 0 4px;background:#fff;border:2px solid var(--ink);border-radius:16px 14px 16px 4px;box-shadow:1px 2px 0 var(--ink);font-size:var(--fs-body);line-height:1;white-space:nowrap;animation:onStamp 3s linear both;transform-origin:100% 100%}.on-stamp-pill.full{flex:0 1 auto;min-width:0}.on-stamp-pill.me{background:var(--paper-2)}.on-stamp-pill .on-seat.sm{margin-right:0}.on-stamp-pic{width:24px;height:24px;border-width:1.5px}.on-stamp-who{flex:0 100 auto;min-width:0;max-width:6em;overflow:hidden;text-overflow:ellipsis;font-size:var(--fs-note);color:var(--ink-soft)}.on-stamp-face{flex:none;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:var(--fs-name);line-height:1}.on-stamp-word{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--f-pop);font-size:var(--fs-body);line-height:1.3}@keyframes onStamp{0%{transform:scale(.4);opacity:0}6%{transform:scale(1.12);opacity:1}11%{transform:none}88%{opacity:1}to{opacity:0}}.on-stamp-corner{position:relative;flex:none;margin-left:auto}.on-stamp-open{display:flex;align-items:center;justify-content:center;width:46px;height:44px;padding:0;background:#fff;color:var(--ink);border:2.5px solid var(--ink);border-radius:18px 16px 18px 5px;box-shadow:2px 2px 0 var(--ink);cursor:pointer;touch-action:manipulation}.on-stamp-open[aria-expanded=true]{background:var(--paper-2)}.on-stamp-open.waiting{background:#e6e6ee;color:var(--ink-soft);box-shadow:none;cursor:default}.on-stamp-i{width:28px;height:28px}.on-stamp-wait{font-family:var(--f-pop);font-size:var(--fs-name);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.on-stamp-picker{position:absolute;right:0;bottom:calc(100% + 8px);z-index:45;width:min(288px,calc(100vw - 32px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px;background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--r-hand2);box-shadow:var(--shadow)}.on-stamp-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:52px;padding:2px 0;background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:10px 8px 11px 7px;cursor:pointer;touch-action:manipulation}.on-stamp-choice .on-stamp-face{font-size:var(--fs-head)}.on-stamp-choice small{font-size:var(--fs-xs);line-height:1.1;white-space:nowrap}@media (hover:hover) and (pointer:fine){.on-stamp-choice:hover,.on-stamp-open:hover:not(:disabled){background:var(--paper-2)}}@media (max-height:600px){.on-foot{gap:6px;padding-top:4px}.on-share .btn.x{min-height:44px;padding:2px 8px;font-size:var(--fs-body)}section.online[data-online=result] .on-foot .btn.big{min-height:46px;font-size:var(--fs-name)}}@media (prefers-reduced-motion:reduce){.on-stamp-pill{animation:onStampFade 3s linear both}}@keyframes onStampFade{0%,88%{opacity:1}to{opacity:0}}.on-link{position:fixed;left:50%;top:calc(8px + env(safe-area-inset-top, 0px));transform:translateX(-50%);z-index:40;padding:4px 12px;background:var(--ink);color:#fff;border-radius:14px;font-size:var(--fs-note);white-space:nowrap}.on-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.on-topics .btn{width:100%;min-height:60px;font-size:var(--fs-name)}.on-topics .btn:last-child:nth-child(odd){grid-column:1/-1}.on-clock{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:44px;padding:0 8px;border:2.5px solid var(--ink);border-radius:var(--r-hand2);background:#fff;font-family:var(--f-pop);font-size:var(--fs-title);line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.on-clock.hot{background:var(--redpen);color:#fff}.stage.on-stage{position:relative}.stage .on-stage-h{flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:44px}.on-topic{flex:1 1;min-width:0;margin:0;display:flex;flex-direction:column;line-height:1.2}.on-topic small{font-size:var(--fs-note);color:var(--ink-soft)}.on-topic b{font-family:var(--f-pop);font-weight:400;font-size:var(--fs-head)}.on-bar{flex:1 0 100%;height:8px;border:2px solid var(--ink);border-radius:6px 3px 5px 4px;background:#fff;overflow:hidden}.on-bar i{display:block;height:100%;background:var(--yellow);transition:width .2s linear}section.online[data-started="0"] .stage .dp>*,section.online[data-started="0"] .stage .submit{visibility:hidden}.on-veil{position:absolute;inset:0;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:rgba(255,253,243,.92);text-align:center}.on-veil-k{font-size:var(--fs-lead);color:var(--ink-soft)}.on-veil-t{font-weight:400;font-size:clamp(28px,10vw,44px);line-height:1.2;padding:0 12px}.on-veil-n,.on-veil-t{font-family:var(--f-pop)}.on-veil-n{font-size:clamp(56px,22vw,96px);line-height:1;color:var(--redpen);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.on-gallery{list-style:none;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px 8px;align-content:start}.on-gallery.many{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 6px}.on-art{flex-direction:column;min-width:0;text-align:center}.on-art,.on-art-pic{display:flex;align-items:center}.on-art-pic{width:100%;aspect-ratio:1;justify-content:center;background:#fff;border:2.5px solid var(--ink);border-radius:6px 3px 7px 4px;overflow:hidden}.on-art-pic img{width:100%;height:100%;object-fit:cover;display:block}.on-art.in .on-art-pic{animation:onIn .35s cubic-bezier(.2,1.6,.4,1);box-shadow:2px 3px 0 var(--ink)}.on-art.out .on-art-pic{border-style:dashed;opacity:.55}.on-art.me .on-art-pic{outline:3px solid var(--yellow);outline-offset:1px}.on-art-q{font-family:var(--f-pop);font-size:var(--fs-title);color:var(--ink-soft)}.on-art-t{margin-top:3px;font-family:var(--f-pop);font-size:var(--fs-note);line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.on-art-n,.on-art-t{width:100%;overflow:hidden}.on-art-n{font-size:var(--fs-xs);color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis}@keyframes onIn{0%{transform:scale(.5) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}.on-thumb{flex:none;display:inline-block;background:#fff;border:2px solid var(--ink);border-radius:4px 2px 5px 3px;overflow:hidden}.on-thumb img{width:100%;height:100%;object-fit:cover;display:block}.on-bracket{display:grid;gap:10px;align-content:start}.on-round h3{font-size:var(--fs-body);margin:0 0 2px}.on-round ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.on-round.now h3{color:var(--redpen);font-size:var(--fs-lead)}.on-round.later{opacity:.45}.on-match{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;padding:3px 6px;background:#fff;border:2px solid var(--ink);border-radius:var(--r-hand2)}.on-round.now .on-match{box-shadow:2px 3px 0 var(--ink)}.on-side{display:flex;align-items:center;gap:6px;min-width:0;min-height:36px}.on-side.r{justify-content:flex-end;text-align:right}.on-side-t{min-width:0;font-family:var(--f-pop);font-size:var(--fs-note);line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.on-side.lost{opacity:.4}.on-side.won .on-thumb{border-color:var(--redpen);box-shadow:0 0 0 2px var(--redpen)}.on-side.me .on-side-t{background:var(--hl)}.on-vs{flex:none;font-family:var(--f-pop);font-size:var(--fs-xs);color:var(--ink-soft);white-space:nowrap}.on-vs.big{font-size:var(--fs-lead)}.on-table{list-style:none;margin:0;padding:0;display:grid;gap:4px}.on-row{display:grid;grid-template-columns:34px auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:3px 8px;min-height:44px;background:#fff;border:2px solid var(--ink);border-radius:var(--r-hand2)}.on-table.compact .on-row{min-height:34px;padding:1px 8px}.on-row.me{background:var(--paper-2);box-shadow:inset 4px 0 0 var(--yellow)}.on-row.top .on-place{color:var(--redpen)}.on-place{font-family:var(--f-pop);font-size:var(--fs-lead);text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.on-row-t{min-width:0;font-family:var(--f-pop);font-size:var(--fs-body);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.on-row-c{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px}.on-row-c .on-row-t{max-width:100%}.on-row-c .on-tag{margin-left:0;line-height:1.35}.on-wins{font-family:var(--f-pop);font-size:var(--fs-name);text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.on-wins b{font-weight:400}.on-wins small{font-family:var(--f-hand);font-size:var(--fs-xs);margin-left:1px}.on-watch{margin:6px 0 0;text-align:center}.on-digest{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:2px 8px;margin:2px 0 8px;padding:8px;background:#fff;border:2.5px solid var(--ink);border-radius:var(--r-hand2);box-shadow:var(--shadow);animation:onIn .3s ease-out}.on-dg,.on-digest{align-items:center}.on-dg{display:flex;flex-direction:column;gap:3px;min-width:0;text-align:center;transition:opacity .25s,transform .25s}.on-dg-t{width:100%;font-family:var(--f-pop);font-size:var(--fs-note);line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:2.5em}.on-dg.lost{opacity:.35;transform:scale(.92)}.on-dg.won .on-thumb{border-color:var(--redpen);box-shadow:0 0 0 3px var(--redpen)}.on-dg-fin{grid-column:1/-1;margin:0;text-align:center;font-family:var(--f-pop);font-size:var(--fs-body);color:var(--redpen);min-height:1.55em}.on-champ{flex:none;display:flex;align-items:center;gap:12px;margin:4px 0 8px;padding:8px 10px;background:#fff;border:2.5px solid var(--ink);border-radius:var(--r-hand2);box-shadow:var(--shadow)}.on-champ .frm{flex:none;margin:6px}.on-champ-t{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.on-champ-badge{padding:0 8px;border:2px solid var(--redpen);border-radius:8px 4px 9px 5px;color:var(--redpen);font-family:var(--f-pop);font-size:var(--fs-body);line-height:1.5;transform:rotate(-3deg);white-space:nowrap}.on-champ-title{font-family:var(--f-pop);font-weight:400;font-size:var(--fs-name);line-height:1.3}.on-you-place{font-family:var(--f-pop);font-size:var(--fs-lead);color:var(--redpen)}.on-result{display:grid;gap:10px;align-content:start}.on-reports{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 6px}.on-reports .rep{text-align:left}.on-share{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.on-share .btn.x{margin:0;min-height:48px;font-size:var(--fs-lead);display:flex;align-items:center;justify-content:center;text-decoration:none}.ml{flex:1 1;min-height:0;display:flex;flex-direction:column}.ml>*{flex:none}.ml-badge{white-space:nowrap;flex:none}.ml-left{flex:1 1;min-width:0;line-height:1.3}.ml-left,.ml-rush{font-family:var(--f-pop);font-size:var(--fs-note)}.ml-rush{margin:2px 0 0;padding:1px 8px;background:var(--redpen);color:#fff;border-radius:8px 4px 9px 5px;text-align:center}.ml-grid{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 5px}.ml-grid.n2{grid-template-columns:repeat(2,minmax(0,140px));justify-content:center;gap:8px 20px}.ml-grid.n3{grid-template-columns:repeat(3,minmax(0,120px));justify-content:center;gap:8px 12px}.ml-grid.n4{grid-template-columns:repeat(2,minmax(0,116px));justify-content:center;gap:8px 20px}.ml-grid.n5,.ml-grid.n6{grid-template-columns:repeat(3,minmax(0,104px));justify-content:center;gap:8px 10px}.ml-grid.n7,.ml-grid.n8{grid-template-columns:repeat(4,minmax(0,1fr))}.ml-cell{min-width:0;display:flex;flex-direction:column;align-items:stretch}.ml-cell,.ml-pic{position:relative}.ml-pic{display:block;aspect-ratio:1;background:#fff;border:2.5px solid var(--ink);border-radius:5px 3px 6px 4px}.ml-pic img{width:100%;height:100%;object-fit:cover;display:block;border-radius:3px 1px 4px 2px}.ml-cell.me .ml-pic{box-shadow:0 0 0 3px var(--yellow)}.ml-cell.act .ml-pic{border-color:#c25e00;z-index:2}.ml-cell.act .ml-pic.p0{animation:mlAct .36s ease-out}.ml-cell.act .ml-pic.p1{animation:mlActB .36s ease-out}.ml-cell.hit .ml-pic{border-color:var(--redpen)}.ml-cell.hit .ml-pic.p0{animation:shake .32s linear}.ml-cell.hit .ml-pic.p1{animation:shakeB .32s linear}.ml-cell.out .ml-pic img{filter:grayscale(1);opacity:.35}.ml-cell.out .ml-hp,.ml-cell.out .ml-n b{visibility:hidden}.ml-cell.asleep .ml-pic img{filter:saturate(.5) brightness(.95)}.ml-cell.champ .ml-pic{border-color:var(--redpen);box-shadow:0 0 0 3px var(--redpen)}.ml-place{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);padding:0 5px;background:#fff;border:2px solid var(--ink);border-radius:8px 4px 9px 5px;font-family:var(--f-pop);font-weight:400;font-size:var(--fs-body);line-height:1.4;white-space:nowrap}.ml-cell.champ .ml-place{background:var(--yellow);color:var(--redpen)}.ml-zz{right:1px;top:0;font-size:var(--fs-xs);color:#2b4fa8}.ml-float,.ml-zz{position:absolute;font-family:var(--f-pop)}.ml-float{left:0;right:0;top:18%;text-align:center;font-size:clamp(14px,5vw,22px);line-height:1;color:var(--blue);pointer-events:none;z-index:3;animation:mlFloat .8s ease-out forwards;-webkit-text-stroke:3px #fff;paint-order:stroke fill}@keyframes mlFloat{0%{transform:translateY(30%) scale(.6);opacity:0}20%{transform:none;opacity:1}75%{opacity:1}to{transform:translateY(-30%);opacity:0}}.ml-float.f-dmg{color:var(--redpen)}.ml-float.f-heal{color:#1f8a46}.ml-hp{display:block;height:8px;margin-top:3px;border:2px solid var(--ink);border-radius:5px 3px 5px 3px;background:#fff;overflow:hidden}.ml-hp i{display:block;height:100%;background:#4fc06e;transition:width .3s ease-out}.ml-hp.low i{background:#e8483b}.ml-n{display:flex;align-items:baseline;justify-content:space-between;gap:2px;min-height:16px;font-size:var(--fs-xs);line-height:1.3}.ml-n b{font-family:var(--f-pop);font-weight:400;font-size:var(--fs-note);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ml-you{padding:0 3px;background:var(--yellow);border-radius:4px}.ml-t,.ml-you{white-space:nowrap}.ml-t{line-height:1.25;overflow:hidden;text-overflow:ellipsis}.ml-rep,.ml-t{font-size:var(--fs-xs)}.ml-rep{min-height:28px;min-width:0;padding:0}.scr.one .ml>.ml-log{flex:1 1 72px;min-height:72px;margin-top:8px}@keyframes mlAct{40%{transform:scale(1.14) rotate(-3deg)}}@keyframes mlActB{40%{transform:scale(1.14) rotate(-3deg)}}@media (max-height:600px){.on-champ .frm{--s:72px!important}.on-foot .btn.big{min-height:50px}.ml-grid{gap:5px}.ml-t{display:none}}@media (min-width:1024px) and (min-height:641px){.scr.tab.online{max-width:760px}.scr.tab.top.online{max-width:none}.ml-grid{grid-template-columns:repeat(5,minmax(0,150px));justify-content:center;gap:12px}.ml-grid.n2,.ml-grid.n3,.ml-grid.n4{grid-template-columns:repeat(4,minmax(0,170px))}.ml-grid.n5,.ml-grid.n6,.ml-grid.n7,.ml-grid.n8{grid-template-columns:repeat(4,minmax(0,150px))}.scr.one .ml{max-width:900px;width:100%;margin:0 auto}.on-gallery,.on-gallery.many{grid-template-columns:repeat(5,minmax(0,132px));justify-content:center;gap:14px 12px}.on-lobby,.on-result{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.ml-cell .ml-pic,.on-art.in .on-art-pic,.on-digest{animation:none!important}}.on-reveal{flex:1 1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;animation:onIn .35s cubic-bezier(.2,1.4,.4,1)}.on-reveal .frm{flex:none;margin:10px 0 12px}.on-rv-title{font-family:var(--f-pop);font-weight:400;font-size:var(--fs-head);line-height:1.3}.on-reveal.me .on-rv-title{background:var(--hl);padding:0 6px}.on-rv-fit{margin:2px 0 0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px 4px;font-size:var(--fs-note);color:var(--ink-soft)}.on-rv-fit .on-tag{font-size:var(--fs-body);font-weight:400;color:var(--ink);transform:rotate(-2deg)}.on-rv-fit .on-tag.fit-hit{color:var(--redpen)}.on-rv-fit .on-tag.fit-miss{color:var(--ink-soft)}.on-rv-gahaku{margin:4px 0 0;display:flex;align-items:baseline;justify-content:center;gap:8px;flex-wrap:wrap}.on-rv-gahaku b{font-family:var(--f-pop);font-weight:400;font-size:var(--fs-title);color:var(--redpen);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.on-rv-gahaku span{font-family:var(--f-pop);font-size:var(--fs-lead);padding:0 8px;border:2px solid var(--redpen);border-radius:8px 4px 9px 5px;color:var(--redpen);white-space:nowrap}.on-rv-stats{width:100%;max-width:340px;margin:8px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.on-rv-stats>div{padding:4px 2px;background:#fff;border:2px solid var(--ink);border-radius:var(--r-hand2)}.on-rv-stats dt{display:flex;align-items:center;justify-content:center;gap:3px;font-size:var(--fs-note);color:var(--ink-soft);white-space:nowrap}.on-rv-stats dd{margin:0;font-family:var(--f-pop);font-size:var(--fs-head);line-height:1.2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.on-rv-stats dd small{font-size:var(--fs-xs);margin-left:1px}.on-rv-stats dd i,.on-rv-stats dd s{font-size:var(--fs-note);color:var(--ink-soft)}.on-rv-stats dd i{margin:0 2px;font-style:normal}.on-rv-stats dd.up{color:#1f8a46}.on-rv-stats dd.down{color:var(--redpen)}.on-rv-skill{margin:6px 0 0;display:flex;flex-direction:column;line-height:1.3}.on-rv-skill small{font-size:var(--fs-note);color:var(--ink-soft)}.on-rv-skill b{font-family:var(--f-pop);font-weight:400;font-size:var(--fs-name)}.on-dots{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.on-dots i{width:10px;height:10px;border:2px solid var(--ink);border-radius:50%;background:#fff}.on-dots i.past{background:var(--ink)}.on-dots i.now{background:var(--yellow);transform:scale(1.3)}@media (max-height:600px){.on-reveal .frm{--s:104px!important;margin:6px 0 8px}.on-rv-stats dd,.on-rv-title{font-size:var(--fs-name)}}@media (prefers-reduced-motion:reduce){.on-reveal{animation:none!important}}.scr.online:has(.modal){z-index:60;animation:none}