:root{--s0:#0d0907;--s1:#17110d;--s2:#231a14;--s3:#2e231b;--line:#f0debc1f;--line-2:#f0debc38;--ink:#f7efe0;--ink-2:#c9bba0;--ink-3:#8f816b;--acc:#d6432c;--acc-hi:#f06a4e;--acc-lo:#8c1c11;--on-acc:#fff6ea;--gold:#e6c47a;--gold-2:#f6dc9c;--gain:#f3cd6c;--loss:#bdb6a8;--cool:#a9bccf;--good:#b8e07a;--gl:#e6c47a61;--gl-2:#e6c47ab3;--mat:radial-gradient(120% 60% at 50% -12%, #a0562633, transparent 62%), linear-gradient(180deg, #2c1e148c, #0a07058c), url(/games/hwatora/assets/ui/lacq.webp) center / 20em auto #18110c;--r1:.45em;--r2:.75em;--r3:1.1em;--rp:999px;--e1:0 .1em .25em #00000073;--e2:0 .35em 1em #00000073;--e3:0 1.2em 3em #0009;--t-xs:max(.78em, 12px);--t-sm:max(.875em, 13px);--t-md:1em;--t-lg:1.22em;--t-xl:1.5em;--t-2xl:2em;--t-3xl:2.75em;--f-ui:"HwaSans", system-ui, sans-serif;--f-brand:"Cinzel", "Noto Serif", serif;--f-num:"Gowun Batang", "Noto Serif", serif;--f-title:var(--f-ui);--f-body:var(--f-ui);--hair:var(--line);--hair-2:var(--line-2);--trim:var(--line-2);--trim-2:#e6c47ab3;--lacq:var(--mat);--white:var(--ink);--ink-soft:var(--ink-2);--mute:var(--ink-3);--org:var(--acc);--org-2:var(--acc-lo);--t-display:var(--t-3xl);--t-h1:var(--t-2xl);--t-h2:var(--t-xl);--t-h3:var(--t-lg);--t-body:1em;--t-small:var(--t-sm);--t-tiny:var(--t-xs)}#ui.lang-ko{--f-ui:"HwaSans", system-ui, sans-serif;--f-brand:"Gowun Batang", "Hahmlet", serif}#ui.lang-ja{--f-ui:"HwaSans", "Noto Sans JP", system-ui, sans-serif;--f-brand:"Shippori Mincho", serif}#ui.lang-zh{--f-ui:"HwaSans", "Noto Sans SC", system-ui, sans-serif;--f-brand:"Noto Serif SC", serif}#ui.lang-vi{--f-ui:"HwaSans", system-ui, sans-serif;--f-brand:"Noto Serif", serif}#ui.lang-ko,#ui.lang-ja,#ui.lang-zh,#ui.lang-vi,#ui{--f-title:var(--f-ui);--f-body:var(--f-ui)}#ui{z-index:10;pointer-events:none;font-family:var(--f-ui);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);font-weight:700;line-height:1.3;position:fixed;inset:0;overflow:hidden}#ui *{box-sizing:border-box}#ui .hit,#ui button,#ui .btn,#ui .panel,#ui .modal,#ui input,#ui .tap{pointer-events:auto}#ui button{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit}#ui img{-webkit-user-drag:none;display:block}#ui.lang-ko{word-break:keep-all;overflow-wrap:break-word}.title{font-family:var(--f-ui);letter-spacing:-.005em;font-weight:800}.lt,.dk{color:var(--ink)}.t-display{font-size:var(--t-3xl)}.t-h1{font-size:var(--t-2xl)}.t-h2{font-size:var(--t-xl)}.t-h3{font-size:var(--t-lg)}.t-body{font-size:1em}.t-small{font-size:var(--t-sm)}.t-tiny{font-size:var(--t-xs)}.org,.red{color:var(--acc-hi)}.muted{color:var(--ink-2);font-weight:500}.good{color:var(--good)}.nowrap{white-space:nowrap}.center{text-align:center}.grow{flex:auto;min-width:0}.fit{white-space:nowrap;max-width:100%;display:block;overflow:hidden}.clamp2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.balance{text-wrap:balance}.row{align-items:center;gap:.6em;display:flex}.col{flex-direction:column;gap:.6em;display:flex}.center-row{justify-content:center;display:flex;position:absolute;left:0;right:0}.fitin{white-space:nowrap;transform-origin:0;max-width:none;display:inline-block}.ico{flex:none;width:1.6em;height:1.6em;display:inline-block}.ico img{object-fit:contain;width:100%;height:100%}#ui img.sym,img.sym{vertical-align:-.3em;pointer-events:none;width:auto;height:1.3em;margin:0 .1em;display:inline-block}#ui img.sym-S,#ui img.sym-C{vertical-align:-.22em;height:1.15em}#ui img.sym-B{vertical-align:-.08em;height:.9em;margin-right:.35em}#ui img.sym-N{vertical-align:-.16em;height:1.05em}.btn{--bh:2.9em;height:var(--bh);border-radius:var(--r2);min-width:7em;box-shadow:inset 0 1px 0 #ffe8c424, inset 0 0 0 1px var(--gl), 0 .15em .45em #00000073;font-family:var(--f-ui);color:var(--ink);cursor:pointer;isolation:isolate;background:linear-gradient(#34271d,#1e1611);border:0;outline:none;justify-content:center;align-items:center;gap:.45em;padding:0 1.15em;font-size:1.02em;font-weight:800;transition:transform .1s ease-out,background-color .12s;display:inline-flex;position:relative;overflow:hidden}.btn>.lbl{white-space:nowrap;flex:0 auto;min-width:0;max-width:100%;padding-bottom:.04em;overflow:hidden}.btn .ic{flex:none;width:1.35em;height:1.35em}.btn:hover{filter:brightness(1.1)}.btn:active{filter:brightness(.95);transform:translateY(1px)scale(.97)}.btn:focus-visible{box-shadow:inset 0 0 0 1px var(--line-2), 0 0 0 .15em var(--ink)}.btn[disabled]{filter:grayscale(.8)brightness(.7);pointer-events:none}.btn.sm{--bh:2.5em;min-width:5em;padding:0 .85em;font-size:.95em}.btn.lg{--bh:3.4em;min-width:9.5em;padding:0 1.5em;font-size:1.18em}.btn.on{box-shadow:inset 0 0 0 .14em var(--acc)}.btn-orange,.mcard .mc-cta{color:var(--on-acc);background-blend-mode:normal, soft-light, normal;background:radial-gradient(120% 70% at 50% -20%,#ffc8aa59,#0000 60%),url(/games/hwatora/assets/ui/lacq.webp) 50%/12em,linear-gradient(#e3563a 0%,#c43620 60%,#9e2716 100%);box-shadow:inset 0 1px #ffdec680,inset 0 0 0 1px #ffcda033,0 0 0 1.5px #c9993f,0 .3em .8em #5a100680}.lowfx .btn-orange,.lowfx .mcard .mc-cta{background:linear-gradient(#e3563a,#9e2716)}.btn-orange,.mcard .mc-cta,.lowfx .btn-orange,.lowfx .mcard .mc-cta{background:#a3170b;border-image:url(/games/hwatora/assets/ui/cta.webp) 34 fill/.62em;border-radius:.6em;box-shadow:0 .22em .55em #2806028c}.btn-orange>.lbl,.mcard .mc-cta em{text-shadow:0 1px #3c0802b3}.btn-orange.on{box-shadow:0 0 0 .14em var(--gold-2), 0 .22em .55em #2806028c}.ibtn{cursor:pointer;width:2.9em;height:2.9em;box-shadow:inset 0 0 0 1px var(--gl);background:linear-gradient(#34271d,#1e1611);border:0;border-radius:50%;flex:none;padding:.55em;transition:transform .1s;position:relative}.ibtn .ico{width:100%;height:100%}.ibtn:active{transform:scale(.92)}.modal{z-index:20;background:#060402bd;place-items:center;animation:.18s both fadeIn;display:grid;position:absolute;inset:0}.modal.clear{background:0 0}.panel{width:min(94vw,40em);max-height:min(90vh,46em);color:var(--ink);border-radius:var(--r3);background:var(--mat);box-shadow:inset 0 0 0 1px var(--gl), inset 0 1px 0 #ffe6be1a, var(--e3);flex-direction:column;padding:1.1em 1.4em 1.3em;animation:.22s cubic-bezier(.2,1.1,.4,1) both popIn;display:flex;position:relative}.panel.wide{width:min(96vw,60em)}.panel-head{flex:none;justify-content:center;align-items:center;min-height:2.4em;margin:0 2.4em .7em;display:flex;position:relative}.panel-head .rib{width:100%}.panel-head .rib h2{text-align:center;font-size:var(--t-xl);color:var(--gold-2);margin:0;font-weight:800;line-height:1.15}.panel-head:after{content:"";background:linear-gradient(90deg, transparent, var(--gl-2), transparent);width:min(10em,50%);height:1px;position:absolute;bottom:-.35em;left:50%;transform:translate(-50%)}.panel-close{z-index:2;width:2.6em;height:2.6em;box-shadow:none;background:0 0;margin-top:-1.3em;padding:.65em;position:absolute;top:50%;right:-2.4em}.panel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ink-3) transparent;flex:auto;min-height:0;padding:.1em .2em 1.3em;position:relative;overflow:hidden auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 1.2em),#00000059);mask-image:linear-gradient(#000 calc(100% - 1.2em),#00000059)}.panel-body:not(:has(>:first-child)){-webkit-mask-image:none;mask-image:none}.panel-body::-webkit-scrollbar{width:.4em}.panel-body::-webkit-scrollbar-thumb{background:var(--ink-3);border-radius:1em}.panel-foot{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:.7em;padding-top:.9em;display:flex}.portrait .panel{width:calc(100vw - 2em);padding:1em 1em 1.2em}.tabs{flex-wrap:wrap;flex:none;justify-content:center;gap:.4em;margin-bottom:.8em;display:flex}.tabs .btn{flex:6em;min-width:0;max-width:12em}.chip{border-radius:var(--rp);height:2.4em;box-shadow:inset 0 0 0 1px var(--gl);background:#120d0adb;align-items:center;gap:.4em;padding:0 .9em 0 .4em;display:inline-flex}.chip .ico{width:1.6em;height:1.6em}.chip span{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink);font-size:var(--t-sm);font-weight:800}.stars{gap:.1em;display:inline-flex}.stars .ico{width:1.2em;height:1.2em}.stars .off{filter:grayscale()brightness(.45)}.pips{gap:.25em;display:flex}.pips i{border-radius:var(--rp);background:var(--s0);width:1.1em;height:.5em}.pips i.on{background:var(--acc)}.bar{border-radius:var(--rp);background:var(--s0);height:.8em;box-shadow:inset 0 0 0 1px var(--line);position:relative;overflow:hidden}.bar .fill{position:absolute;inset:0;overflow:hidden}.bar .fill i{background:var(--acc);position:absolute;inset:0;transform:translate(-100%)}.bar .fill b{place-items:center;font-size:.72em;display:grid;position:absolute;inset:0}.toast{pointer-events:none}.toast-in{border-radius:var(--r2);background:var(--mat);max-width:92vw;box-shadow:inset 0 0 0 1px var(--gl), var(--e2);align-items:center;gap:.6em;padding:.6em 1.2em .6em .7em;display:flex}.toast-in .ico{width:2.2em;height:2.2em}.toast-in.drop{animation:.3s cubic-bezier(.2,1.2,.4,1) both dropIn}#fade{z-index:50;background:var(--s0) center / cover no-repeat;opacity:0;pointer-events:none;place-items:center;transition:opacity .35s;display:grid;position:fixed;inset:0}#fade.on{opacity:1;pointer-events:auto}#fade.gone{display:none}#fade:before{content:"";background:linear-gradient(#08060433 0%,#0806041a 50%,#080604d9 100%);position:absolute;inset:0}#fade .box{font-family:var(--f-ui);flex-direction:column;align-items:center;gap:.7em;padding:0 5vw;display:flex;position:absolute;bottom:max(6vh,2.4em);left:0;right:0}#fade .box img.logo{filter:drop-shadow(0 .4em .8em #000000b3);width:min(64vw,30em);margin-bottom:auto}#fade .pbar{border-radius:var(--rp);background:#0009;width:min(70vw,26em);height:.4em;overflow:hidden}#fade .pbar i{background:var(--acc);width:0;height:100%;transition:width .25s;display:block}#fade .pct{color:var(--ink);text-shadow:0 .1em .2em #000;font-size:1.05em;font-weight:800}#fade .tip{color:var(--ink);text-align:center;text-shadow:0 .1em .25em #000;max-width:34em;min-height:2.6em;font-weight:500;transition:opacity .25s}.toosmall{z-index:100;background:var(--s0);color:var(--ink);text-align:center;place-items:center;padding:1em;font:700 14px system-ui;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}}@keyframes popIn{0%{opacity:0;transform:scale(.94)translateY(.5em)}}@keyframes dropIn{0%{opacity:0;transform:translateY(-1em)}}@keyframes rise{0%{opacity:0;transform:translateY(1em)}}.rise>*{animation:.32s cubic-bezier(.2,1,.4,1) both rise}.rise>:nth-child(2){animation-delay:40ms}.rise>:nth-child(3){animation-delay:80ms}.rise>:nth-child(4){animation-delay:.12s}.rise>:nth-child(5){animation-delay:.16s}@media (prefers-reduced-motion:reduce){.rise>*,.panel,.toast-in.drop{animation:none!important}}.scr{pointer-events:none;position:absolute;inset:0}.topbar{pointer-events:none;align-items:center;gap:.45em;display:flex;position:absolute;top:.7em;left:1em;right:1em}.topbar>*{pointer-events:auto}.topbar .sp{pointer-events:none;flex:1}.topbar .btn.sm{--bh:2.4em;border-radius:var(--rp);min-width:0;box-shadow:inset 0 0 0 1px var(--gl);font-size:var(--t-sm);background:#120d0adb}.topbar .ibtn{width:2.4em;height:2.4em;box-shadow:inset 0 0 0 1px var(--gl);background:#120d0adb;padding:.45em}.portrait .topbar{gap:.35em;left:.75em;right:.75em}.portrait .topbar .chip.rk{display:none}.portrait .topbar .btn.sm{width:2.4em;padding:0}.portrait .topbar .btn.sm .lbl{display:none}.portrait .topbar .btn.sm .ic{width:1.3em;height:1.3em}.hub-logo,.title-logo{pointer-events:none;filter:drop-shadow(0 0 .35em #000000d9)drop-shadow(0 .15em .3em #000000b3);flex-direction:column;align-items:center;display:flex;position:absolute}.hub-logo img,.title-logo img{width:100%;height:auto}.hub-logo .latin,.title-logo .latin{letter-spacing:.5em;color:var(--ink);margin-top:-.3em;padding-left:.5em;font:700 .9em Cinzel,serif}.hub-logo:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 50%,#060301d1,#06030180 55%,#0000 76%);position:absolute;inset:-22% -18%}.title-logo{width:min(78vw,34em);top:9%;left:50%;transform:translate(-50%)}.title-logo .latin{font-size:1.2em}.portrait .title-logo{top:7%}.title-btns{pointer-events:auto;flex-direction:column;align-items:center;gap:.8em;display:flex;position:absolute;bottom:max(7vh,2em);left:0;right:0}.title-btns:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000,#080503d9);height:32vh;position:absolute;bottom:-10vh;left:0;right:0}.title-btns .btn.lg{--bh:3.8em;min-width:10em;font-size:1.4em}.langs{flex-wrap:wrap;justify-content:center;gap:.4em;max-width:30em;display:flex}.copy{text-align:center;font-size:var(--t-xs);color:var(--ink-2);text-shadow:0 .1em .2em #000;position:absolute;bottom:.3em;left:0;right:0}.landscape .hub-logo{left:auto;right:calc(1.6em + (var(--sideW) - min(24vw, 17em)) / 2);width:min(24vw,17em);top:4.6em;transform:none}.portrait .hub-logo{width:min(62vw,20em);top:4em;left:50%;transform:translate(-50%)}.short .hub-logo{display:none}.hub-cards{pointer-events:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7em;display:grid;position:absolute}.landscape .hub-cards{width:min(44em,54vw,92.5926vh - 5em);top:4.2em;left:1.6em}.landscape .hub-cards:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(70% 62% at 45%,#08040280,#0000 75%);position:absolute;inset:-2.4em -3em -2.4em -2.4em}.portrait .hub-cards{left:1em;right:1em;bottom:calc(env(safe-area-inset-bottom) + 6.9em);gap:.6em}.short .hub-cards{gap:.45em;width:min(26em,42vw);top:3.4em}.mcard{aspect-ratio:1.75;cursor:pointer;border-radius:var(--r2);background:var(--s0);box-shadow:var(--e2);isolation:isolate;border:0;padding:0;transition:transform .12s;position:relative;overflow:hidden}.mcard img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.mcard:not(.big) img{height:calc(100% - 3.3em)}.mcard .mc-shade{display:none}.mcard .mc-txt{text-align:left;height:3.3em;box-shadow:inset 0 1px 0 var(--gl);background:linear-gradient(#1f1610,#120d09);flex-direction:column;justify-content:center;align-items:flex-start;gap:.05em;padding:0 .75em;display:flex;position:absolute;bottom:0;left:0;right:0}.mcard .mc-txt b{width:100%;color:var(--ink);white-space:nowrap;font-size:1.08em;font-weight:800;line-height:1.15;display:block;overflow:hidden}.mcard .mc-txt span{width:100%;color:var(--ink-2);font-weight:500;font-size:var(--t-sm);white-space:nowrap;display:block;overflow:hidden}.mcard:not(.big):after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--gl);pointer-events:none;position:absolute;inset:0}.mcard:active{transform:scale(.97)}.portrait .mcard{aspect-ratio:1.6}.short .mcard{aspect-ratio:1.9}.mcard.big{aspect-ratio:2.15;box-shadow:var(--e2);border-radius:.35em;grid-column:span 2}.portrait .mcard.big{aspect-ratio:2.25}.short .mcard.big{aspect-ratio:2.4}.mcard.big:after{content:"";pointer-events:none;border:1.1em solid #0000;border-image:url(/games/hwatora/assets/ui/frame_red.webp) 84/1.1em;position:absolute;inset:0}.portrait .mcard.big:after{border-width:.9em;border-image-width:.9em}.mcard.big .mc-shade{z-index:-1;background:linear-gradient(#0000 38%,#0805028c 64%,#060301e6);display:block;position:absolute;inset:0}.mcard.big .mc-txt{height:auto;box-shadow:none;background:0 0;gap:.15em;padding:0;bottom:1em;left:1.3em;right:8.6em}.mcard.big .mc-txt b{font:800 var(--t-xl) var(--f-brand);color:var(--gold-2);text-shadow:0 .06em .3em #000000e6}.mcard.big .mc-txt span{font-size:var(--t-sm);color:var(--ink);text-shadow:0 .06em .2em #000}.mcard .mc-cta{border-radius:var(--r2);height:2.8em;font:800 var(--t-lg) var(--f-ui);align-items:center;gap:.45em;padding:0 1.3em 0 1em;display:flex;position:absolute;bottom:1.05em;right:1.25em}.mcard .mc-cta .ico{width:1.2em;height:1.2em}.mcard .mc-cta em{font-style:normal}.mcard:active .mc-cta{transform:scale(.96)}.dock{left:50%;bottom:calc(env(safe-area-inset-bottom) + .6em);border-radius:var(--r3);background:var(--mat);box-shadow:inset 0 0 0 1px var(--gl), var(--e2);pointer-events:auto;gap:.3em;padding:.35em .8em .45em;display:flex;position:absolute;transform:translate(-50%)}.dock .dk-item{flex-direction:column;align-items:center;gap:.1em;width:6em;display:flex}.dock .ibtn{width:3em;height:3em;box-shadow:none;background:0 0;padding:.3em}.dock em{font-style:normal;font-size:var(--t-sm);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.portrait .dock{width:auto;left:1em;right:1em;bottom:calc(env(safe-area-inset-bottom) + 1em);justify-content:space-between;gap:.1em;padding:.35em .3em .45em;transform:none}.portrait .dock .dk-item{flex:1 1 0;width:auto;min-width:0}.portrait .dock .ibtn{width:2.6em;height:2.6em}.portrait .dock em{font-size:var(--t-xs);white-space:normal;text-align:center;line-height:1.1;overflow:visible}.landscape .dock{width:var(--sideW);justify-content:space-between;padding:.4em .6em .5em;left:auto;right:1.6em;transform:none}.landscape .dock .dk-item{flex:1 1 0;width:auto;min-width:0}.landscape .dock .ibtn{width:3.4em;height:3.4em;padding:.15em}.landscape .scr.keyart{--sideW:min(30em, 38vw)}.hub-side{display:none}.landscape .hub-side{width:var(--sideW);right:1.6em;bottom:calc(env(safe-area-inset-bottom) + 6.9em);border-radius:var(--r3);cursor:pointer;pointer-events:auto;box-shadow:inset 0 0 0 1px var(--gl), inset 0 1px 0 #ffe6be1a, var(--e2);background:linear-gradient(#1a1009e6,#0e0905eb);flex-direction:column;gap:.6em;padding:.8em 1em .9em;display:flex;position:absolute}.hub-side .hs-head{border-bottom:1px solid var(--line);align-items:center;gap:.7em;margin-bottom:.1em;padding-bottom:.5em;display:flex}.hub-side .hs-av{object-fit:cover;width:3em;height:3em;box-shadow:0 0 0 2px var(--gold);border-radius:50%}.hub-side .hs-nm{flex-direction:column;gap:.15em;min-width:0;display:flex}.hub-side .hs-nm b{font-size:var(--t-md);color:var(--ink);white-space:nowrap;font-weight:800}.hub-side .hs-nm span{color:var(--gold-2);font-size:var(--t-sm);align-items:center;gap:.3em;font-weight:700;display:flex}.hub-side .hs-nm span .ico{width:1.2em;height:1.2em}.hub-side .hs-nm em{white-space:nowrap;font-style:normal}.hub-side .hs-row{grid-template-columns:1.7em minmax(0,1fr) auto;align-items:center;gap:.6em;display:grid}.hub-side .hs-row .ico{width:1.7em;height:1.7em}.hub-side .hs-mid{flex-direction:column;gap:.25em;min-width:0;display:flex}.hub-side .hs-mid span{font-size:var(--t-sm);color:var(--ink);white-space:nowrap;font-weight:700}.hub-side .hs-bar{border-radius:var(--rp);background:#ffecc833;height:.5em;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #f2cf7c59,inset 0 1px 2px #00000080}.hub-side .hs-bar b{border-radius:inherit;background:linear-gradient(90deg,#b8862e,#f2cf7c);min-width:.42em;height:100%;display:block}.hub-side .hs-row>em{font-style:normal;font-size:var(--t-sm);color:var(--ink);font-variant-numeric:tabular-nums;font-weight:800}.short .hub-side{display:none!important}.short .dock{right:.6em}.opt{border-bottom:1px solid var(--line);grid-template-columns:8.5em minmax(0,1fr);align-items:center;gap:.5em 1em;padding:.65em 0;display:grid}.opt>b{font-size:var(--t-sm);color:var(--ink-2)}.opt .choices{flex-wrap:wrap;gap:.35em;display:flex}.opt .choices .btn{flex:4.5em;min-width:0}.opt .row>.btn.sm{flex:none;min-width:6.5em}.portrait .opt{grid-template-columns:minmax(0,1fr);gap:.35em}.lvl{align-items:center;gap:.6em;display:flex}.lvl input{accent-color:var(--acc);flex:1}.lvl b{text-align:right;font-variant-numeric:tabular-nums;min-width:5.5em}.stage-grid{grid-template-columns:repeat(auto-fill,minmax(5em,1fr));gap:.45em;display:grid}.panel-body:has(.stage-grid){padding-bottom:1.4em}.stage{aspect-ratio:1;cursor:pointer;border-radius:var(--r2);background:var(--s2);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font-family:var(--f-ui);border:0;place-items:center;padding:0;font-size:1.2em;font-weight:800;transition:transform .1s;display:grid;position:relative}.stage:active{transform:scale(.95)}.stage.lock{background:var(--s0);color:var(--ink-3)}.stage.cur{box-shadow:inset 0 0 0 .14em var(--acc)}.stage .st{gap:.05em;display:flex;position:absolute;bottom:10%}.stage .st .ico{width:.9em;height:.9em}.stage .st .off{filter:grayscale()brightness(.4)}.stage .sz{color:var(--ink-2);font-size:.5em;font-weight:500;position:absolute;top:9%}.stage.done{color:var(--ink-2)}.rivalhead{align-items:center;gap:.9em;margin:.2em 0 .7em;display:flex}.rivalhead img{object-fit:cover;width:4.2em;height:4.2em;box-shadow:0 0 0 2px var(--line-2);border-radius:50%}.goals{flex-direction:column;gap:.35em;margin:.4em 0;display:flex}.goals .g{align-items:center;gap:.5em;display:flex}.goals .g .ico{width:1.2em;height:1.2em}.goals .g.no .ico{filter:grayscale()brightness(.4)}.reward{justify-content:center;gap:.8em;margin:.5em 0;display:flex}.lowfx{--mat:linear-gradient(180deg, #22170f, #140e0a)}.landscape .hub-logo{top:4.2em;right:calc(1.6em + var(--sideW) * .12);width:calc(var(--sideW) * .76)}.hub-logo:before{background:radial-gradient(50% 50%,#060301e6,#0603019e 55%,#0000 78%);inset:-18% -14%}.hub-logo .latin{color:#efe0bf;margin-top:-.1em;font-size:1em}.board{contain:strict;--blanket:none;--backf:none;position:absolute;inset:0;overflow:hidden}.bgl{pointer-events:none;position:absolute;inset:0}.tablebg{background:#2a170b url(/games/hwatora/assets/img/floor.webp) 50%/cover no-repeat;position:absolute;inset:0}.mat{pointer-events:none;filter:var(--blanket);background:#10301a url(/games/hwatora/assets/img/table_l.webp) 50%/cover padding-box padding-box;border:1.6vmin solid #0000;border-image:url(/games/hwatora/assets/img/mat_edge.webp) 86/1.6vmin round;position:absolute;inset:max(6px,1vmin) max(8px,1.4vmin);box-shadow:0 1vmin 2vmin #00000080}.board .tablebg.p~.mat{background-image:url(/games/hwatora/assets/img/table_p.webp)}.board.pt .mat{border-width:1.2vmin;border-image-width:1.2vmin;inset:max(4px,.8vmin)}.tvig{pointer-events:none;background:radial-gradient(52% 44% at 50% 40%,#ffd48c33,#0000 74%),radial-gradient(78% 72% at 50% 48%,#0000 46%,#0603016b 80%,#030201bd 100%);position:absolute;inset:0}.tray{border-radius:var(--r2);pointer-events:none;box-shadow:inset 0 0 0 1px var(--gl), inset 0 .3em .8em #00000080, 0 1px 0 #fff0c812;background-color:#040a0673;position:absolute;top:0;left:0}.board.pt .tray{background-image:linear-gradient(90deg,#e6c47a2e 1px,#0000 1px);background-position:-1px 0;background-size:25% 100%}.deck{pointer-events:none;position:absolute;top:0;left:0}.deck.hide{display:none}.deck img{width:170%;height:150.333%;filter:var(--backf);position:absolute;top:.788%;left:-32.318%}.deck.flat img{width:157%;height:152%;top:-4%;left:-26%}.cd{transform-origin:50%;cursor:default;-webkit-tap-highlight-color:transparent;--f:none;--t:none;position:absolute;top:0;left:0}.cd.hide{display:none}.cd .bump{transform-origin:50% 39.13%;background:var(--f) 50% 10.526% / 65.789% 72.464% no-repeat, url(/games/hwatora/assets/img/cards/slab_c.webp) 0 0 / 100% 100% no-repeat;width:152%;height:138%;position:absolute;top:-4%;left:-26%}.cd.exl .bump{background-image:var(--f), url(/games/hwatora/assets/img/cards/slab_l.webp)}.cd.exr .bump{background-image:var(--f), url(/games/hwatora/assets/img/cards/slab_r.webp)}.cd.down .bump{background-image:var(--b), url(/games/hwatora/assets/img/cards/slab_c.webp);filter:var(--backf)}.cd.down.exl .bump{background-image:var(--b), url(/games/hwatora/assets/img/cards/slab_l.webp)}.cd.down.exr .bump{background-image:var(--b), url(/games/hwatora/assets/img/cards/slab_r.webp)}:root:not(.midfx) .cd.fl.tl:not(.down) .bump{transform-origin:50% 36.127%;background:var(--t) 50% 8.631% / 63.648% 70.349% no-repeat, url(/games/hwatora/assets/img/cards/slabt_c.webp) 0 0 / 100% 100% no-repeat;width:164.635%;height:136.22%;top:.788%;left:-32.318%}:root:not(.midfx) .cd.fl.tl.exl:not(.down) .bump{background-image:var(--t), url(/games/hwatora/assets/img/cards/slabt_l.webp)}:root:not(.midfx) .cd.fl.tl.exr:not(.down) .bump{background-image:var(--t), url(/games/hwatora/assets/img/cards/slabt_r.webp)}.cd.ob{pointer-events:none}.cd.mine .bump:before{content:attr(data-m);z-index:1;pointer-events:none;color:#fff1cf;width:17.763%;height:13.043%;font:800 calc(var(--cw) * .17) / 1 var(--f-ui);font-variant-numeric:tabular-nums;background:#120a05e0;border-radius:30%;place-items:center;display:grid;position:absolute;top:60.145%;left:19.737%;box-shadow:inset 0 0 0 1px #e9c877d9}.cd:after{content:"";z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(60% 55% at 50% 62%,#0009,#00000042 55%,#0000 75%);border-radius:14%;transition:opacity .22s ease-out,transform .34s cubic-bezier(.22,1.2,.36,1);position:absolute;inset:14% 4% -10%;transform:scale(.86)}.board.pt .cd.mine.sel:after{opacity:1;transform:translate(-2%,12%)scale(1.14)}.cd.mine{cursor:pointer}.cd.mine .bump{transition:transform .26s cubic-bezier(.3,0,.25,1)}.board.pt .cd.mine.sel .bump{transform:translateY(-4%)}.handzone{z-index:980;touch-action:none;-webkit-tap-highlight-color:transparent;position:absolute;top:0;left:0}.harrow{display:none}.hw .hplate{border-radius:var(--r2);background:var(--mat);box-shadow:inset 0 0 0 1px var(--gl), inset 0 1px 0 #ffe6be1a, 0 .2em .6em #00000073;pointer-events:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0 .55em;padding:.3em .75em .3em .4em;display:grid;position:absolute}.hw .hplate .av{flex:none;width:2.9em;height:2.9em;position:relative}.hw .hplate .av img{object-fit:cover;width:100%;height:100%;box-shadow:0 0 0 1px var(--gl);border-radius:50%}.hw .hplate.me .av img{box-shadow:0 0 0 1.5px #e9c877}.hw .hplate .av .dl{border-radius:var(--rp);background:var(--ink);min-width:1.5em;height:1.25em;color:var(--s0);font:800 max(.68em, 10px) / 1 var(--f-ui);box-shadow:0 0 0 1.5px var(--s0);white-space:nowrap;place-items:center;padding:0 .35em;font-style:normal;display:grid;position:absolute;bottom:-.45em;left:50%;transform:translate(-50%)}.hw .hplate .nm{flex-direction:column;justify-content:center;gap:.2em;min-width:0;display:flex;overflow:hidden}.hw .hplate .nm b{color:var(--ink);font-size:var(--t-md);font-weight:800;line-height:1.15}.hw .hplate .marks{flex-wrap:nowrap;gap:.25em;display:flex;overflow:hidden}.hw .hplate .marks:empty{display:none}.hw .hplate .marks i{min-width:0;max-width:100%;font-style:normal;font-size:var(--t-xs);border-radius:var(--rp);background:var(--s3);color:var(--ink);white-space:nowrap;flex:0 auto;padding:.05em .5em;font-weight:700;line-height:1.3}.hw .hplate .marks i.tn.me{background:var(--acc);color:var(--on-acc)}.hw .hplate .marks i.tn.think{background:var(--s3);color:var(--ink-2)}.hw .hplate .marks i.go{background:var(--gold);color:#2a1606}.hw .hplate .sc{flex-direction:column;align-items:flex-end;line-height:1;display:flex}.hw .hplate .sv{align-items:baseline;gap:.12em;display:flex}.hw .hplate .sc b{font-size:var(--t-2xl);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:800}.hw .hplate .sc em{font-style:normal;font-size:var(--t-xs);color:var(--ink-2);font-weight:500}.hw .hplate .sc .pt{font-size:var(--t-xs);color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums;margin-top:.3em;font-weight:500}.hw .hplate.turn:after{content:"";border-radius:inherit;box-shadow:0 0 0 2px var(--acc-hi), 0 0 .9em #f0674c73;pointer-events:none;animation:1s ease-in-out infinite alternate turnP;position:absolute;inset:-1px}@keyframes turnP{0%{opacity:.15}to{opacity:1}}.hw .hplate.oturn .av:after{content:"";border:.14em solid #0000;border-top-color:var(--ink);border-right-color:var(--ink);border-radius:50%;animation:.9s linear infinite spin;position:absolute;inset:-.2em}@keyframes spin{to{transform:rotate(360deg)}}#ui.landscape .hw .hplate{font-size:1.16em}.hw .clab{font-size:var(--t-sm);color:var(--ink);white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums;z-index:2;text-shadow:0 1px 2px #000000e6;padding:0 .2em;font-weight:700;line-height:1.25;position:absolute;transform:translateY(-.2em)}.hw .clab b{color:var(--ink);margin-left:.3em;font-weight:800}.hw .clab.zero{color:var(--ink-2);opacity:.8}.hw .clab.zero b{color:var(--ink-2)}.hw .clab.pts,.hw .clab.pts b{color:var(--gain)}.hw .clab.pts:before{content:"";background:var(--gain);vertical-align:.12em;border-radius:50%;width:.42em;height:.42em;margin-right:.3em;display:inline-block}.hw .clab.near b{color:var(--acc-hi)}.hw .cbadge{border-radius:var(--rp);z-index:3;pointer-events:none;min-width:1.5em;height:1.5em;font:800 var(--t-xs) / 1 var(--f-ui);color:#fff3d6;font-variant-numeric:tabular-nums;white-space:nowrap;background:radial-gradient(circle at 50% 30%,#3a2414,#150b05 75%);place-items:center;padding:0 .3em;display:grid;position:absolute;transform:translate(calc(.15em - 100%),calc(-100% - .1em));box-shadow:0 0 0 1.5px #e9c877,0 .1em .3em #000000b3}.hw .cbadge.pts{background:radial-gradient(circle at 50% 30%,#2e6b3a,#123a1c 75%);box-shadow:0 0 0 1.5px #9fe0a5,0 .1em .3em #000000b3}.cchips{align-items:center;gap:.3em;display:flex}.cchips i,.hw .clab .cpro i{border-radius:var(--rp);font:800 var(--t-xs) / 1.15 var(--f-ui);white-space:nowrap;letter-spacing:-.01em;text-shadow:none;color:#ffe7a6;box-shadow:none;background:#0e0804eb;padding:.12em .45em .1em;font-style:normal;display:block;overflow:hidden}.cchips i.hg,.hw .clab .cpro i.hg{color:#ff9a86}.cchips i.cg,.hw .clab .cpro i.cg{color:#8cc2ff}.cchips i.co,.hw .clab .cpro i.co{color:#b9e08a}.cchips i.gd,.cchips i.gw,.hw .clab .cpro i.gd,.hw .clab .cpro i.gw{color:#ffd76a}.cchips i.pp,.hw .clab .cpro i.pp{color:#f2e6cf}.cchips i.done,.hw .clab .cpro i.done:not(.pip){box-shadow:none;color:#1d0f04!important}.cchips i.done.hg,.hw .clab .cpro i.done.hg:not(.pip){background:#ff8a72}.cchips i.done.cg,.hw .clab .cpro i.done.cg:not(.pip){background:#7fb8ff}.cchips i.done.co,.hw .clab .cpro i.done.co:not(.pip){background:#a9d877}.cchips i.done.gd,.hw .clab .cpro i.done.gd:not(.pip){background:#ffd060}.hw .clab .cl{white-space:nowrap}.hw .clab .cpro{align-items:center;gap:.35em;display:flex}#ui.landscape .hw .clab{align-items:center;gap:.55em;display:flex}.hw.compact .clab{flex-direction:column;align-items:center;gap:1px;display:flex}.hw.compact .clab .cpro i.pip{box-shadow:none;background:0 0;gap:2px;padding:0;display:flex;overflow:visible}.hw.compact .clab .cpro i.pip b,.hw.compact .clab .cpro i.pip u{border-radius:50%;width:5px;height:5px;display:block}.hw.compact .clab .cpro i.pip b{background:currentColor;box-shadow:0 0 3px}.hw.compact .clab .cpro i.pip u{opacity:.7;box-shadow:inset 0 0 0 1px}.hw .capshit{cursor:zoom-in;pointer-events:auto;border-radius:var(--r2);z-index:1;background:0 0;border:0;padding:0;position:absolute}.hw .capshit:active{background:#fff0d214}.hw .towner{object-fit:cover;box-shadow:0 0 0 1px var(--gl);pointer-events:none;border-radius:50%;position:absolute}.hw .dcount{border-radius:var(--rp);z-index:3;background:var(--mat);min-width:2.4em;height:1.8em;box-shadow:inset 0 0 0 1px var(--gl);font:800 var(--t-sm) var(--f-ui);color:var(--ink);white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums;place-items:center;padding:0 .55em;display:grid;position:absolute;transform:translate(-100%,-50%)}#ui.landscape .hw .dcount{font-size:1.1em}.hw .mult{font:800 var(--t-lg) var(--f-ui);color:var(--acc-hi);text-shadow:0 .06em #000;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.hw .turnpill{display:none!important}.hw .tools{pointer-events:none;justify-content:flex-end;align-items:center;gap:.4em;display:flex;position:absolute}.hw .tbtn{border-radius:var(--rp);cursor:pointer;pointer-events:auto;background:var(--mat);height:2.3em;box-shadow:inset 0 0 0 1px var(--gl), 0 .15em .4em #0006;color:var(--ink);font-size:var(--t-sm);border:0;align-items:center;gap:.35em;padding:0 .8em 0 .45em;font-weight:700;transition:transform .1s;display:flex;position:relative}.hw .tbtn:active{transform:scale(.94)}.hw .tbtn .ico{width:1.5em;height:1.5em}.hw .tbtn .tlb{white-space:nowrap}.hw .tbtn[data-n]:after{content:attr(data-n);border-radius:var(--rp);background:var(--acc);min-width:1.4em;height:1.4em;color:var(--on-acc);font-size:var(--t-xs);place-items:center;padding:0 .25em;font-weight:800;line-height:1;display:grid;position:absolute;top:-.35em;left:1.3em}.landscape .hw .tools{border-radius:var(--r2);background:var(--mat);box-shadow:inset 0 0 0 1px var(--gl), 0 .2em .6em #00000073;justify-content:center;gap:0;padding:.3em;font-size:1.1em}.landscape .hw .tbtn{border-radius:var(--r1);width:4.6em;height:100%;box-shadow:none;background:0 0;flex-direction:column;justify-content:center;gap:.15em;padding:.3em .2em}.landscape .hw .tbtn+.tbtn{box-shadow:-1px 0 0 var(--line)}.landscape .hw .tbtn .ico{width:2em;height:2em}.landscape .hw .tbtn .tlb{font-size:var(--t-xs);text-overflow:ellipsis;max-width:100%;overflow:hidden}.landscape .hw .tbtn[data-n]:after{top:.1em;left:auto;right:.3em}.hw .ohand{border-radius:var(--rp);background:var(--mat);height:2.3em;box-shadow:inset 0 0 0 1px var(--gl);font-size:var(--t-sm);color:var(--ink);white-space:nowrap;pointer-events:none;align-items:center;padding:0 .7em;font-weight:700;display:flex;position:absolute;transform:translateY(-50%)}.hw .passbtn{pointer-events:auto;z-index:4;white-space:nowrap;min-width:0;padding:0 .6em;position:absolute;transform:translate(-50%)}#ui.portrait .hw .passbtn{--bh:2.3em;font-size:.86em}.hw.compact .clab{font-size:var(--t-xs);padding:.1em .3em 0;transform:translate(-50%)}.hw.compact .hplate{gap:0 .4em;padding:.25em .5em .25em .3em}.hw.compact .hplate .nm b{font-size:max(var(--t-sm), 13px);white-space:nowrap}.hw.compact .hplate .nm b .fitin{white-space:nowrap;display:inline-block}.hw.compact .hplate .sc em{display:none}.hw.compact .hplate .sc .pt{margin:0;font-size:10px;line-height:1.1;display:block;position:absolute;bottom:.35em;right:.6em}.hw.compact .hplate .sc{align-self:start;margin-top:.35em}.hw.compact .hplate:not(.me) .sc .pt,.hw.compact .hplate .marks i.tn{display:none}.hw.compact .hplate .marks i.tn.me{padding:0 .45em;font-size:max(.72em,11px);display:inline-block}.hw.compact .towner{display:none}.hw .shown{border-radius:var(--r2);background:var(--s1);box-shadow:inset 0 0 0 1px var(--gl), var(--e2);pointer-events:none;z-index:6;flex-direction:column;align-items:center;gap:.3em;padding:.55em .75em .5em;animation:.25s both popIn;display:flex;position:absolute;transform:translate(-50%,-50%)}.hw .shown .row{gap:.25em}.hw .shown img{border-radius:.25em;width:3.2em}.hw .shown b{font-size:var(--t-sm);color:var(--ink)}.hw .stealfx{font-size:var(--t-sm);color:var(--on-acc);border-radius:var(--rp);background:var(--acc);white-space:nowrap;pointer-events:none;z-index:6;padding:.15em .7em;font-weight:800;animation:1.1s ease-out forwards stealUp;position:absolute;transform:translate(-50%,-50%)}@keyframes stealUp{0%{opacity:0;transform:translate(-50%,-20%)}15%{opacity:1;transform:translate(-50%,-50%)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-130%)}}#ui{--f-call:"Cinzel", "Noto Serif", serif}#ui.lang-ko{--f-call:"Hahmlet", "Black Han Sans", serif}#ui.lang-ja{--f-call:"Yuji Syuku", "Shippori Mincho", serif}#ui.lang-zh{--f-call:"Ma Shan Zheng", "Noto Serif SC", serif}#ui.lang-vi{--f-call:"Noto Serif", serif}.hw .cdim{z-index:7;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--dx) var(--dy), #0000001a, #00000057 45%, #0000006b);position:absolute;inset:0}.lowfx .hw .cdim{display:none}.hw .cstage{z-index:8;transform-origin:50%;pointer-events:none;contain:layout style;white-space:nowrap;place-items:center;display:grid;position:absolute}.hw .cstage .crib{background:linear-gradient(90deg,#08040200,#0e0704f0 12%,#180a06f7 50%,#0e0704f0 88%,#08040200),url(/games/hwatora/assets/ui/lacq.webp) 50%/6em;border-radius:.12em;animation:.34s cubic-bezier(.2,.9,.25,1) both ribOpen;position:absolute;inset:7% 0;box-shadow:0 .04em #e6c47a00}.hw .cstage .crib:before,.hw .cstage .crib:after{content:"";background:linear-gradient(90deg,#0000,#f2cf7c 20%,#fff0bf 50%,#f2cf7c 80%,#0000);height:max(1px,.02em);position:absolute;left:6%;right:6%}.hw .cstage .crib:before{top:0}.hw .cstage .crib:after{bottom:0}.hw .cstage.red .crib{background:linear-gradient(90deg,#14030200,#2e0805f0 12%,#460c07f7 50%,#2e0805f0 88%,#14030200),url(/games/hwatora/assets/ui/lacq.webp) 50%/6em}.hw .cstage.red .crib:before,.hw .cstage.red .crib:after{background:linear-gradient(90deg,#0000,#ff8a66 20%,#ffd6c4 50%,#ff8a66 80%,#0000)}.hw .cstage.sm .crib{opacity:.85;top:20%;bottom:20%}.hw .cstage .cgrp{transform-origin:50%;justify-content:center;align-items:center;gap:.32em;display:flex;position:relative}.hw .cstage .cart{place-items:center;height:1.42em;padding:0 .35em;animation:.5s cubic-bezier(.2,1,.3,1) both callSlam;display:grid;position:relative}.hw .cstage .inkbg{object-fit:fill;z-index:0;width:128%;min-width:3.4em;height:112%;animation:.42s cubic-bezier(.2,.9,.3,1) both inkSweep;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hw .cstage .cw{z-index:1;aspect-ratio:600/327;filter:drop-shadow(0 .03em .05em #000000d9);width:auto;max-width:none;height:1.3em;display:block;position:relative}.hw .cstage .ct{z-index:1;font:800 1em/1.1 var(--f-call);letter-spacing:.02em;color:#0d0603;-webkit-text-stroke:.1em #0d0603;text-shadow:0 0 .16em #ffc85a99,0 .05em .14em #000000e6;display:block;position:relative}.hw .cstage .ct:after{content:attr(data-t);-webkit-text-stroke:0;text-shadow:none;color:#0000;background-image:linear-gradient(172deg,#fffef4 0%,#ffeeb0 22%,#f7cc5a 44%,#b9791a 60%,#f3c95e 74%,#fff0b8 88%,#c88d26 100%);-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.hw .cstage.red .ct:after{background-image:linear-gradient(#fff3ee 0%,#ffb59a 35%,#ec4a2a 65%,#a3150a 100%)}#ui:not(.lang-ko):not(.lang-ja):not(.lang-zh) .hw .cstage .ct{font-family:var(--f-ui);font-weight:800}.hw .cstage .csub{max-width:22em;font:700 var(--t-sm)/1.25 var(--f-ui);color:var(--ink);text-align:left;white-space:nowrap;text-shadow:0 1px 2px #000;flex-direction:column;justify-content:center;gap:.15em;animation:.45s cubic-bezier(.2,.9,.3,1) .16s both subIn;display:flex;position:relative}.hw .cstage .csub b{color:var(--gold-2);font-size:1.08em;font-weight:800}.hw .cstage.red .csub b{color:#ffb59a}#ui.portrait .hw .cstage .csub{white-space:normal;text-wrap:balance;max-width:12.5em}@keyframes ribOpen{0%{opacity:0;transform:scaleX(.08)}to{opacity:1;transform:scaleX(1)}}@keyframes callSlam{0%{opacity:0;transform:scale(1.18)rotate(-4deg)}30%{opacity:1;transform:scale(.97)rotate(0)}to{transform:scale(1)}}@keyframes inkSweep{0%{opacity:0;transform:translate(-50%,-50%)scaleX(.1)skew(-12deg)}55%{opacity:1;transform:translate(-50%,-50%)scaleX(1.05)skew(0)}to{opacity:1;transform:translate(-50%,-50%)scaleX(1)}}@keyframes subIn{0%{opacity:0;transform:translate(-.6em)}to{opacity:1;transform:none}}.spark{pointer-events:none;z-index:9;opacity:0;background:radial-gradient(circle,#fff 0%,#fff2b0 22%,#ffc94a 45%,#ff961e00 70%);border-radius:50%;width:1em;height:1em;position:absolute}.spark:nth-child(3n){width:.6em;height:.6em}.spark:nth-child(4n){border-radius:1em;width:1.4em;height:.35em}.inkdrop{pointer-events:none;z-index:9;opacity:0;background:radial-gradient(circle at 40% 40%,#2a160c,#0c0503 70%);border-radius:48% 52% 40% 60%/55% 45%;width:.9em;height:.62em;position:absolute}.inkdrop:nth-child(2n){width:.45em;height:.4em}.inkdrop:nth-child(3n){width:1.3em;height:.38em}.panel.choice{width:min(92vw,30em)}.panel.choice .cardpick{justify-content:center;gap:1em;margin:.4em 0 .2em;display:flex}.panel.choice .cardpick button{border-radius:var(--r2);background:var(--s2);cursor:pointer;pointer-events:auto;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);border:0;flex-direction:column;align-items:center;gap:.35em;padding:.4em;transition:transform .1s;display:flex}.panel.choice .cardpick button:active{transform:scale(.96)}.panel.choice .cardpick img{border-radius:.35em;width:5.4em}.portrait .panel.choice .cardpick img{width:4.8em}.panel.choice .cardpick .nm{font-size:var(--t-sm)}.cardrow{flex-wrap:wrap;justify-content:center;gap:.3em;margin:.3em 0;display:flex}.cardrow img{border-radius:.25em;width:3.4em}.panel.gostop{width:min(92vw,32em)}.gs-score{text-align:center;font-size:var(--t-3xl);color:var(--ink);font-variant-numeric:tabular-nums;margin:0 0 .2em;font-weight:800;line-height:1}.gs-lines{max-width:26em;font-size:var(--t-sm);flex-direction:column;gap:.3em;margin:.6em auto 0;font-weight:500;display:flex}.gs-lines .l{align-items:flex-start;gap:.5em;display:flex}.gs-lines .l b{min-width:3em;color:var(--acc-hi);flex:none;font-weight:800}.gs-btns{grid-template-columns:1fr 1fr;gap:.8em;width:100%;display:grid}.gs-btns .btn{--bh:3.6em;width:100%;min-width:0;font-size:1.4em}.brk{border-radius:var(--r2);max-width:26em;box-shadow:inset 0 0 0 1px var(--gl);background:#0805036b;flex-direction:column;margin:0 auto;padding:.35em .85em;display:flex}.brk .y{border-bottom:1px solid var(--line);font-size:var(--t-md);justify-content:space-between;align-items:center;gap:.8em;padding:.3em 0;transition:background-color .25s;display:flex}.brk .y:last-child{border-bottom:0}.brk .y.on{background-color:#f6c8641f}.brk .y span{color:var(--ink-2);font-weight:500}.brk .y>span{flex:none}.brk .y b{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800}.brk .y.sub span,.brk .y.sub b{font-size:var(--t-sm);color:var(--ink-2)}.brk .y.tot span{color:var(--ink);font-weight:700}.brk .y.tot b{color:var(--gain);font-size:1.25em}.brk .y.pay{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;display:grid}.brk .y.pay b{color:var(--loss)}.brk .tags{flex-wrap:nowrap;justify-content:flex-end;align-items:baseline;gap:.3em;display:flex}.brk .tags i{font-style:normal;font-size:var(--t-xs);border-radius:var(--rp);background:var(--s3);color:var(--ink);white-space:nowrap;padding:.05em .45em}.brk .y .th{flex:auto;justify-content:flex-end;min-width:0;padding:0 .3em;display:flex;overflow:hidden}.brk .y .th img{border-radius:.14em;flex:none;width:1.45em}.brk .y .th img+img{margin-left:-.35em}.brk .y .th em{font-style:normal;font-size:var(--t-xs);color:var(--ink-2);flex:none;align-self:center;margin-left:.25em}:is(.modal:has(.panel.endp),.modal:has(.panel.matchend)){background:#040302cc}.panel.endp,.panel.matchend{border-radius:var(--r3)}.panel.win{background:radial-gradient(70% 34% at 50% 0%, #ffbe6433, transparent 70%), var(--mat);box-shadow:inset 0 0 0 1px var(--gl-2), inset 0 1px 0 #ffe6be24, 0 0 2.4em #f6be5a29, var(--e3)}.panel.lose{background:radial-gradient(70% 34% at 50% 0%, #7884962e, transparent 70%), var(--mat)}.panel.endp{width:min(94vw,50em)}#ui.landscape .panel.endp.hero{width:min(92vw,44em)}.panel.endp .panel-head{min-height:1.8em;margin-bottom:.2em}.panel.endp .panel-head .rib h2{font-size:var(--t-sm);color:var(--ink-2);font-weight:700}.endhead{isolation:isolate;justify-content:center;align-items:center;gap:.6em;min-height:4.2em;margin:0 0 .3em;display:flex;position:relative}.endhead:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(50% 60%,#be461e52,#0000 72%);position:absolute;inset:-.6em 8%}.panel.lose .endhead:before{background:radial-gradient(50% 60%,#6e788847,#0000 72%)}.endhead .endink{z-index:-1;opacity:.95;pointer-events:none;width:auto;max-width:92%;height:150%;animation:.6s cubic-bezier(.2,.9,.3,1) both endInk;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-2deg)}.panel.win .endhead .endink{filter:brightness(1.3);opacity:1}.endhead .endink.lose{filter:grayscale()brightness(1.25);opacity:.8}@keyframes endInk{0%{opacity:0;transform:translate(-50%,-50%)scaleX(.2)rotate(-2deg)}to{opacity:.95;transform:translate(-50%,-50%)scaleX(1)rotate(-2deg)}}.endhead .cwbig{filter:drop-shadow(0 .06em .1em #000000d9);width:auto;height:3.6em;animation:.5s cubic-bezier(.2,1.3,.4,1) both punchIn}.panel.win .endhead .cwbig{filter:brightness(1.25)drop-shadow(0 .06em .1em #000000e6)}.panel.lose .cwbig{filter:grayscale()brightness(1.75)contrast(1.15)drop-shadow(0 .06em .1em #000000e6)}@keyframes punchIn{0%{opacity:0;transform:scale(1.8)}60%{opacity:1;transform:scale(.94)}to{transform:scale(1)}}.end-big{text-align:center;font:800 2.8em var(--f-brand);white-space:nowrap;min-width:0;margin:0;line-height:1.05;position:relative}#ui:not(.lang-ko):not(.lang-ja):not(.lang-zh) .end-big{font-size:2.3em}.end-big .ct{color:#0d0603;-webkit-text-stroke:.1em #0d0603;text-shadow:0 0 .3em #ffbe5080;display:inline-block;position:relative}.end-big .ct:after{content:attr(data-t);-webkit-text-stroke:0;text-shadow:none;color:#0000;background-image:linear-gradient(#fffdf0 0%,#ffe9a8 30%,#f5c552 55%,#c98a1e 80%,#f7d77a 100%);-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.end-big.lose .ct{text-shadow:0 0 .25em #c8dcff4d}.end-big.lose .ct:after{background-image:linear-gradient(175deg,#fff 0%,#e6e9ee 30%,#a9b0ba 55%,#f2f4f7 78%,#8d96a3 100%)}.endsub{z-index:2;text-align:center;font-size:var(--t-md);color:var(--ink);margin:-.2em 0 .5em;font-weight:700;position:relative}.panel.lose .endsub{color:var(--ink-2)}.seal{flex:none;place-items:center;width:3em;height:3em;animation:.45s cubic-bezier(.2,1.4,.4,1) .25s both stampIn;display:grid;position:relative;transform:rotate(-8deg)}.seal.simg img{object-fit:contain;filter:drop-shadow(0 .06em .1em #0009);width:100%;height:100%}.panel.endp .endhead .seal{align-self:flex-end;margin:0 0 0 -1em}.seal.late{opacity:0;animation:none}.seal.late.in{animation:.45s cubic-bezier(.2,1.4,.4,1) both stampIn}@keyframes stampIn{0%{opacity:0;transform:scale(2.4)rotate(-14deg)}60%{opacity:1;transform:scale(.92)rotate(-7deg)}to{opacity:1;transform:scale(1)rotate(-8deg)}}.bigpts{align-items:baseline;gap:.12em;line-height:1;display:flex}.bigpts .cnt{font-variant-numeric:tabular-nums;letter-spacing:-.03em;background:linear-gradient(#fffaf0 0%,#ffe39a 42%,#e0a93f 72%,#fff0c0 100%);color:#0000;filter:drop-shadow(0 .04em #3a1c02)drop-shadow(0 0 .25em #ffbe5059);-webkit-background-clip:text;background-clip:text;padding:0 .04em;font-size:3.2em;font-weight:800}.bigpts .cnt.neg{filter:drop-shadow(0 .04em #222);background-image:linear-gradient(#fff 0%,#dfe2e7 45%,#9aa2ad 75%,#eef0f3 100%)}.lowfx .bigpts .cnt{filter:none}.bigpts em{color:var(--ink);font-size:1.3em;font-style:normal;font-weight:700}.endgrid{grid-template-columns:1fr;align-items:start;gap:.6em;display:grid}.deltas{gap:.5em;display:flex}.endp .deltas .dl{border-radius:var(--r2);min-width:0;box-shadow:inset 0 0 0 1px var(--gl);background:#0805036b;flex:1 1 0;align-items:center;gap:.6em;padding:.45em .75em;display:flex;position:relative}.endp .deltas .dl.win{box-shadow:inset 0 0 0 1.5px var(--gl-2);background:linear-gradient(90deg,#7850144d,#0805036b)}.endp .avw{flex:none;display:block;position:relative}.endp .deltas img{object-fit:cover;width:2.8em;height:2.8em;box-shadow:0 0 0 1.5px var(--line-2);border-radius:50%}.endp .deltas .who{flex-direction:column;flex:auto;gap:.1em;min-width:0;display:flex}.endp .deltas .who em{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-style:normal;font-size:var(--t-md);color:var(--ink);font-weight:800;display:block;overflow:hidden}.endp .deltas .who span{font-size:var(--t-xs);color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.endp .deltas .tot{flex-direction:column;flex:0 auto;align-items:flex-end;min-width:0;max-width:56%;line-height:1.05;display:flex}.endp .deltas .tot small{font-size:var(--t-xs);color:var(--ink-2);font-weight:500}.endp .deltas .tot b{white-space:nowrap;font-variant-numeric:tabular-nums;max-width:100%;padding-right:.06em;font-size:1.4em;font-weight:800}.deltas b.pos{color:var(--gain)}.deltas b.neg{color:var(--loss)}#ui.portrait .endp .deltas,.endp .deltas.n3{flex-direction:column;gap:.4em}#ui.portrait .endp .deltas .dl{padding:.4em .7em}.panel.endp.rx{isolation:isolate;background:radial-gradient(90% 50% at 22% 0,#be5a2838,#0000 70%),linear-gradient(#300e0a8c,#0a0403b8),#1a0c08 url(/games/hwatora/assets/ui/lacq.webp) 50%/16em;width:min(94vw,52em);max-height:min(94vh,46em);padding:2.1em 1.4em 1.1em;overflow:visible;box-shadow:inset 0 0 0 1px #f0cd82bf,inset 0 0 0 .32em #140805e6,inset 0 0 0 calc(.32em + 1px) #f0cd8259,inset 0 2.5em 3em -2em #ffc8781f,0 1.4em 3.2em #000000b3}.panel.endp.rx.lose{background:radial-gradient(90% 50% at 22% 0,#78829629,#0000 70%),linear-gradient(#18121499,#060404c2),#120c0a url(/games/hwatora/assets/ui/lacq.webp) 50%/16em}.panel.endp.rx .rbar{z-index:3;pointer-events:none;filter:drop-shadow(0 .15em .25em #000000b3);width:min(30em,76%);height:auto;position:absolute;top:-.95em;left:50%;transform:translate(-50%)}.panel.endp.rx .panel-head{min-height:1.4em;margin-bottom:.35em}.panel.endp.rx .panel-head:after{display:none}.panel.endp.rx .panel-head .rib h2{font-size:var(--t-xs);color:var(--ink-2);letter-spacing:.08em;font-weight:700}.panel.endp.rx .panel-body{padding:0 .1em .2em;overflow:hidden auto;-webkit-mask-image:none;mask-image:none}.rgrid{grid-template-columns:minmax(0,15em) minmax(0,1fr);align-items:center;gap:1.1em;display:grid}.rhero{text-align:center;flex-direction:column;align-items:center;gap:.3em;min-width:0;display:flex}.rhx{flex-direction:column;align-items:center;gap:.15em;min-width:0;display:flex}.emb{aspect-ratio:355/420;isolation:isolate;flex:none;width:9.6em;animation:.6s cubic-bezier(.2,1.25,.35,1) 80ms both embIn;position:relative}.emb .rays{z-index:-1;opacity:.85;pointer-events:none;width:190%;height:auto;animation:14s linear infinite raysSpin;position:absolute;top:42.4%;left:50%;transform:translate(-50%,-50%)}.rx.lose .emb .rays,.rx.draw .emb .rays{display:none}.emb .face{aspect-ratio:1;background:#2a1a10;border-radius:50%;width:66%;position:absolute;top:14.4%;left:16.5%;overflow:hidden}.emb .face img{object-fit:cover;width:100%;height:100%}.rx.lose .emb .face img{filter:saturate(.85)}.emb .medal{filter:drop-shadow(0 .25em .35em #0009);width:100%;height:100%;position:absolute;inset:0}.emb .seal{width:3.1em;height:3.1em;margin:0;position:absolute;top:-.2em;right:-.7em}@keyframes embIn{0%{opacity:0;transform:scale(.4)rotate(-12deg)}to{opacity:1;transform:none}}@keyframes raysSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}.rtitle{isolation:isolate;place-items:center;min-height:3em;display:grid;position:relative}.rtitle .endink{object-fit:fill;z-index:-1;opacity:.95;pointer-events:none;width:15em;max-width:none;height:2.9em;animation:.55s cubic-bezier(.2,.9,.3,1) .1s both endInk;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.rtitle .endink.lose{filter:grayscale()brightness(1.2);opacity:.7}.rtitle .cwbig{filter:drop-shadow(0 .06em .1em #000000d9);width:auto;height:3em;animation:.5s cubic-bezier(.2,1.3,.4,1) .15s both punchIn}.rx.lose .rtitle .cwbig{filter:grayscale()brightness(1.75)contrast(1.15)drop-shadow(0 .06em .1em #000000e6)}.rtitle .end-big{font-size:2.3em}.rname{font-size:var(--t-sm);color:var(--ink);max-width:100%;font-weight:700}.rname:empty{display:none}.rx.lose .rname{color:var(--ink-2)}.rscore{flex-direction:column;align-items:center;margin-top:.1em;display:flex}.rscore .cap{font-size:var(--t-xs);color:var(--ink-2);letter-spacing:.06em;font-weight:700}.rscore .bigpts .cnt{font-size:3em}.rright{flex-direction:column;gap:.6em;min-width:0;display:flex}.rcats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45em;display:grid}.rcat{border-radius:var(--r2);background:radial-gradient(120% 90% at 50% 30%,#1a4026e6,#081a0ef2);flex-direction:column;align-items:center;gap:.25em;min-width:0;padding:.4em .35em .35em;transition:box-shadow .3s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #e6c47a59,inset 0 .25em .7em #0000008c}.rcat.scored.on{box-shadow:inset 0 0 0 1.5px #f6d282f2,inset 0 .25em .7em #00000080,0 0 .9em #ffc85a40}.rch{width:100%;font-size:var(--t-xs);justify-content:space-between;align-items:baseline;gap:.3em;line-height:1.2;display:flex}.rch b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:800;overflow:hidden}.rch i{color:var(--gain);opacity:0;flex:none;font-style:normal;font-weight:800;transition:opacity .25s,transform .3s cubic-bezier(.2,1.4,.4,1);transform:translateY(.3em)}.rcat.on .rch i{opacity:1;transform:none}.rcc{justify-content:center;align-items:center;min-width:0;height:1.62em;font-size:3em;display:flex}.rcc .rstk{align-items:flex-end;display:flex}.rcc img{opacity:0;border-radius:.07em;flex:none;width:1em;height:1.5em;transform:translateY(-.9em)rotate(-8deg)scale(1.15);box-shadow:0 0 0 .015em #500e08e6,-.04em .06em .1em #0000008c}.rcc img.in{opacity:1;transition:opacity .12s,transform .32s cubic-bezier(.2,1.35,.4,1);transform:none}.rcc em{color:var(--gold-2);flex:none;margin-left:.15em;font-size:max(.3em,11px);font-style:normal;font-weight:800}.rcat.empty .rcc:before{content:"";border-radius:.07em;width:1em;height:1.5em;box-shadow:inset 0 0 0 .03em #e6c47a40}.rcn{align-items:baseline;gap:.3em;line-height:1;display:flex}.rcn .n{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.5em;font-weight:800}.rcat.scored .rcn .n{color:var(--gain)}.rcn small{font-size:var(--t-xs);color:var(--ink-2);font-weight:600}.rled{color:#2b1a0e;background:linear-gradient(#fff8e440,#78501e1f),#e9dcc0 url(/games/hwatora/assets/ui/hanji.webp) 50%/22em;border-radius:.3em;flex-direction:column;padding:.45em .9em;display:flex;position:relative;box-shadow:0 0 0 1px #7846148c,0 .25em .6em #00000073,inset 0 0 1.4em #78461440}.lr{min-height:1.9em;font-size:var(--t-sm);opacity:0;border-bottom:1px dashed #5a32144d;align-items:center;gap:.6em;padding:.26em 0;transition:opacity .2s,transform .3s cubic-bezier(.2,1,.3,1);display:flex;transform:translate(.8em)}.lr.in{opacity:1;transform:none}.lr:last-child{border-bottom:0}.lr .ll{color:#5a3b22;flex:none;font-weight:700}.lr .lc{flex-wrap:wrap;flex:auto;justify-content:flex-end;gap:.25em .35em;min-width:0;display:flex}.lr .lc i{font-style:normal;font-size:var(--t-xs);border-radius:var(--rp);color:#3a2414;white-space:nowrap;background:#5a32141a;padding:.08em .5em;font-weight:600;box-shadow:inset 0 0 0 1px #5a321440}.lr .lc i b{color:#8c2a12;font-weight:800}.lr>b{font-variant-numeric:tabular-nums;color:#2b1a0e;white-space:nowrap;flex:none;margin-left:auto;font-weight:800}.lr.yk .ll{display:none}.lr.yk .lc{justify-content:flex-start}.lr.base>b{font-size:1.15em}.lr.mul .ll:before{content:"";vertical-align:.1em;background:#b8321a;border-radius:50%;width:.5em;height:.5em;margin-right:.45em;display:inline-block}.lr.mul>b{color:#b8321a;font-size:1.2em}.lr.fin{border-top:2px solid #5a321473;margin-top:.1em;padding-top:.35em}.lr.fin .ll{color:#2b1a0e;font-weight:800}.lr.fin .lc i.tg{color:#fff6ea;box-shadow:none;background:#b8321a}.lr.fin>b{color:#8c1c11;font-size:1.45em}.lr.note{justify-content:center}.lr.note .ll{text-align:center;white-space:normal;flex:auto}.panel.endp.rx .deltas .dl{padding:.35em .7em}.panel.endp.rx .deltas .who span{display:none}.panel.endp.rx .deltas img{width:2.3em;height:2.3em}.panel.endp.rx .panel-foot{padding-top:.75em}.panel.endp.rx .panel-foot .btn.cta{--bh:3.2em;min-width:11em;font-size:1.1em}.panel.endp.rx .panel-foot .endhome{--bh:3.2em;font-size:1em}.panel.endp.rx.done .seal{opacity:1}#ui.portrait .panel.endp.rx{width:calc(100vw - 1.2em);padding:1.4em .8em .9em}#ui.portrait .rgrid{grid-template-columns:1fr;gap:.7em}#ui.portrait .rhero{flex-direction:row;justify-content:center;gap:.7em}#ui.portrait .emb .seal{width:2.4em;height:2.4em;top:-.3em;right:-.8em}#ui.portrait .rcat{padding:.35em .2em .3em}#ui.portrait .panel-foot{flex-wrap:nowrap;gap:.5em}#ui.portrait .panel.endp.rx .panel-foot .btn.cta{flex:auto;min-width:0}#ui.portrait .panel.endp.rx .panel-foot .endhome{flex:none;min-width:0}#ui.portrait .endp .deltas{flex-direction:row}#ui.portrait .endp.rx .deltas .dl{gap:.4em;padding:.3em .5em}#ui.portrait .endp.rx .deltas img{width:2em;height:2em}#ui.portrait .endp.rx .deltas .dl{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 .45em;display:grid}#ui.portrait .endp.rx .deltas .avw{grid-row:1/3}#ui.portrait .endp.rx .deltas .who span,#ui.portrait .endp.rx .deltas .tot small{display:none}#ui.portrait .endp.rx .deltas .who em{font-size:var(--t-sm);color:var(--ink-2)}#ui.portrait .endp.rx .deltas .tot{align-items:flex-start;max-width:none}#ui.short .panel.endp.rx{width:min(96vw,60em);max-height:96vh;padding:1.1em 1.1em .7em}#ui.short .panel.endp.rx .panel-head{display:none}#ui.short .rgrid{grid-template-columns:minmax(0,13em) minmax(0,1fr);gap:.9em}#ui.short .rcc{font-size:2.4em}#ui.short .lr{min-height:1.6em;padding:.16em 0}#ui.short .panel.endp.rx .panel-foot{padding-top:.5em}.lowfx .emb .rays{animation:none}.panel.matchend .endhead{gap:1.5em;margin-bottom:.7em}.final{flex-direction:column;gap:.4em;display:flex}.final .fr{border-radius:var(--r2);background:var(--s2);box-shadow:inset 0 0 0 1px var(--line);grid-template-columns:auto 3.2em minmax(0,1fr) auto;align-items:center;gap:.6em;padding:.45em .8em;display:grid}.final .fr.me{box-shadow:inset 0 0 0 1.5px #e6c47abf}.final .fr>b{white-space:nowrap;color:var(--ink-2);font-size:var(--t-sm)}.final img{object-fit:cover;border-radius:50%;width:3.2em;height:3.2em}.final .fr span{font-size:var(--t-lg);white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.final em{font-variant-numeric:tabular-nums;color:var(--ink);font-size:1.5em;font-style:normal;font-weight:800}.final .fr.me em{color:var(--gain)}.stars-big{justify-content:center;gap:.3em;margin:.2em 0 .5em;display:flex}.stars-big .ico{width:2.6em;height:2.6em;animation:.4s both popIn}.stars-big .ico.off{filter:grayscale()brightness(.4)}.stars-big .ico:nth-child(2){animation-delay:.15s}.stars-big .ico:nth-child(3){animation-delay:.3s}.capsview .capsgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7em;display:grid}.portrait .capsview .capsgrid{grid-template-columns:1fr;gap:.5em}.capsview .cg{border-radius:var(--r2);background:#040a068c;padding:.55em .7em .65em;box-shadow:inset 0 0 0 1px #e6c47a52,inset 0 .3em .8em #00000073}.capsview .cg.empty{opacity:.6}.capsview .cgh{flex-wrap:wrap;align-items:center;gap:.25em .55em;margin-bottom:.45em;display:flex}.capsview .cgh b{color:var(--gold-2);font-size:var(--t-md);font-weight:800}.capsview .cgh .cn{color:var(--ink);font-size:var(--t-sm);font-variant-numeric:tabular-nums;font-weight:700}.capsview .cgh .cp{color:var(--gain);font-size:var(--t-sm);font-weight:800}.capsview .cgh .cchips{flex-direction:row;gap:.3em;margin:0 0 0 auto;position:static;transform:none}.capsview .cgh .cchips i{font-size:var(--t-xs)}.capsview .cgc{grid-template-columns:repeat(auto-fill,minmax(2.9em,1fr));gap:.3em;min-height:3em;display:grid}.capsview .cgc img{border-radius:.25em;width:100%;max-width:3.6em;box-shadow:0 .1em .25em #0000008c}.portrait .modal:has(.capsview.sheet){place-items:end center}.portrait .panel.capsview.sheet{width:100vw;max-height:82vh;padding-bottom:calc(env(safe-area-inset-bottom) + .6em);border-radius:1.1em 1.1em 0 0;animation:.26s cubic-bezier(.2,.9,.3,1) both sheetUp}@keyframes sheetUp{0%{opacity:0;transform:translateY(40%)}to{opacity:1;transform:none}}.skin-row{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8em;padding:.55em 0;display:grid}.skin-row .col{gap:.1em;min-width:0}.skin-row .btn{flex:none;min-width:6.5em}.skin-prev{border-radius:var(--r1);width:4.4em;height:2.9em;box-shadow:inset 0 0 0 1px var(--line);background-position:50%;background-size:cover}.skin-prev.bk{background-size:100% 100%;width:2.2em;height:3.2em}.portrait .skin-row .muted{display:none}.portrait .skin-row .btn{min-width:0}.portrait .skin-row .skin-prev{width:3em;height:2.2em}.portrait .skin-row .skin-prev.bk{width:1.6em;height:2.4em}.mission{border-bottom:1px solid var(--line);align-items:center;gap:.7em;padding:.55em 0;display:flex}.mission .col{flex:auto;gap:.3em;min-width:0}.mission .bar{height:.6em}.mission .btn{flex:none;min-width:5.5em}.help-sec{margin-bottom:1em}.help-sec h3{color:var(--ink);font-size:var(--t-lg);margin:.2em 0 .4em;font-weight:800}.help-sec p{color:var(--ink-2);margin:.3em 0;font-weight:500;line-height:1.55}.sc-table{font-size:var(--t-sm);grid-template-columns:minmax(0,1fr) auto;gap:0 .8em;display:grid}.sc-table>*{border-bottom:1px solid var(--line);padding:.3em .2em}.sc-table b{color:var(--ink);text-align:right;white-space:nowrap}.tut-slide{text-align:center;flex-direction:column;align-items:center;gap:.5em;display:flex}.tut-slide p{max-width:30em;color:var(--ink-2);margin:.2em 0;font-weight:500;line-height:1.55}.tut-cards{flex-wrap:wrap;justify-content:center;gap:.45em;display:flex}.tut-cards figure{flex-direction:column;align-items:center;gap:.25em;margin:0;display:flex}.tut-cards img{border-radius:.3em;width:4.2em}.tut-cards figcaption{font-size:var(--t-xs);color:var(--ink)}.dots{justify-content:center;gap:.35em;display:flex}.dots i{background:var(--s3);border-radius:50%;width:.5em;height:.5em}.dots i.on{background:var(--acc)}.pz-panel{pointer-events:auto;z-index:7;width:min(94vw,30em);margin-top:0;position:absolute;left:50%;transform:translate(-50%)}.landscape .pz-panel{width:min(40vw,24em);top:auto;left:auto;right:1.2em;transform:none}.portrait .pz-panel{right:3vw;width:auto!important;left:3vw!important;transform:none!important}#ui.pzmode .hw .hplate.s0,#ui.pzmode .hw .clab.s0,#ui.pzmode .hw .cbadge.s0,#ui.landscape.pzmode .hw .tools{visibility:hidden}body:not(.in-game) .board{display:none}body:not(.in-game) #game{background:#140b07 url(/games/hwatora/assets/img/key_l.webp) 50%/cover no-repeat}@media (orientation:portrait){body:not(.in-game) #game{background-image:url(/games/hwatora/assets/img/key_p.webp)}}body:not(.in-game) #game:after{content:"";pointer-events:none;background:linear-gradient(#0a050259,#0000 30% 58%,#0a050299);position:absolute;inset:0}.lowfx .cd:after,.lowfx .tvig{display:none}.lowfx .hw .hplate.turn:after,.lowfx .hw .hplate.oturn .av:after{animation:none}.lowfx .hw .hplate.turn:after{box-shadow:0 0 0 2px var(--acc-hi)}.lowfx .hw .cstage .cw{filter:none}.lowfx .hw .shown{box-shadow:inset 0 0 0 1px var(--line-2)}.lowfx .btn-orange,.lowfx .mcard .mc-cta{box-shadow:0 .15em .3em #28060280}.scr.hw{contain:strict}.hw .hplate,.hw .tools,.hw .clab,.hw .dcount,.hw .ohand{contain:layout style}#ui.portrait .rch{flex-direction:column;align-items:center;gap:0}#ui.portrait .rch b{max-width:100%}#ui.portrait .rch i{min-height:1.2em}#ui.short .panel.endp.rx{padding-top:1.9em}#ui.short .panel.endp.rx .rbar{width:min(22em,60%);top:-.7em}#ui.short .hw .hplate .marks i.tn{display:none}.hw .cstage{overflow:visible}.hw .cstage:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#060301d1,#0603018c 58%,#06030100);border-radius:50%;animation:.3s ease-out both fadeSoft;position:absolute;inset:-22% -14%}.hw .cstage.red:before{background:radial-gradient(closest-side,#280402b8,#1e03026b 55%,#14020100)}.hw .cstage .csub{text-align:center;white-space:nowrap;max-width:none;font-size:var(--t-sm);border-radius:var(--rp);background:#0a0603b8;align-items:center;padding:.25em .8em .3em;box-shadow:inset 0 0 0 1px #e6c47a47}#ui.landscape .hw .cstage .csub{font-size:1em}#ui.portrait .hw .cstage .csub{white-space:nowrap;max-width:none}.hw .cstage .csub b{font-size:1.05em}@keyframes fadeSoft{0%{opacity:0}to{opacity:1}}.rcc .rstk.pile{width:1em;height:1.5em;position:relative}.rcc .rstk.pile img{position:absolute}#ui.portrait .rcc{height:1.66em;font-size:2.7em}#ui.portrait .endp.rx .deltas .tot small{margin-right:.35em;display:inline}#ui.portrait .endp.rx .deltas .tot{flex-direction:row;align-items:baseline}.rch i{min-height:1.2em}.rtitle .cwbig{height:3.7em}.rtitle .endink{width:17em;height:3.4em}.rx.win .rtitle .cwbig{filter:brightness(1.45)saturate(1.1)drop-shadow(0 0 .25em #ffc85a73)drop-shadow(0 .06em .1em #000000e6)}#ui.short .rtitle .cwbig{height:2.8em}#ui.portrait .lr.yk .lc{gap:.25em;display:grid}#ui.portrait .lr.yk .lc i{text-align:center;text-overflow:ellipsis;padding:.08em .3em;overflow:hidden}#ui.portrait .endp .deltas.n3{flex-direction:column}.panel.endp.rx .deltas .who em{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;line-height:1.1;overflow:visible}#ui.portrait .lr.yk .lc i{white-space:normal;text-overflow:clip;line-height:1.15;overflow:visible}.lr .ll{white-space:normal;overflow-wrap:anywhere;flex:0 auto;min-width:0}.lr .lc{flex:auto}.lr.fin{flex-wrap:wrap;row-gap:.2em}.board.pt .mat{background-color:#0f2a17;background-position:50% 42%;border:0;border-image:;inset:0;box-shadow:inset 0 0 0 2px #1e1008e6,inset 0 0 0 3px #c4965a38,inset 0 0 3.5em 1.2em #0000008c}.board.pt .tvig{background:radial-gradient(70% 34% at 50% 40%,#ffd6961a,#0000 72%),radial-gradient(90% 70% at 50% 44%,#0000 55%,#04020161 88%,#02010099 100%)}.board.pt .tray{background-color:#03090580;background-image:linear-gradient(90deg,#e6c47a29 1px,#0000 1px);background-position:-1px 0;background-size:25% 100%;border-radius:10px;box-shadow:inset 0 0 0 1px #e6c47a3d,inset 0 .25em .7em #00000073}.hw.compact .clab{height:16px;color:var(--ink-2);flex-direction:row;align-items:center;gap:5px;padding:0 3px;font-size:12px;line-height:16px;transform:none}.hw.compact .clab .cpro i:not(.pip){padding:0 .4em;font-size:.86em;line-height:1.3}.hw.compact .clab.pts{color:var(--gain)}.hw.compact .clab.pts:before{vertical-align:1px;width:5px;height:5px;margin-right:1px}.hw.compact .clab .cpro{gap:3px}.hw.compact .cbadge{min-width:1.6em;height:1.55em;font-size:11px}.hw.compact .hplate{border-radius:12px;gap:0 .5em;padding:0 .65em 0 .3em}.hw.compact .hplate .av{width:2.25em;height:2.25em}.hw.compact .hplate .av .dl{height:1.2em;font-size:9px;bottom:-.35em}.hw.compact .hplate .nm{flex-direction:row;align-items:center;gap:.4em}.hw.compact .hplate .sc{flex-direction:row;align-self:center;align-items:baseline;gap:.45em;margin:0}.hw.compact .hplate .sc b{font-size:1.45em}.hw.compact .hplate .sc .pt{font-size:11px;display:block;position:static}.hw.compact .hplate:not(.me) .sc .pt{display:none}.hw.compact .ohand{height:1.9em;padding:0 .6em;font-size:12px;transform:translate(-100%,-50%)}.hw.compact .tbtn{height:2.45em;padding:0 .75em 0 .4em;font-size:12.5px}.hw.compact .dcount{background:#0c0603d1;min-width:2.1em;height:1.55em;font-size:12px;transform:translate(-50%,-50%)}.hw .notice{pointer-events:none;z-index:2;place-items:center;display:none;position:absolute}.hw .notice.on{display:grid}.hw .notice span{max-width:100%;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0e08049e,#080402bd);border-radius:99px;padding:.38em 1.1em;font-size:13px;font-weight:700;transition:opacity .18s;overflow:hidden;box-shadow:inset 0 0 0 1px #e6c47a38}.hw .notice.me span{color:#fff1d6;box-shadow:inset 0 0 0 1px #f0674c8c}.hw .notice.mute span{opacity:0}#ui.portrait .hw .cstage .cgrp{flex-direction:row;gap:.45em}#ui.portrait .hw .cstage:before{background:radial-gradient(closest-side,#060301b3,#0603016b 60%,#06030100);inset:-6% -8%}#ui.portrait .hw .cstage .csub{white-space:nowrap;padding:.3em .75em;font-size:12.5px}#ui.portrait .hw .cstage .inkbg{height:104%}.board.pt .cd.mine:after{opacity:.45;transform:translate(-5%,3%)scale(.96)}#ui.portrait .rcats{grid-template-columns:1fr;gap:.3em}#ui.portrait .rcat.row{grid-template-columns:3.6em minmax(0,1fr) auto;align-items:center;gap:.5em;padding:.22em .7em .22em .6em;display:grid}#ui.portrait .rcat.row .rch{font-size:var(--t-sm);flex-direction:row;justify-content:flex-start}#ui.portrait .rcat.row .rcc{justify-content:flex-start;height:1.56em;font-size:2.05em;overflow:hidden}#ui.portrait .rcat.row .rcc img{transform:translate(-.4em)rotate(-4deg)}#ui.portrait .rcat.row .rcc img.in{transform:none}#ui.portrait .rcat.row.empty .rcc:before{width:1em;height:1.5em}#ui.portrait .rcat.row .rcn{flex-direction:column;align-items:flex-end;gap:.15em}#ui.portrait .rcat.row .rq{white-space:nowrap;align-items:baseline;gap:.35em;display:flex}#ui.portrait .rcat.row .rcn .n{font-size:1.12em}#ui.portrait .rcat.row .rcn small{font-size:var(--t-xs);color:var(--ink-2)}#ui.portrait .rcat.row .rp{font-style:normal;font-size:var(--t-xs);color:var(--ink-2);white-space:nowrap;font-weight:800}#ui.portrait .rcat.row.scored .rp{color:var(--gain)}.rcn .n{white-space:nowrap}#ui.landscape .rcn .n{font-size:1.15em}.hw.compact .hplate .marks i.tn.me{display:none}#ui.portrait .panel.endp.rx{max-height:calc(100vh - 1.2em);padding:1.25em .75em .75em}#ui.portrait .panel.endp.rx .panel-head{min-height:1.1em;margin-bottom:.15em}#ui.portrait .rgrid{gap:.5em}#ui.portrait .rtitle{min-height:2.2em}#ui.portrait .rtitle .cwbig{height:2.5em}#ui.portrait .rtitle .endink{width:10.5em;height:2.3em}#ui.portrait .rscore .bigpts .cnt{font-size:2.3em}#ui.portrait .rright{gap:.45em}#ui.portrait .rcats{gap:.25em}#ui.portrait .rcat.row{padding:.16em .7em .16em .6em}#ui.portrait .rled{padding:.3em .8em}#ui.portrait .lr{min-height:1.6em;padding:.14em 0}#ui.portrait .lr.fin{padding-top:.25em}#ui.portrait .lr.fin>b{font-size:1.3em}#ui.portrait .panel.endp.rx .panel-foot{padding-top:.5em}#ui.portrait .panel.endp.rx .panel-foot .btn.cta,#ui.portrait .panel.endp.rx .panel-foot .endhome{--bh:2.9em}.hw.compact .tools{gap:8px}.hw.compact .tbtn{width:var(--tb,42px);height:var(--tb,42px);border-radius:50%;justify-content:center;padding:0}.hw.compact .tbtn .tlb{display:none}.hw.compact .tbtn[data-n]:after{top:-4px;left:auto;right:-4px}.hw.compact .dcount{background:#0c0603e6;min-width:1.9em;height:1.5em;font-size:11.5px;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #e9c87799,0 1px 3px #0009}.hw.compact .ohand{background:#0c0603d1;height:1.7em;padding:0 .55em;font-size:11.5px;transform:translate(-100%,-50%)}#ui.portrait .emb .seal{inset:-.3em -.75em auto auto}#ui.portrait .lr.yk .lc{flex-wrap:wrap;justify-content:center;display:flex}#ui.portrait .rcat.row .rcc{font-size:2.05em}.lr.eq{min-height:1.4em;font-size:var(--t-xs);border-bottom:0;justify-content:flex-end;padding:.05em 0}.lr.eq .ll{display:none}.lr.eq>b{color:#6a4526;font-size:1em;font-weight:700}.cd .bump:after{content:none;pointer-events:none;border-radius:9%;position:absolute;inset:2.899% 17.105% 24.638%}:root:not(.midfx) .cd.fl.tl:not(.down) .bump:after{inset:2.559% 18.175% 27.092% 18.177%}.cd.mine.sel .bump:after{content:"";box-shadow:0 0 0 .13em #fffaf0,0 0 0 .21em #2814068c,0 .5em 1em #00000080}.cd.glow{cursor:pointer}.cd.glow .bump:after{content:"";box-shadow:0 0 0 .13em #f2c552,0 0 0 .21em #321802cc,0 0 .9em .2em #ffc85a6b}.cd.got .bump:after{content:"";animation:.7s ease-out both gotP;box-shadow:0 0 0 .1em #fff3c4,0 0 1em .4em #ffd06ebf}@keyframes gotP{0%{opacity:0}25%{opacity:1}to{opacity:0}}.lowfx .cd.mine.sel .bump:after{box-shadow:0 0 0 .13em #fffaf0}.lowfx .cd.got .bump:after{box-shadow:0 0 0 .13em #fff3c4}.lowfx .cd.mine.dim .bump{filter:none;opacity:.8}.midfx .hw .hplate.turn:after,.midfx .hw .hplate.oturn .av:after{animation:none}.hw .cring{z-index:7;pointer-events:none;border-radius:9%;animation:1s ease-out forwards gotP;position:absolute;box-shadow:0 0 0 .1em #fff3c4,0 0 14px 4px #ffd06eb3}.hw .cring.red{box-shadow:0 0 0 2px #ffb59a,0 0 14px 4px #ff6e4699}.lowfx .hw .cring{box-shadow:0 0 0 2px #fff3c4}:root{--wood:linear-gradient(180deg, #ffe2b40f, #0000002e), url(/games/hwatora/assets/ui/wood.webp) center / 256px auto #1c0f09;--brass:#c9a05cc7}.hw .hplate{background:var(--wood);box-shadow:inset 0 0 0 1px var(--brass), inset 0 1px 0 #ffe8be24, 0 .2em .6em #00000080}.hw .hplate.oturn{box-shadow:inset 0 0 0 1px var(--brass), 0 .2em .6em #00000080}.hw .hplate.turn{box-shadow:inset 0 0 0 2px var(--acc-hi), 0 .2em .6em #00000080}.board .tray,.board.pt .tray{box-shadow:inset 0 0 0 1px var(--brass), inset 0 .3em .8em #00000080, 0 .15em .5em #0006;background:linear-gradient(90deg,#c9a05c4d 1px,#0000 1px) -1px 0/25% 100%,linear-gradient(#00000038,#0000005c),#160b06 url(/games/hwatora/assets/ui/wood.webp) 50%/256px;border-radius:10px}.landscape .hw .tools,.hw.compact .tbtn{background:var(--wood);box-shadow:inset 0 0 0 1px var(--brass), 0 .2em .6em #00000073}.hw .towner{display:none}#ui.landscape .hw .clab{height:auto;color:var(--ink-2);flex-direction:row;align-items:center;gap:.4em;padding:0 .3em;font-size:max(.9em,13px);line-height:1.25;display:flex;transform:none}#ui.landscape .hw .clab.pts{color:var(--gain)}#ui.landscape .hw .clab .cpro i{font-size:max(.82em,12px)}#ui.landscape .hw .cbadge{font-size:max(.85em,12px)}#ui.landscape .hw .hplate .sc .pt,#ui.landscape .hw .hplate .sc em{font-size:max(.8em,12px)}#ui.landscape .hw .notice span{padding:.35em 1.3em;font-size:max(1em,13px)}.hw .cstage .cgrp{flex-direction:row;gap:.5em}#ui.landscape .hw .cstage:before{background:radial-gradient(closest-side,#060301b3,#0603016b 60%,#06030100);inset:-10% -6%}#ui.landscape .hw .cstage .csub{padding:.3em .85em;font-size:max(.95em,13px)}.hw.compact .cbadge,.hw.compact .ohand,.hw.compact .dcount,.hw.compact .hplate .sc .pt{font-size:12px}.hw.compact .hplate .av .dl{font-size:11px}.hw.compact .clab .cpro i:not(.pip){font-size:12px}#ui.portrait .hw .cstage .csub{font-size:13px}.hw .notice span{font-size:13.5px}.hw.compact .clab{overflow:hidden}.panel.endp.rx{width:min(92vw,40em)}#ui.landscape .panel.endp.rx.det{width:min(94vw,52em)}.panel.endp.rx .rgrid{grid-template-columns:auto minmax(0,auto);justify-content:center;align-items:center;gap:.4em 1.6em}.panel.endp.rx .rhero{gap:.1em}.panel.endp.rx .rright{align-items:flex-start;gap:.5em}.panel.endp.rx .rscore{align-items:flex-start;margin:0}.panel.endp.rx .rscore .cap{font-size:var(--t-sm);letter-spacing:.04em}.panel.endp.rx .rscore .bigpts .cnt{font-size:4.6em}.panel.endp.rx .rscore .bigpts em{font-size:1.5em}.rsum{flex-wrap:wrap;gap:.35em;max-width:21em;display:flex}.rsum i{font-style:normal;font-size:var(--t-sm);border-radius:var(--rp);color:var(--ink);white-space:nowrap;background:#00000052;padding:.28em .65em;font-weight:700;line-height:1.2;box-shadow:inset 0 0 0 1px #c9a05c73}.rsum i b{color:var(--gold-2);font-variant-numeric:tabular-nums;margin-left:.25em;font-weight:800}.rsum i.mx{box-shadow:inset 0 0 0 1px #f0674c99}.rsum i.mx b{color:#ffb59a}.panel.endp.rx .deltas{margin-top:.8em}.rmore{border-radius:var(--rp);cursor:pointer;pointer-events:auto;color:var(--ink-2);font:700 var(--t-sm) var(--f-ui);background:0 0;border:0;align-items:center;gap:.5em;margin:.75em auto 0;padding:.35em .9em;display:flex;box-shadow:inset 0 0 0 1px #c9a05c66}.rmore:after{content:"";border-bottom:2px solid;border-right:2px solid;width:.5em;height:.5em;margin-top:-.25em;transition:transform .2s;transform:rotate(45deg)}.rmore[aria-expanded=true]:after{transform:translateY(.25em)rotate(225deg)}.rmore:active{transform:scale(.97)}.rdet{flex-direction:column;gap:.6em;margin-top:.7em;animation:.25s ease-out both fadeSoft;display:flex}.rdet[hidden]{display:none}#ui.portrait .panel.endp.rx .rgrid{grid-template-columns:1fr;justify-items:center}#ui.portrait .panel.endp.rx .rright,#ui.portrait .panel.endp.rx .rscore{align-items:center}#ui.portrait .panel.endp.rx .rscore .bigpts .cnt{font-size:3.6em}#ui.portrait .rsum{justify-content:center;max-width:none}#ui.portrait .emb{width:6em}#ui.short .panel.endp.rx .rscore .bigpts .cnt{font-size:3.6em}#ui.short .emb{width:6.4em}#ui.short .panel.endp.rx .deltas{margin-top:.5em}#ui.short .rmore{margin-top:.45em}.cd.glow .bump:after{box-shadow:0 0 0 .16em #f6cb57,0 0 0 .26em #321802d9,0 0 1em .25em #ffc85a80}.lowfx .cd.glow .bump:after{box-shadow:0 0 0 .16em #f6cb57,0 0 0 .26em #321802d9}.cd.mine.dim .bump{filter:brightness(.88)}.hw .tbtn[data-n]:after{color:#ffe7a6;background:#1a0d07;min-width:1.5em;height:1.5em;font-size:12px;box-shadow:0 0 0 1.5px #c9a05c}.hw.compact .clab{font-size:13px}#ui.landscape .hw .clab{font-size:max(.95em,13px)}#ui.portrait .panel.endp.rx .rhero{flex-direction:column;gap:.2em}#ui.portrait .panel.endp.rx .emb{width:5.2em}#ui.portrait .panel.endp.rx .rtitle{min-height:2.4em;margin-top:.1em}#ui.portrait .panel.endp.rx .rtitle .endink{width:9em;height:2.3em}.panel.endp.rx .rtitle{margin-top:.2em}#ui.landscape .panel.endp.rx .rtitle .endink{width:12em}.hw.compact .hplate .nm{justify-content:flex-start}.hw.compact .hplate .nm b{text-align:left}.rsum i b{margin-left:.4em;padding-left:.45em;box-shadow:-1px 0 #c9a05c73}.hw.compact .clab{letter-spacing:-.02em;gap:3px}.hw.compact .clab .cpro i:not(.pip){letter-spacing:-.03em;padding:0 .28em}.req{font-size:var(--t-sm);color:var(--ink-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:.1em .45em;font-weight:700;display:flex}.req .m{color:#ffb59a;font-weight:800}.req b{color:var(--gold-2);font-weight:800}#ui.portrait .req{justify-content:center}.board .tray,.board.pt .tray{box-shadow:inset 0 0 0 1px var(--brass), inset 0 1px 0 1px #ffe4b41a, inset 0 .5em 1em #0000008c, 0 2px 0 #00000073, 0 .3em .8em #00000073}.hw .hplate{box-shadow:inset 0 0 0 1px var(--brass), inset 0 2px 0 #ffe8be1f, inset 0 -.4em .8em #00000059, 0 2px 0 #00000073, 0 .3em .8em #00000080}.hw .clab .cpro i{line-height:1.1}.board .tray,.board.pt .tray{background:var(--div,none), linear-gradient(180deg, #00000038, #0000005c), url(/games/hwatora/assets/ui/wood.webp) center / 256px auto #160b06}.hw.compact .tbtn[data-n]:after{inset:auto -4px -3px auto}#ui.landscape .hw .dcount{background:#0c0603e6;min-width:2em;height:1.55em;font-size:max(.85em,12px);transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #e9c87799,0 1px 3px #0009}.hw.compact .tools{justify-content:flex-end;gap:6px}.hw.compact .tbtn{border-radius:10px;flex-direction:column;justify-content:center;gap:1px;width:auto;min-width:3.6em;height:100%;padding:2px 6px;font-size:12px}.hw.compact .tbtn .ico{width:20px;height:20px}.hw.compact .tbtn .tlb{font-size:12px;font-weight:700;line-height:1.1;display:block}.hw.compact .tbtn[data-n]:after{min-width:1.35em;height:1.35em;font-size:11.5px;top:2px;bottom:auto;right:2px}.hw.compact .hplate .av .dl{left:-.1em;transform:none}.midfx .cd.got .bump:after{animation:none;box-shadow:0 0 0 .13em #fff3c4}.midfx .hw .cring{opacity:1;animation:none}.lowfx .board .tray,.lowfx .board.pt .tray,.lowfx .hw .hplate,.lowfx .hw .hplate.oturn{box-shadow:inset 0 0 0 1px var(--brass)}.lowfx .hw .hplate.turn{box-shadow:inset 0 0 0 2px var(--acc-hi)}.lowfx .landscape .hw .tools,.lowfx .hw.compact .tbtn,.lowfx.landscape .hw .tools{box-shadow:inset 0 0 0 1px var(--brass)}.lowfx .hw .notice span{box-shadow:none}.lowfx .rsum i,.lowfx .rmore{box-shadow:inset 0 0 0 1px #c9a05c73}.lowfx .board .mat,.lowfx .board.pt .mat{box-shadow:none}.lowfx .cd.mine.dim .bump{opacity:.84;filter:none}.sidebg{border-radius:var(--r2);pointer-events:none;box-shadow:inset 0 0 0 1px var(--gl), inset 0 .3em .9em #00000073;background-color:#060c0880;position:absolute;top:0;left:0}.hw .sidep{pointer-events:none;color:var(--ink);z-index:2;flex-direction:column;padding:.7em .85em;font-size:1.1em;display:flex;position:absolute}.hw .spl{justify-content:space-between;gap:.5em}.hw .spl .sprows{flex:auto;justify-content:space-evenly}.hw .spl .sph{box-shadow:0 1px 0 var(--line);flex-direction:column;gap:.1em;padding-bottom:.45em;display:flex}.hw .spl .spn{font-size:var(--t-sm);color:var(--ink-2);font-weight:700}.hw .spl .spv{align-items:baseline;gap:.15em;display:flex}.hw .spl .spv b{font-variant-numeric:tabular-nums;color:var(--gold-2);letter-spacing:-.02em;font-size:2.3em;font-weight:800;line-height:1}.hw .spl .spv em{font-style:normal;font-size:var(--t-sm);color:var(--ink-2)}.hw .spl .sprows{flex-direction:column;gap:.3em;display:flex}.hw .spl .spr{font-size:var(--t-sm);color:var(--ink-3);justify-content:space-between;align-items:center;gap:.5em;display:flex}.hw .spl .spr span{min-width:0}.hw .spl .spr b{font-variant-numeric:tabular-nums;color:var(--ink-3);flex:none;font-weight:800}.hw .spl .spr.on,.hw .spl .spr.on b{color:var(--ink)}.hw .spl .spr.on b{color:var(--gold-2)}.hw .spl .spr.r3{box-shadow:0 -1px 0 var(--line);margin-top:.15em;padding-top:.4em}.hw .spl .spr.r3.on b{color:var(--acc-hi);font-size:1.15em}.hw .spr2{text-align:center;justify-content:center;align-items:center;gap:.2em}.hw .spr2 .spg{font-size:var(--t-md);color:var(--ink);max-width:100%;font-weight:800}.hw .spr2 .spd{font-size:var(--t-sm);color:var(--ink-2);font-variant-numeric:tabular-nums;max-width:100%;font-weight:700}.hw .capshit .cxp{border-radius:var(--rp);height:1.45em;box-shadow:inset 0 0 0 1px var(--gl);color:var(--ink);font:800 var(--t-xs) / 1 var(--f-ui);font-variant-numeric:tabular-nums;pointer-events:none;background:#0e0804d9;align-items:center;gap:.3em;padding:0 .45em 0 .5em;display:flex;position:absolute;top:.2em;right:.3em}.hw .capshit .cxp i{border-right:1.6px solid var(--gold-2);border-bottom:1.6px solid var(--gold-2);width:.42em;height:.42em;margin-top:-.22em;transform:rotate(45deg)}.hw .capshit .cxp.zero{display:none}.hw.compact .capshit .cxp{height:15px;font-size:11px;top:1px;right:3px}#ui.portrait .req>span:first-child{text-align:center;flex-basis:100%}.rtitle{z-index:2}.hw .hplate .marks i.mu{background:var(--acc);color:var(--on-acc)}#ui.pzmode .hw .capshit .cxp{display:none}.hw .cbadge.big{min-width:0;height:auto;box-shadow:none;font:800 1em / 1 var(--f-ui);color:#f6e7c4;letter-spacing:-.02em;text-shadow:0 .06em .12em #000c;background:0 0;border-radius:0;padding:0;transform:translate(-50%,-50%)}.hw .cbadge.big.pts{box-shadow:none;color:#b9eebd;background:0 0}.cd.p2 .bump:before{content:"2";z-index:1;pointer-events:none;color:#2a1606;width:21%;height:14%;font:900 calc(var(--cw) * .22) / 1 var(--f-ui);background:radial-gradient(circle at 50% 35%,#f7d77e,#b8862e 80%);border-radius:50%;place-items:center;display:grid;position:absolute;top:4.5%;right:19.5%;box-shadow:0 0 0 1px #281406cc}.panel.endp.rx.rlite{background:radial-gradient(80% 45% at 30% 0,#a0502824,#0000 70%),linear-gradient(#280e0a99,#0a0403c7),#1a0c08 url(/games/hwatora/assets/ui/lacq.webp) 50%/16em;padding:1.6em 1.8em 1.3em;box-shadow:inset 0 0 0 1px #f0cd826b,0 1.4em 3.2em #000000b3}.panel.endp.rx.rlite .rbar,.rlite .emb .rays,.rlite .emb .medal,.rlite .rtitle .endink{display:none!important}.rlite .emb{aspect-ratio:1;width:7.2em}.rlite .emb .face{width:100%;top:0;left:0;box-shadow:0 0 0 1.5px #f0cd828c,0 .4em 1em #00000080}.rlite .emb .seal{width:2.6em;height:2.6em;top:-.5em;right:-.9em}.panel.endp.rx.rlite .rgrid{gap:.6em 2.4em}.panel.endp.rx.rlite .rright{gap:.8em}.rlite .rsum{gap:.2em .9em}.rlite .rsum i,.lowfx .rlite .rsum i{box-shadow:none;color:var(--ink-2);background:0 0;padding:0;font-weight:600}.rlite .rsum i b{box-shadow:none;color:var(--ink);margin-left:.3em;padding-left:0}.rlite .rsum i.mx{box-shadow:none}.rlite .rsum i.mx b{color:#f3a48a}.rlite .req b{color:var(--ink)}.panel.endp.rx.rlite .deltas{gap:1em;margin-top:1.2em}.panel.endp.rx.rlite .deltas .dl,.panel.endp.rx.rlite .deltas .dl.win{background:0 0;border-radius:0;padding:.4em .2em;box-shadow:inset 0 -1px #f0cd822e}.panel.endp.rx.rlite .deltas img{box-shadow:none}.panel.endp.rx.rlite .panel-foot{padding-top:1em}.rlite .rmore{box-shadow:none;text-underline-offset:.3em;-webkit-text-decoration:underline #c9a05c66;text-decoration:underline #c9a05c66}.lowfx .rlite .rmore{box-shadow:none}#ui.portrait .panel.endp.rx.rlite{padding:1.3em 1em .9em}#ui.portrait .panel.endp.rx.rlite .emb{width:4.6em}#ui.portrait .panel.endp.rx.rlite .deltas{gap:.6em;margin-top:.9em}#ui.short .rlite .emb{width:5.6em}.lowfx .cd{will-change:transform}html:not(.nomat9) .board .tray,html:not(.nomat9) .board.pt .tray{isolation:isolate;--b9:clamp(12px, 2.2vmin, 20px);background:0 0;border-radius:12px;box-shadow:0 .25em .7em #00000073}html:not(.nomat9) .board .tray:before{content:"";z-index:-1;border:var(--b9) solid transparent;border-image:url(/games/hwatora/assets/ui/tray9.webp) 40 fill / var(--b9) stretch;position:absolute;inset:0}html:not(.nomat9) .board .tray:after{content:"";left:0;right:0;top:calc(var(--b9) * .8);bottom:calc(var(--b9) * .8);background:var(--div,none);position:absolute}html:not(.nomat9) .hw .hplate,html:not(.nomat9) .hw .hplate.oturn{isolation:isolate;--b9:clamp(10px, 1.8vmin, 16px);background:0 0;box-shadow:0 .25em .7em #00000080}html:not(.nomat9) .hw .hplate:before,html:not(.nomat9) .landscape .hw .tools:before,html:not(.nomat9) .hw.compact .tbtn:before{content:"";z-index:-1;pointer-events:none;border:var(--b9,10px) solid transparent;border-image:url(/games/hwatora/assets/ui/plaque9.webp) 44 fill / var(--b9,10px) stretch;position:absolute;inset:0}html:not(.nomat9) .hw .hplate.turn{box-shadow:0 0 0 2px var(--acc-hi), 0 .25em .7em #00000080;background:0 0}html:not(.nomat9) .landscape .hw .tools,html:not(.nomat9) .hw.compact .tbtn{isolation:isolate;--b9:clamp(8px, 1.1vmin + 3px, 14px);background:0 0;box-shadow:0 .25em .7em #00000073}html:not(.nomat9) .hw.compact .tbtn{--b9:8px;position:relative}html.lowfx:not(.nomat9) .board .tray,html.lowfx:not(.nomat9) .hw .hplate,html.lowfx:not(.nomat9) .hw .hplate.oturn{box-shadow:none}.hw .hplate .sc b,.gs-score,.bigpts .cnt,.endp .deltas .tot b,.rcn .n,.final em,.hw .spl .spv b{font-family:var(--f-num);letter-spacing:0;font-weight:700}.mcard.big .mc-txt b{font-family:var(--f-brand);font-weight:700}.tprop{pointer-events:none;opacity:.96;background:50%/contain no-repeat;position:absolute;top:0;left:0}.tprop.l{background-image:url(/games/hwatora/assets/img/prop_l.webp)}.tprop.r{background-image:url(/games/hwatora/assets/img/prop_r.webp)}html:not(.nomat9) .landscape .hub-side,html:not(.nomat9) .dock{box-shadow:var(--e2);isolation:isolate;background:0 0}html:not(.nomat9) .landscape .hub-side:before,html:not(.nomat9) .dock:before{content:"";z-index:-1;pointer-events:none;border:clamp(10px,1.6vmin,16px) solid #0000;border-image:url(/games/hwatora/assets/ui/plaque9.webp) 44 fill/clamp(10px,1.6vmin,16px);position:absolute;inset:0}html:not(.nomat9) .mcard:not(.big):after{box-shadow:none;border:9px solid #0000;border-image:url(/games/hwatora/assets/ui/plaque9.webp) 44/9px}html:not(.nomat9) .mcard:not(.big) .mc-txt{padding-left:1em}.hw.compact .hplate.me.uni{padding-right:calc(var(--tw,120px) + .2em)}.hw.compact .tools.uni{gap:0;padding:4px 6px 4px 0}.hw.compact .tools.uni .tbtn{box-shadow:none;background:0 0;border-radius:8px;min-width:3.4em;height:100%}.hw.compact .tools.uni .tbtn:before{display:none}.hw.compact .tools.uni .tbtn+.tbtn,.hw.compact .tools.uni .tbtn:first-child{box-shadow:-1px 0 #0000008c,-2px 0 #ffe2ba1a}.hw.compact .tools.uni .tbtn:active{background:#ffe6be14}.hw.compact .tools.uni .tbtn[data-n]:after{top:3px;right:3px}#ui.landscape .hw.p3 .capshit .cxp{top:auto;bottom:.2em}#ui.lang-ja.landscape .hw .tbtn .tlb{letter-spacing:-.03em;font-size:.86em}.r94 .hw .clab .cn{min-width:1.6em;font:800 .92em / 1.4 var(--f-ui);font-variant-numeric:tabular-nums;color:#fff3d6;background:#00000080;border-radius:99px;place-items:center;padding:0 .42em;font-style:normal;display:inline-grid;box-shadow:inset 0 0 0 1px #e9c87799}.r94 .hw .clab.pts .cn{color:#1d0f04;box-shadow:none;background:#9fe0a5}.r94 #ui.landscape .hw .clab{color:var(--ink);gap:.45em;font-size:max(1.05em,15px)}.r94 #ui.landscape .hw .clab.zero{color:var(--ink-2)}.r94 #ui.landscape .hw .clab .cpro i{font-size:max(.8em,12.5px)}.r94 .hw.compact .clab{color:var(--ink);gap:4px;font-size:13px}.r94 .hw.compact .clab .cn{padding:0 5px;font-size:12px;line-height:15px}.r94 .hw .cbadge,.r94 #ui.landscape .hw .cbadge,.r94 .hw.compact .cbadge{color:#f3dfb4;background:#0e0804e6;min-width:2em;height:1.55em;padding:0 .35em;font-size:11.5px;transform:translate(-22%,-112%);box-shadow:0 0 0 1px #e9c877b3,0 .1em .3em #0009}.r94 #ui.landscape .hw .cbadge{font-size:13px}.r94 .hw .ohand,.r94 .hw.compact .ohand{min-width:1.75em;height:auto;font:700 23px / 1.12 var(--f-num);color:#ffe6a8;text-shadow:0 1px 2px #000c;z-index:3;background:radial-gradient(circle at 50% 35%,#341e0ef0,#0e0703f0 72%);border-radius:99px;place-items:center;padding:.06em .36em;display:grid;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #e9c877e6,0 .15em .45em #000000a6}.r94 #ui.landscape .hw .ohand{font-size:28px}.r94 .cd.mine.trow .bump:before{top:12.5%}.r94 .mcard:not(.big) .mc-txt{padding-right:3.4em}.r94 .mcard .mc-go{pointer-events:none;background:radial-gradient(circle at 50% 30%,#d2412a,#8e1a0c 75%);border-radius:50%;place-items:center;width:2.3em;height:2.3em;display:grid;position:absolute;bottom:.5em;right:.7em;box-shadow:0 0 0 1.5px #e9c877,0 .15em .35em #0009}.r94 .mcard .mc-go img,.r94 .mcard .mc-go .ico{z-index:auto;object-fit:contain;filter:drop-shadow(0 1px 1px #3c0802b3);width:1.1em;height:1.1em;margin-left:.14em;display:block;position:static;inset:auto}.r94 .mcard:active .mc-go{transform:scale(.94)}.r94.v94d .cd.mine.trow .bump:before{top:60.145%}.r94 .hw.compact .clab .cn{min-width:0;box-shadow:none;color:#ffd98a;background:0 0;margin-left:-1px;padding:0 1px;font-size:13px}.r94 .hw.compact .clab.pts .cn{color:var(--gain);background:0 0}.r94 .hw.compact .clab .cpro i:not(.pip){padding:0 .3em;font-size:11.5px}.r94 .hw .clab .cn,.r94 .hw .clab .cl{flex-shrink:0}.r94 .hw .clab .cpro{flex-shrink:1;min-width:0;overflow:hidden}.r94 #ui.landscape .hw .clab{margin-top:-2px;padding-top:2px;padding-bottom:2px;overflow:hidden}.r94:not(.h94) .hw .cstage .csub,.r94:not(.h94) #ui.portrait .hw .cstage .csub{box-shadow:none;color:#f6ead2;text-shadow:0 1px 2px #000000f2,0 0 .6em #000000d9,0 0 1.4em #0009;background:0 0;padding:.1em .3em}.r94:not(.h94) .hw .cstage .csub b{font-family:var(--f-num);color:#ffd98a;font-size:1.18em;font-weight:700}.r94:not(.h94) .hw .cstage.red .csub b{color:#ffb59a}.r94:not(.h94) .hw .cstage.gapm .cgrp{flex-direction:column;align-items:center;gap:.2em}.r94:not(.h94) #ui.landscape .hw .cstage.gapm .csub{font-size:1.15em}.r94:not(.h94) .cd.mine.sel .bump:after{box-shadow:0 0 0 .13em #fffaf0,0 0 0 .21em #2814068c,0 0 .8em .15em #fffaeb73,0 .6em 1.1em #0000008c}.r94 .cd.mine.sel{z-index:790!important}.r94 .hw .hplate .marks i{padding:.05em .4em}.ty94 .hw .clab .cn,.ty94 .hw .dcount,.ty94 .hw .capshit .cxp b,.ty94 .hw .tbtn .bn{font-family:var(--f-num);letter-spacing:0;font-weight:700}.ty94 .hw.compact .clab{height:18px;color:var(--ink);font-size:14px;line-height:18px}.ty94 .hw.compact .clab .cn{font-size:15px}.ty94 .hw.compact .clab .cpro i:not(.pip){font-size:12.5px}.ty94 #ui.landscape .hw .clab .cn{padding:0 .38em;font-size:1.05em}.ty94 .hw.compact .hplate .nm b{font-size:15px}.ty94 .hw.compact .tbtn .tlb{font-size:13px}.ty94 .hw .notice span,.ty94 #ui.portrait .hw .notice span{font-size:14px}.ty94 #ui.landscape .hw .notice span{font-size:15px}.ty94 .hw.compact .dcount{font-size:14px}.ty94 .hw .cstage .csub b{font-family:var(--f-num);font-weight:700}.ty94 .hw.compact .cstage .csub,.ty94 #ui.portrait .hw .cstage .csub{font-size:13.5px}.ty94 .mcard:not(.big) .mc-txt b{font-family:var(--f-brand);letter-spacing:0;font-size:1.14em;font-weight:700}.ty94 .hw .hplate .marks i{font-size:12px}.mat2 .board .tray:before{border-image-source:url(/games/hwatora/assets/ui/tray9b.webp);border-image-slice:36 fill}.mat2 .hw .hplate:before,.mat2 .landscape .hw .tools:before,.mat2 .hw.compact .tbtn:before,.mat2 .landscape .hub-side:before,.mat2 .dock:before{border-image-source:url(/games/hwatora/assets/ui/plaque9b.webp);border-image-slice:40 fill}.mat2 .mcard:not(.big):after{border-image-source:url(/games/hwatora/assets/ui/plaque9b.webp);border-image-slice:40}.mat2 .board .tray,.mat2 .board.pt .tray{box-shadow:0 .15em .4em #00000059}.mat2 .hw .hplate,.mat2 .hw .hplate.oturn,.mat2 .landscape .hw .tools,.mat2 .hw.compact .tbtn{box-shadow:0 .15em .4em #00000061}.mat2 .hw .notice span{isolation:isolate;background:0 0;position:relative;box-shadow:0 .12em .35em #00000059}.mat2 .hw .notice span:before{content:"";z-index:-1;border-radius:inherit;border:9px solid #0000;border-image:url(/games/hwatora/assets/ui/plaque9b.webp) 40 fill/9px;position:absolute;inset:0}.mat2 .hs-bar{background:linear-gradient(#080402e6,#1e1008d9);border:0;box-shadow:inset 0 1px 2px #000000b3}.mat2 .hs-bar b{box-shadow:none;background:linear-gradient(#f1d38a,#b8862f)}.mat2 .hw .hplate:before,.mat2 .landscape .hw .tools:before,.mat2 .hw.compact .tbtn:before{border-width:7px;border-image-width:7px}.mat2 .landscape .hub-side:before,.mat2 .dock:before{border-width:9px;border-image-width:9px}.mat2 .mcard:not(.big):after{box-shadow:none;border:0;border-image:}.mat2 .mcard:not(.big) .mc-txt{padding-left:.75em}.ty94 #ui.landscape .hw .clab{font-size:max(1.15em,17px)}.mat2l .landscape .hub-side,.mat2l .dock{isolation:isolate;background:0 0;box-shadow:0 .15em .4em #00000061}.mat2l .landscape .hub-side:before,.mat2l .dock:before{content:"";z-index:-1;pointer-events:none;border:9px solid #0000;border-image:url(/games/hwatora/assets/ui/plaque9b.webp) 40 fill/9px;position:absolute;inset:0}.mat2l .hs-bar{background:linear-gradient(#080402e6,#1e1008d9);border:0;box-shadow:inset 0 1px 2px #000000b3}.mat2l .hs-bar b{box-shadow:none;background:linear-gradient(#f1d38a,#b8862f)}.r96 .hw.compact .hplate.me{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-content:center;gap:1px .55em;display:grid}.r96 .hw.compact .hplate.me .av{grid-row:1/span 2;align-self:center}.r96 .hw.compact .hplate.me .nm{grid-area:1/2;min-width:0}.r96 .hw.compact .hplate.me .nm b{font-size:15px}.r96 .hw.compact .hplate.me .sc{flex-direction:row;grid-area:2/2;place-self:center start;align-items:baseline;gap:.5em;margin:0;display:flex}.r96 .hw.compact .hplate.me .sc b{font-size:22px;line-height:1}.r96 .hw.compact .hplate.me .sc .pt{font-size:13px;position:static}.r96 .hw.compact .tools.uni .tbtn .tlb{display:none}.r96 .hw.compact .tools.uni .tbtn{flex:1 1 0;min-width:0}.r96 .hw.compact .tools.uni .tbtn .ico{width:30px;height:30px}