:root{--felt:#1c1c1e;--felt-2:#141416;--surface:#242427;--ink:#0e0e0f;--cream:#f4f3ef;--red:#d93b30;--line:#ffffff1f;--panel:#ffffff0d;--text:#ececed;--muted:#ececed94;--lacquer:#8f2419;--lacquer-lo:#6d180f;--lacquer-hi:#b0402f;--on-lacquer:#f6ece2;--gold:#e8b423;--pad:.75rem;--radius:0;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@font-face{font-family:Shippori Mincho;font-style:normal;font-weight:400;font-display:swap;src:url(/Hanafuda/fonts/shippori-mincho-400-latin.woff2)format("woff2");unicode-range:U+??,U+2010-205E,U+2122,U+2190-2193,U+2212}@font-face{font-family:Shippori Mincho;font-style:normal;font-weight:400;font-display:swap;src:url(/Hanafuda/fonts/shippori-mincho-400-japanese.woff2)format("woff2");unicode-range:U+30??,U+4E00-9FFF,U+FF00-FFEF}@font-face{font-family:Shippori Mincho;font-style:normal;font-weight:600;font-display:swap;src:url(/Hanafuda/fonts/shippori-mincho-600-latin.woff2)format("woff2");unicode-range:U+??,U+2010-205E,U+2122,U+2190-2193,U+2212}@font-face{font-family:Shippori Mincho;font-style:normal;font-weight:600;font-display:swap;src:url(/Hanafuda/fonts/shippori-mincho-600-japanese.woff2)format("woff2");unicode-range:U+30??,U+4E00-9FFF,U+FF00-FFEF}@font-face{font-family:Shippori Mincho;font-style:normal;font-weight:700;font-display:swap;src:url(/Hanafuda/fonts/shippori-mincho-700-latin.woff2)format("woff2");unicode-range:U+??,U+2010-205E,U+2122,U+2190-2193,U+2212}@font-face{font-family:Shippori Mincho;font-style:normal;font-weight:700;font-display:swap;src:url(/Hanafuda/fonts/shippori-mincho-700-japanese.woff2)format("woff2");unicode-range:U+30??,U+4E00-9FFF,U+FF00-FFEF}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow-x:hidden}body{background:var(--felt);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Shippori Mincho,Hiragino Mincho ProN,Yu Mincho,YuMincho,Noto Serif JP,Songti SC,serif;font-size:16px;line-height:1.5}#root{min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3{margin:0;line-height:1.2}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.muted{color:var(--muted)}.small{font-size:.8rem}.screen{max-width:34rem;min-height:100dvh;padding:calc(var(--safe-t) + var(--pad)) var(--pad) calc(var(--safe-b) + var(--pad));background:radial-gradient(120% 80% at 50% 0%, #2a2a2d 0%, var(--felt) 55%, var(--felt-2) 100%);margin:0 auto}.appbg{z-index:-1;pointer-events:none;background-image:url(/Hanafuda/backgrounds/blossom.webp);background-position:50%;background-size:cover;position:fixed;inset:0}.appbg:after{content:"";background:#121214c7;position:absolute;inset:0}:root[data-bg=on] .screen{background:0 0}:root[data-bg=on]{--panel:#1010128c}.screen--center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.screen--game{flex-direction:column;gap:.5rem;height:100dvh;display:flex;overflow:hidden}.screen--game>.board{flex:auto;min-height:0}.screen--game>.topbar,.screen--game>.netbar,.screen--game>.statusbar,.screen--game>.summary{flex:none}.topbar{grid-template-columns:2.25rem 1fr auto;align-items:center;gap:.5rem;display:grid}.topbar__back{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:2.25rem;height:2.25rem;padding:0 0 .2rem;font-size:1.4rem;line-height:1}.topbar__mid{flex-direction:column;line-height:1.15;display:flex}.topbar__sub{color:var(--muted);font-size:.72rem}.topbar__score{font-variant-numeric:tabular-nums;align-items:baseline;gap:.3rem;font-weight:700;display:flex}.topbar__score i{color:var(--muted);font-style:normal}.topbar__them{color:var(--muted)}.netbar{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);padding:.35rem .6rem;font-size:.75rem}.netbar--connected{border-color:#78c89666}.netbar--peer-left,.netbar--error{background:#d93b3024;border-color:#d93b3099}.summary{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);text-align:left;align-items:center;gap:.5rem;width:100%;height:2.6rem;padding:0 .6rem;display:flex;overflow:hidden}.summary--active{border-color:#e8b42380}.summary__stack{flex:none;align-items:center;gap:.25rem;line-height:0;display:inline-flex}.summary__stack b{font-variant-numeric:tabular-nums;font-size:.72rem;line-height:1}.summary__name{white-space:nowrap;font-size:.78rem;font-weight:600}.summary__koi{color:var(--gold);white-space:nowrap;font-size:.68rem;font-weight:700}.summary__counts{align-items:center;gap:.3rem;margin-left:auto;display:flex;overflow:hidden}.summary__counts em{color:var(--muted);font-size:.7rem;font-style:normal}.summary__chip{font-variant-numeric:tabular-nums;border-radius:var(--radius);border:1px solid var(--line);background:#ffffff12;align-items:baseline;gap:.15rem;padding:.05rem .35rem;font-size:.72rem;display:inline-flex}.summary__chip i{opacity:.75;font-size:.62rem;font-style:normal}.summary__chip--hikari{color:#ffd980;border-color:#ffd98066}.summary__chip--tane{color:#9fd3a0;border-color:#9fd3a059}.summary__chip--tanzaku{color:#f0a6a0;border-color:#f0a6a059}.summary__chip--kasu{color:var(--muted)}.summary__pts{text-align:right;font-variant-numeric:tabular-nums;min-width:1.4rem;color:var(--muted);font-weight:700}.summary__pts--on{color:var(--gold)}.summary__more{color:var(--muted);font-size:1.1rem;line-height:1}.pile{flex-direction:column;gap:.55rem;display:flex}.pile__group{align-items:center;gap:.5rem;display:flex}.pile__label{color:var(--muted);flex:0 0 4.6rem;font-size:.7rem}.pile__label b{color:var(--text)}.pile__cards{flex-wrap:wrap;row-gap:.3rem;display:flex}.pile__card{line-height:0;display:block}.pile__card--lit{filter:drop-shadow(0 0 4px var(--gold))}.pile__empty{color:var(--muted);margin:0;font-size:.8rem}.board{grid-template-rows:minmax(0,1fr) auto;gap:.4rem;min-height:0;display:grid}.board__field{border:1px solid var(--line);border-radius:var(--radius);overscroll-behavior:contain;background:#00000047;flex-wrap:wrap;place-content:safe center center;gap:.3rem;min-height:0;padding:.45rem;transition:border-color .15s,background .15s;display:flex;position:relative;overflow-y:auto}.board__field--discard{cursor:pointer;background:#e8b42312;border-color:#e8b4238c}.board__field--discard .board__slot{pointer-events:none}.board__slot{border-radius:var(--radius);background:0 0;border:3px solid #0000;padding:0;line-height:0;transition:transform .12s}.board__slot:disabled{cursor:default}.board__slot--enter{animation:.44s cubic-bezier(.22,1,.36,1) both card-land}.board__slot--leave{pointer-events:none;animation:.418s cubic-bezier(.4,0,.7,.2) both card-leave-down}.board__slot--leave-up{animation-name:card-leave-up}@keyframes card-leave-down{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(150px)scale(.7)}}@keyframes card-leave-up{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-150px)scale(.7)}}@keyframes card-land{0%{opacity:0;transform:translateY(90px)scale(.86)}60%{opacity:1}to{opacity:1;transform:translateY(0)scale(1)}}.board__slot--target{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 0 0 4px #e8b42352}.board__slot img{border-radius:.3rem;display:block}.board__fieldEmpty{color:var(--muted);margin:auto;font-size:.78rem}.board__flight{border-radius:var(--radius);border:1px solid var(--line);pointer-events:none;background:#0a0a0bd1;flex-direction:column;align-items:center;gap:.15rem;padding:.3rem .5rem;line-height:0;display:flex;position:absolute;left:50%}.board__flight span{color:var(--muted);font-size:.64rem;line-height:1.2}.board__flight--pending{border-color:var(--gold);animation:.35s flip-in;top:.4rem;transform:translate(-50%);box-shadow:0 0 0 3px #e8b42340}@keyframes flip-in{0%{opacity:0;transform:translate(-50%)rotateY(90deg)scale(.8)}to{opacity:1;transform:translate(-50%)rotateY(0)scale(1)}}.board__flight--draw{z-index:2;background:#0a0a0bf0;border-color:#ffffff38;padding:.4rem .6rem;top:50%;transform:translate(-50%,-50%);box-shadow:0 14px 30px #0009}.board__flight--in{animation:.32s cubic-bezier(.16,1,.3,1) both draw-rise}@keyframes draw-rise{0%{opacity:0;transform:translate(-50%,calc(6rem - 50%))scale(.7)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.board__flight--out-down{animation:.418s ease-in both draw-to-mine}.board__flight--out-up{animation:.418s ease-in both draw-to-theirs}@keyframes draw-to-mine{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,calc(9rem - 50%))scale(.65)}}@keyframes draw-to-theirs{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% - 9rem))scale(.65)}}.hand{touch-action:pan-y;-webkit-user-select:none;user-select:none;isolation:isolate;height:11rem;position:relative}.hand--idle{opacity:.5}.hand__card{transform-origin:50%;filter:drop-shadow(0 3px 6px #0000008c);pointer-events:none;background:0 0;border:0;padding:0;line-height:0;transition:transform .18s cubic-bezier(.22,1,.36,1),filter .18s;position:absolute;bottom:.25rem;left:50%}.hand__card--focus{filter:drop-shadow(0 8px 14px #000000a6)}.hand__card--playable img{outline-offset:-2px;outline:4px solid #e8b423eb}.hand__card--selected{filter:drop-shadow(0 12px 22px #000000b3)}.hand__card--selected img{outline:5px solid var(--gold);outline-offset:1px}.hand__card img{border-radius:.35rem;display:block}.hand__match{background:var(--gold);color:#2a1e00;text-align:center;border-radius:999px;min-width:1.15rem;height:1.15rem;font-size:.7rem;font-weight:700;line-height:1.15rem;position:absolute;top:-.3rem;right:-.3rem}.hand__empty{color:var(--muted);place-items:center;margin:0;font-size:.8rem;display:grid;position:absolute;inset:0}.statusbar{text-align:center;color:var(--muted);min-height:1.2rem;font-size:.78rem}.sheet{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:1rem .5rem calc(var(--safe-b) + .5rem);background:#0000008c;justify-content:center;align-items:flex-end;animation:.18s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet__inner{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:.75rem;width:100%;max-width:30rem;max-height:82dvh;padding:1rem;animation:.22s rise;display:flex;overflow-y:auto}.sheet__inner--tight{text-align:center}@keyframes rise{0%{transform:translateY(1.5rem)}}.sheet__kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:.72rem}.sheet__head h2{font-size:1.25rem}.sheet__explain{color:var(--muted);margin:0;font-size:.85rem}.sheet__explain--maths{font-variant-numeric:tabular-nums;color:var(--text);font-size:.9rem}.sheet__body{flex-direction:column;gap:.6rem;display:flex}.sheet__yaku,.sheet__teyaku{border-bottom:1px solid var(--line);padding-bottom:.5rem}.sheet__line{justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.9rem;display:flex}.sheet__line em{color:var(--muted);margin-left:.3rem;font-size:.8em;font-style:normal}.sheet__line--sub{color:var(--muted);font-size:.82rem}.sheet__line--total{border-top:1px solid var(--line);color:var(--gold);margin-top:.3rem;padding-top:.4rem;font-size:1rem;font-weight:700}.sheet__cards{flex-wrap:wrap;gap:.15rem;margin-top:.3rem;line-height:0;display:flex}.sheet__maths{margin-top:.25rem}.sheet__none{color:var(--muted);margin:0;font-size:.88rem}.sheet__scores{gap:.5rem;display:flex}.sheet__scores>div{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);text-align:center;flex:1;padding:.5rem}.sheet__scores span{color:var(--muted);font-size:.72rem;display:block}.sheet__scores b{font-variant-numeric:tabular-nums;font-size:1.4rem}.sheet__choices{flex-direction:column;gap:.5rem;display:flex}.yaku{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.6rem}.yaku__head{justify-content:space-between;align-items:baseline;margin-bottom:.4rem;display:flex}.yaku__head h3{font-size:.9rem}.yaku__total{color:var(--gold);font-weight:700}.yaku__list{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.yaku__row{color:var(--muted);grid-template-columns:1fr auto 2.5rem;align-items:baseline;gap:.5rem;padding:.15rem 0;font-size:.82rem;display:grid}.yaku__row--done{color:var(--text)}.yaku__row--done .yaku__pts{color:var(--gold);font-weight:700}.yaku__name em{opacity:.65;margin-left:.3rem;font-size:.85em;font-style:normal}.yaku__count,.yaku__pts{font-variant-numeric:tabular-nums;text-align:right}.yaku__empty{color:var(--muted);margin:0;font-size:.8rem}.screen--menu{flex-direction:column;justify-content:center;gap:1.5rem;display:flex}.hero{text-align:center}.hero__cards{justify-content:center;gap:.4rem;margin-bottom:1rem;display:flex}.hero__cards>svg:first-child{transform:rotate(-8deg)translateY(4px)}.hero__cards>svg:last-child{transform:rotate(8deg)translateY(4px)}.hero h1{letter-spacing:.03em;flex-direction:column-reverse;font-size:2.6rem;font-weight:700;display:flex}.hero h1 em{color:var(--gold);letter-spacing:.42em;text-indent:.42em;margin-bottom:.35rem;font-size:1.05rem;font-style:normal;font-weight:400}.hero__sub{color:var(--muted);margin:.55rem 0 0;font-size:.85rem}.hero__sub:after{content:"";background:linear-gradient(90deg, transparent, var(--line) 35%, var(--line) 65%, transparent);width:3.5rem;height:1px;margin:.9rem auto 0;display:block}.menu{flex-direction:column;gap:.6rem;display:flex}.menu__group{margin-bottom:.25rem}.menu__label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.35rem;font-size:.72rem;display:block}.menu__hint{color:var(--muted);margin:.35rem 0 0;font-size:.75rem}.menu__row{gap:.5rem;display:flex}.menu__row>.btn{flex:1}.btn{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-height:2.9rem;padding:.7rem 1rem;font-weight:600;transition:transform .1s,background .15s}.btn:active{transform:scale(.985)}.btn--wide{width:100%}.btn--stack{flex-direction:column;gap:.15rem;padding-block:.6rem;line-height:1.25;display:flex}.btn__sub{opacity:.75;font-size:.72rem;font-weight:500}.btn--primary{background:linear-gradient(var(--lacquer-hi), var(--lacquer-lo));border-color:var(--lacquer-hi);color:var(--on-lacquer)}.btn--ghost{background:0 0}.btn:disabled{opacity:.45;cursor:default}.segmented{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);display:flex;overflow:hidden}.segmented__btn{background:0 0;border:0;flex:1;min-height:2.6rem;padding:.55rem .4rem;font-size:.85rem}.segmented--sm .segmented__btn{min-height:2.2rem;padding:.35rem .3rem;font-size:.78rem}.segmented__btn.is-on{background:var(--lacquer);color:var(--on-lacquer);font-weight:700}.tabs{flex:none}.tabs .segmented__btn{letter-spacing:.04em;min-height:3rem;font-size:.95rem}.screen--settings [role=tabpanel]{flex-direction:column;gap:.75rem;display:flex}.preview{align-items:center;gap:.75rem;margin:0;display:flex}.preview img{object-fit:cover;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:6rem;height:8rem}.preview figcaption{margin:0}.input{letter-spacing:.4em;text-align:center;text-transform:uppercase;border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--text);background:#0000004d;padding:.7rem .8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.4rem}.input--text{letter-spacing:normal;text-align:left;text-transform:none;font-family:inherit;font-size:1.05rem}.input--text::placeholder{letter-spacing:normal}.input::placeholder{letter-spacing:.3em;color:#f3ecdd40}.screen--lobby,.screen--settings,.screen--setup,.screen--howto{flex-direction:column;gap:.75rem;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:.6rem;padding:.9rem;display:flex}.card h2{font-size:1rem}.card p{margin:0}.roomcode{justify-content:center;gap:.35rem;display:flex}.roomcode span{border-radius:var(--radius);height:3rem;color:var(--gold);background:#00000052;border:1px solid #e8b42373;flex:0 0 2.4rem;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.5rem;font-weight:700;display:grid}.opt{border-top:1px solid var(--line);padding-top:.6rem}.opt:first-of-type{border-top:0;padding-top:0}.opt__label{font-size:.88rem;font-weight:600}.opt__row{cursor:pointer;align-items:center;gap:.6rem;display:flex}.opt__row .opt__label{flex:1}.opt__row input{opacity:0;pointer-events:none;position:absolute}.opt__switch{border:1px solid var(--line);background:#0006;border-radius:999px;flex:none;width:2.6rem;height:1.5rem;transition:background .15s;position:relative}.opt__switch:after{content:"";background:var(--cream);border-radius:50%;width:1.05rem;height:1.05rem;transition:transform .15s;position:absolute;top:.15rem;left:.18rem}.opt__row input:checked+.opt__switch{background:var(--lacquer);border-color:var(--lacquer-hi)}.opt__row input:checked+.opt__switch:after{transform:translate(1.05rem)}.opt .segmented{margin-top:.4rem}.deflist{grid-template-columns:1fr auto;gap:.15rem .5rem;margin:0;font-size:.85rem;display:grid}.deflist>div{display:contents}.deflist dt{color:var(--muted)}.deflist dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:700}.deflist--wide{grid-template-columns:1fr 1fr;align-items:baseline;gap:.4rem .75rem}.deflist--wide dd{font-weight:600}.steps{color:var(--muted);flex-direction:column;gap:.45rem;margin:0;padding-left:1.1rem;font-size:.8rem;display:flex}.steps::marker{color:var(--gold)}.steps li::marker{color:var(--gold)}.screen--howto [role=tabpanel]{flex-direction:column;gap:.75rem;display:flex}.yakudef{border-top:1px solid var(--line);flex-direction:column;gap:.3rem;padding-top:.6rem;display:flex}.yakudef:first-of-type{border-top:0;padding-top:0}.yakudef__head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.yakudef__head h3{align-items:baseline;gap:.35rem;margin:0;font-size:.9rem;display:flex}.yakudef__head em{color:var(--muted);font-size:.8rem;font-style:normal;font-weight:400}.yakudef__pts{font-variant-numeric:tabular-nums;text-align:right;color:var(--gold);flex:none;font-size:.78rem;font-weight:700}.yakudef__note{color:var(--muted);margin:0;font-size:.78rem;line-height:1.45}.combo{flex-wrap:wrap;gap:.3rem;margin-top:.1rem;display:flex}.combo__card{width:46px;margin:0}.combo__card img{border-radius:3px;display:block}.combo--named .combo__card figcaption{color:var(--muted);margin-top:.15rem;font-size:.6rem;line-height:1.25}.combo__month{color:var(--text);letter-spacing:.04em;font-weight:600;display:block}.note{border-left:2px solid var(--gold);color:var(--muted);margin:0;padding-left:.6rem;font-size:.78rem;line-height:1.45}.formula{text-align:center;margin:0;font-size:.8rem}.gallery{max-width:60rem;padding:calc(var(--safe-t) + 1rem) 1rem calc(var(--safe-b) + 2rem);margin:0 auto}.gallery>.topbar{margin-bottom:1.25rem}.gallery__head{text-align:center;margin-bottom:1.5rem}.gallery__head p{color:var(--muted);font-size:.85rem}.gallery__month{margin-bottom:1.5rem}.gallery__month h2{border-bottom:1px solid var(--line);align-items:center;gap:.5rem;margin-bottom:.6rem;padding-bottom:.4rem;font-size:.95rem;display:flex}.gallery__num{background:var(--lacquer);width:1.6rem;height:1.6rem;color:var(--on-lacquer);border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:grid}.gallery__ja{color:var(--muted);font-weight:400}.gallery__row{flex-wrap:wrap;gap:.75rem;display:flex}.gallery__card{width:104px;margin:0}.gallery__card figcaption{flex-direction:column;margin-top:.3rem;font-size:.7rem;line-height:1.3;display:flex}.gallery__card strong{font-size:.72rem}.gallery__card em{color:var(--gold);font-style:normal}.gallery__card code{color:var(--muted);font-size:.65rem}@media (height<=700px){:root{--pad:.5rem}.tray{min-height:3rem;padding:.3rem .4rem}.screen--game{gap:.35rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.credit{text-align:center;margin-top:.75rem}.credit p{color:var(--muted);margin:0;font-size:.7rem;line-height:1.5}.credit a{color:var(--muted);text-underline-offset:2px;text-decoration:underline}.resume{flex-direction:column;gap:.25rem;margin-bottom:.5rem;display:flex}.resume .btn{flex-direction:column;gap:.1rem;line-height:1.25;display:flex}.resume__detail{opacity:.75;font-size:.7rem;font-weight:600}.resume__discard{color:var(--muted);text-underline-offset:2px;background:0 0;border:0;padding:.2rem;font-size:.72rem;text-decoration:underline}.spinner{border:3px solid #ffffff24;border-top-color:var(--gold);border-radius:50%;width:2.5rem;height:2.5rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.connecting{z-index:40;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#141416ed;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;padding:1.5rem;display:flex;position:fixed;inset:0}.connecting h2{font-size:1.1rem}.connecting p{max-width:22rem;color:var(--muted);margin:0;font-size:.82rem}.connecting__code{gap:.3rem;display:flex}.connecting__code span{border-radius:var(--radius);height:2.7rem;color:var(--gold);background:#00000059;border:1px solid #e8b42373;flex:0 0 2.1rem;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.3rem;font-weight:700;display:grid}.connecting__elapsed{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.75rem}.koicall{z-index:28;pointer-events:none;place-items:center;animation:1.7s both koicall-veil;display:grid;position:fixed;inset:0}.koicall__inner{background:linear-gradient(var(--lacquer-hi), var(--lacquer-lo));border:1px solid var(--lacquer-hi);color:var(--on-lacquer);text-align:center;flex-direction:column;align-items:center;gap:.15rem;padding:1rem 2.2rem;animation:1.7s cubic-bezier(.16,1,.3,1) both koicall-card;display:flex;box-shadow:0 18px 40px #0009}.koicall__ja{letter-spacing:.4em;text-indent:.4em;color:var(--gold);font-size:1rem}.koicall__word{font-size:2rem;font-weight:700;line-height:1.1}.koicall__who{opacity:.85;font-size:.78rem}@keyframes koicall-veil{0%{background:0 0}18%,70%{background:#0000006b}to{background:0 0}}@keyframes koicall-card{0%{opacity:0;transform:scale(.7)rotate(-4deg)}16%{opacity:1;transform:scale(1.06)rotate(-1.5deg)}26%{transform:scale(1)rotate(-1.5deg)}70%{opacity:1;transform:scale(1)rotate(-1.5deg)}to{opacity:0;transform:scale(1.04)translateY(-1.2rem)rotate(-1.5deg)}}@media (prefers-reduced-motion:reduce){.koicall,.koicall__inner{animation-duration:1.7s;animation-timing-function:linear}.koicall__inner{animation-name:koicall-fade}@keyframes koicall-fade{0%,to{opacity:0}10%,80%{opacity:1}}}.cardinfo{left:50%;top:calc(var(--safe-t) + .5rem);z-index:25;border-radius:var(--radius);border:1px solid var(--line);background:#101012f5;align-items:center;gap:.6rem;width:min(23rem,100vw - 1.5rem);padding:.45rem .55rem;animation:.18s drop;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 22px #0000008c}@keyframes drop{0%{opacity:0;transform:translate(-50%,-.75rem)}to{opacity:1;transform:translate(-50%)}}.cardinfo img{border-radius:.25rem;flex:none}.cardinfo__text{flex:1;min-width:0}.cardinfo__name{margin:0;font-size:.85rem;font-weight:700;line-height:1.25}.cardinfo__name em,.cardinfo__meta em{color:var(--muted);margin-left:.25rem;font-style:normal;font-weight:400}.cardinfo__meta{color:var(--muted);margin:0;font-size:.7rem;line-height:1.35}.cardinfo__kind{color:var(--text)}.cardinfo__kind--hikari{color:#ffd980}.cardinfo__kind--tane{color:#9fd3a0}.cardinfo__kind--tanzaku{color:#f0a6a0}.cardinfo__yaku{flex-wrap:wrap;gap:.2rem;margin:.25rem 0 0;display:flex}.cardinfo__yaku span{border-radius:var(--radius);color:var(--gold);background:#e8b42324;border:1px solid #e8b42361;padding:.05rem .35rem;font-size:.64rem}.cardinfo__close{border-radius:var(--radius);width:1.5rem;height:1.5rem;color:var(--muted);background:#ffffff14;border:0;flex:none;align-self:flex-start;padding:0;font-size:1rem;line-height:1}.score{flex-direction:column;gap:.9rem;display:flex}.score__preset{color:var(--muted);margin:0;font-size:.75rem}.score__group h4{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 .35rem;font-size:.72rem;font-weight:700}.score__group ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.score__note{color:var(--muted);margin:0 0 .4rem;font-size:.7rem;line-height:1.35}.score__group li{border-top:1px solid var(--line);flex-direction:column;gap:.3rem;padding:.5rem 0;display:flex}.score__group li:first-child{border-top:0}.score__head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.score__desc{color:var(--muted);margin:0;font-size:.68rem;line-height:1.35}.score__cards{flex-wrap:wrap;align-items:center;gap:.25rem;margin-top:.1rem;display:flex}.score__more{color:var(--muted);align-self:center;padding:0 .15rem;font-size:1rem;line-height:1}.score__name{flex-direction:column;min-width:0;font-size:.85rem;display:flex}.score__name em{color:var(--muted);margin-left:.3rem;font-size:.85em;font-style:normal;display:inline}.score__name small{color:var(--muted);font-size:.68rem;line-height:1.3}.score__pts{text-align:right;font-variant-numeric:tabular-nums;color:var(--gold);flex:none;font-size:.85rem;font-weight:700}.score__formula{color:var(--muted);margin:.4rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.sheet__head--centre{text-align:center}