:root{--s0:17 10 7;--s1:30 19 13;--s2:47 31 22;--acc:#d6ab62;--acc-hi:#f0d19a;--acc-rgb:214 171 98;--on-acc:#24150a;--ink:#f4ebdc;--ink-2:#c8b89c;--ink-3:#8f7f67;--signal:#e0553c;--good:#b9d98a;--r-xs:.4em;--r-sm:.62em;--r-md:.95em;--r-lg:1.35em;--r-pill:99em;--e1:0 .12em .35em #00000059;--e2:0 .4em 1.1em #00000073;--e3:0 .9em 2.6em #0009;--t-cap:.875em;--t-body:1em;--t-lbl:1.0625em;--t-h3:1.25em;--t-h2:1.55em;--t-h1:2.05em;--t-display:2.7em;--f-title:"Noto Serif", serif;--f-body:"IBM Plex Sans", system-ui, sans-serif;--surface:linear-gradient(180deg, rgb(var(--s1) / .94), rgb(var(--s0) / .95));--edge:inset 0 1px 0 rgb(var(--acc-rgb) / .42), inset 0 0 0 1px #ffffff0e;--hair:#ffffff14}#ui.lang-ko{--f-title:"Song Myung", "Noto Serif", serif;--f-body:"IBM Plex Sans KR", system-ui, sans-serif}#ui.lang-ja{--f-title:"Shippori Mincho", serif;--f-body:"IBM Plex Sans JP", system-ui, sans-serif}#ui.lang-zh{--f-title:"Noto Serif SC", serif;--f-body:"Noto Sans SC", system-ui, sans-serif}#ui{z-index:10;pointer-events:none;font-family:var(--f-body);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:500;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,#ui .card,#ui a{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}#ui :focus-visible{outline:2px solid var(--acc);outline-offset:2px}.lt{color:var(--ink);text-shadow:0 1px 2px #000c}.dk{color:var(--ink)}.title{font-family:var(--f-title);letter-spacing:0;font-weight:700}#ui.lang-ko .title{font-weight:400}.t-display{font-size:var(--t-display)}.t-h1{font-size:var(--t-h1)}.t-h2{font-size:var(--t-h2)}.t-h3{font-size:var(--t-h3)}.t-body{font-size:var(--t-body)}.t-small,.t-tiny{font-size:var(--t-cap)}.org{color:var(--acc)}.muted{color:var(--ink-2)}.good{color:var(--good)}.red{color:var(--signal)}.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:-.28em;pointer-events:none;width:auto;height:1.25em;margin:0 .1em;display:inline-block}#ui img.sym-B{vertical-align:-.06em;height:.85em;margin-right:.35em}.fit:has(.sym){white-space:nowrap}.btn{--bh:2.95em;height:var(--bh);border-radius:var(--r-sm);background:rgb(var(--s2) / .96);min-width:7em;box-shadow:inset 0 0 0 1px var(--hair), inset 0 1px 0 #ffffff0f, var(--e1);font-family:var(--f-body);font-weight:600;font-size:var(--t-lbl);color:var(--ink);cursor:pointer;border:0;outline:none;justify-content:center;align-items:center;gap:.45em;padding:0 1.15em;transition:transform .1s,background-color .15s,box-shadow .15s;display:inline-flex;position:relative}.btn>.lbl{white-space:nowrap;letter-spacing:.005em;flex:0 auto;min-width:0;max-width:100%;overflow:hidden}.btn .ic{flex:none;width:1.35em;height:1.35em}.btn:hover{background:rgb(var(--s2) / 1);box-shadow:inset 0 0 0 1px rgb(var(--acc-rgb) / .35), var(--e1)}.btn:active{transform:scale(.96)}.btn[disabled]{opacity:.45;pointer-events:none}.btn-orange{background:linear-gradient(180deg, var(--acc-hi), var(--acc) 58%);color:var(--on-acc);box-shadow:inset 0 1px 0 #ffffff73, inset 0 -1px 0 #0000002e, var(--e1)}.btn-orange>.lbl{color:var(--on-acc)}.btn-orange:hover{background:linear-gradient(180deg, #fbe2b4, var(--acc-hi) 60%);box-shadow:inset 0 1px 0 #ffffff80, var(--e2)}.btn.sm{--bh:2.5em;font-size:var(--t-body);border-radius:var(--r-xs);min-width:4.5em;padding:0 .9em}.btn.lg{--bh:3.4em;font-size:var(--t-h3);border-radius:var(--r-md);min-width:10em;padding:0 1.6em}.btn.on{box-shadow:inset 0 0 0 1px var(--acc), var(--e1)}.ibtn{cursor:pointer;background:rgb(var(--s2) / .92);width:2.9em;height:2.9em;box-shadow:inset 0 0 0 1px var(--hair), var(--e1);border:0;border-radius:50%;flex:none;place-items:center;padding:.62em;transition:transform .1s,background-color .15s;display:grid}.ibtn .ico{width:100%;height:100%}.ibtn:hover{background:rgb(var(--s2) / 1)}.ibtn:active{transform:scale(.92)}.modal{z-index:20;padding:max(env(safe-area-inset-top), 1em) 1em max(env(safe-area-inset-bottom), 1em);background:rgb(var(--s0) / .62);place-items:center;animation:.18s both fadeIn;display:grid;position:absolute;inset:0}.modal.clear{background:0 0}.panel{width:min(92vw,34em);max-height:min(88vh,46em);color:var(--ink);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--edge), var(--e3);flex-direction:column;padding:1.15em 1.4em 1.35em;animation:.22s cubic-bezier(.2,1.1,.4,1) both popIn;display:flex;position:relative}.panel.wide{width:min(94vw,58em)}.panel.tall{height:min(88vh,46em)}.modal:has(.panel.side){justify-items:end;padding-right:2vw}.panel.side{width:min(46vw,34em);max-height:86vh}.panel-head{flex:none;align-items:center;min-height:2.6em;margin:0 0 .7em;padding-right:2.8em;display:flex;position:relative}.panel-head .rib{flex:1;min-width:0}.panel-head .rib h2{font-family:var(--f-title);font-size:var(--t-h2);color:var(--ink);text-shadow:none;text-align:left;margin:0;line-height:1.15}.panel-close{width:2.6em;height:2.6em;box-shadow:none;background:0 0;padding:.62em;position:absolute;top:50%;right:-.35em;transform:translateY(-50%)}.panel-close:hover{background:rgb(var(--s2) / .9)}.panel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(var(--acc-rgb) / .5) transparent;flex:auto;min-height:0;padding:.1em .1em .4em;position:relative;overflow:hidden auto}.panel-body::-webkit-scrollbar{width:.4em}.panel-body::-webkit-scrollbar-thumb{background:rgb(var(--acc-rgb) / .5);border-radius:1em}.panel-foot{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:.6em;padding-top:1em;display:flex}.panel-foot:empty{display:none}.panel-foot .btn.lg{flex:auto}.portrait .panel{width:100%;padding:1em 1.15em 1.2em}.portrait .modal:has(.panel.side){place-items:end center;padding:0 0 1vh}.portrait .panel.side{width:96vw;max-height:60vh}.portrait .panel-foot .btn{flex:1 1 0;min-width:0}.tabs{border-radius:var(--r-sm);background:rgb(var(--s0) / .7);box-shadow:inset 0 0 0 1px var(--hair);flex:none;gap:.3em;margin-bottom:.8em;padding:.25em;display:flex}.tabs .btn{min-width:0;max-width:none;box-shadow:none;background:0 0;flex:1 1 0}.tabs .btn.btn-orange{background:rgb(var(--s2));color:var(--ink);box-shadow:inset 0 0 0 1px rgb(var(--acc-rgb) / .55)}.chip{border-radius:var(--r-pill);background:rgb(var(--s0) / .78);height:2.3em;box-shadow:inset 0 0 0 1px var(--hair);align-items:center;gap:.35em;padding:0 .85em 0 .3em;display:inline-flex}.chip .ico{width:1.7em;height:1.7em}.chip span{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink);font-weight:600}.card{border-radius:var(--r-md);background:rgb(var(--s2));box-shadow:inset 0 0 0 1px var(--hair), var(--e1);cursor:pointer;position:relative;overflow:hidden}.card.sel{box-shadow:inset 0 0 0 1.5px var(--acc), var(--e1)}.card.lock{filter:grayscale(.9)brightness(.55)}.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{background:rgb(var(--s0));border-radius:.2em;width:1.1em;height:.5em}.pips i.on{background:var(--acc)}.bar{background:rgb(var(--s0));border-radius:1em;height:.7em;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:.75em;display:grid;position:absolute;inset:0}.toast{pointer-events:none}.toast-in{border-radius:var(--r-md);background:var(--surface);max-width:92vw;min-height:3em;box-shadow:var(--edge), var(--e2);align-items:center;gap:.6em;padding:.5em 1.2em .5em .6em;display:flex}.toast-in .ico{width:2.2em;height:2.2em}.toast-in b{font-weight:600}.drop{animation:.3s cubic-bezier(.2,1.2,.4,1) both drop}#fade{z-index:50;opacity:0;pointer-events:none;background:#0b0806 50%/cover no-repeat;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-body);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{width:min(64vw,30em);margin-bottom:auto}#fade .pbar{width:min(64vw,22em);height:.35em;box-shadow:none;background:#ffffff1f;border-radius:1em;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 1px 3px #000;font-size:1em;font-weight:600}#fade .tip{color:var(--ink);text-align:center;text-shadow:0 1px 4px #000;max-width:30em;min-height:2.6em;font-weight:500;transition:opacity .25s}.toosmall{z-index:100;color:var(--ink);text-align:center;background:#0b0806;place-items:center;padding:1em;font:600 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 drop{0%{opacity:0;transform:translateY(-.8em)}}@keyframes blink{50%{opacity:.2}}@keyframes rise{0%{opacity:0;transform:translateY(.8em)}}.rise>*{animation:.32s cubic-bezier(.2,1,.4,1) both rise}.rise>:nth-child(2){animation-delay:40ms}.rise>:nth-child(3){animation-delay:70ms}.rise>:nth-child(4){animation-delay:.1s}.rise>:nth-child(5){animation-delay:.13s}@media (prefers-reduced-motion:reduce){.rise>*,.panel,.drop,.modal{animation:none!important}}.scr{pointer-events:none;position:absolute;inset:0}.scr>*{pointer-events:auto}.scr>.vig,.scr>.plates,.scr>.status,.scr>.movelist{pointer-events:none}.title-logo{filter:drop-shadow(0 .2em .5em #0009);pointer-events:none;width:min(74vw,32em);position:absolute;top:9%;left:50%;transform:translate(-50%)}.title-btns{flex-direction:column;align-items:center;gap:.7em;display:flex;position:absolute;bottom:max(8vh,2.4em);left:0;right:0}.title-btns:before{content:"";z-index:-1;background:linear-gradient(0deg, rgb(var(--s0) / .9), transparent);pointer-events:none;height:34vh;position:absolute;bottom:-12vh;left:0;right:0}.title-btns .btn.lg{min-width:12em}.langs{grid-template-columns:repeat(auto-fill,minmax(8em,1fr));gap:.45em;display:grid}.copy{text-align:center;font-size:var(--t-cap);color:var(--ink-3);pointer-events:none;position:absolute;bottom:.4em;left:0;right:0}.hub{pointer-events:none;flex-direction:column;gap:.8em;padding:.7em 1.2em;display:flex}.hub-top{flex:none;align-items:center;gap:.45em;display:flex;position:relative}.hub-top .sp{flex:1}.hub-top .chips{gap:.4em;min-width:0;display:flex}.hub-top .btn.sm{background:rgb(var(--s0) / .78);min-width:0}.hub-top .btn.sm .ic{width:1.25em;height:1.25em}.hub-top .ibtn{background:rgb(var(--s0) / .78);width:2.5em;height:2.5em;padding:.55em}.hub-main{flex-direction:column;flex:auto;justify-content:flex-end;align-items:stretch;gap:.9em;min-height:0;display:flex}.hub-mark{filter:drop-shadow(0 .15em .5em #000000a6);pointer-events:none;align-self:center;width:min(34vw,21em);margin:auto 0 0}.hub-cards{grid-template-columns:2.1fr 1fr 1fr 1fr 1fr;gap:.7em;display:grid}.mcard{aspect-ratio:1.12;cursor:pointer;border-radius:var(--r-md);background:rgb(var(--s0));isolation:isolate;box-shadow:inset 0 0 0 1px #ffffff1a, var(--e2);text-align:left;border:0;padding:0;transition:transform .12s,box-shadow .15s;position:relative;overflow:hidden}.mcard.big{aspect-ratio:auto}.mcard>img{object-fit:cover;z-index:-2;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.mcard .mc-shade{z-index:-1;background:linear-gradient(180deg, transparent 38%, rgb(var(--s0) / .6) 64%, rgb(var(--s0) / .94));position:absolute;inset:0}.mcard:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a}.mcard .mc-txt{flex-direction:column;align-items:flex-start;gap:.12em;display:flex;position:absolute;bottom:.7em;left:.85em;right:.85em}.mcard .mc-txt b{width:100%;font-family:var(--f-title);font-weight:700;font-size:var(--t-h3);color:var(--ink);text-shadow:0 1px 6px #000000b3;white-space:nowrap;line-height:1.15;display:block;overflow:hidden}#ui.lang-ko .mcard .mc-txt b{font-weight:400}.mcard .mc-txt span{width:100%;font-size:var(--t-cap);color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:500;display:block;overflow:hidden}.mcard.big .mc-txt{bottom:1em;left:1.1em;right:8.4em}.mcard.big .mc-txt b{font-size:var(--t-h1)}.mcard.big .mc-txt span{font-size:var(--t-body)}.mcard:hover{box-shadow:inset 0 0 0 1px rgb(var(--acc-rgb) / .5), var(--e2)}.mcard:hover>img{transform:scale(1.04)}.mcard:active{transform:scale(.98)}.mcard .mc-go{border-radius:var(--r-sm);background:linear-gradient(180deg, var(--acc-hi), var(--acc) 58%);height:2.9em;color:var(--on-acc);font-family:var(--f-body);font-weight:700;font-size:var(--t-lbl);box-shadow:inset 0 1px 0 #ffffff73, var(--e2);cursor:pointer;align-items:center;gap:.35em;padding:0 1.25em 0 .9em;display:inline-flex;position:absolute;bottom:1em;right:1em}.mcard .mc-go .ico{width:1.25em;height:1.25em}.dock{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--edge), var(--e2);flex:none;align-self:center;gap:.2em;padding:.35em .5em;display:flex}.dock .dk-item{border-radius:var(--r-sm);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.15em;width:5.6em;padding:.25em 0 .3em;display:flex}.dock .dk-item:hover{background:rgb(var(--s2) / .8)}.dock .ibtn{width:2.3em;height:2.3em;box-shadow:none;background:0 0;padding:.1em}.dock em{font-style:normal;font-size:var(--t-cap);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:500;overflow:hidden}.dock .dk-item:hover em{color:var(--ink)}.landscape .hub-mark{width:min(28vw,19em)}.landscape .hub-cards .mcard.big{aspect-ratio:auto}.short .hub{gap:.45em;padding:.45em .9em}.short .hub-mark{display:none}.short .hub-cards{gap:.45em}.short .mcard .mc-txt b{font-size:var(--t-body)}.short .mcard.big .mc-txt b{font-size:var(--t-h3)}.short .mcard .mc-go{height:2.4em;font-size:var(--t-body);bottom:.7em;right:.7em}.short .mcard.big .mc-txt{bottom:.7em;right:6.6em}.short .dock .dk-item{width:4.6em}.portrait .hub{gap:.6em;padding:.6em .8em}.portrait .hub-top{gap:.3em}.portrait .hub-top .chips{gap:.25em}.portrait .hub-top .chip{height:2.15em;padding:0 .6em 0 .15em;font-size:.92em}.portrait .hub-top .chip .ico{width:1.55em;height:1.55em}.portrait .hub-top .btn.sm{border-radius:50%;width:2.5em;height:2.5em;padding:0}.portrait .hub-top .btn.sm .lbl{display:none}.portrait .hub-top .btn.sm .ic{width:1.3em;height:1.3em}.portrait .hub-main{gap:.6em}.portrait .hub-mark{width:min(66vw,19em)}.portrait .hub-cards{grid-template-columns:1fr 1fr;gap:.55em}.portrait .mcard{aspect-ratio:1.42}.portrait .mcard.big{aspect-ratio:1.85;grid-column:span 2}.portrait .mcard.big .mc-txt{right:7.4em}.portrait .mcard.big .mc-txt b{font-size:var(--t-h2)}.portrait .dock{justify-content:space-between;align-self:stretch;gap:0;padding:.3em .25em}.portrait .dock .dk-item{flex:1 1 0;width:auto;min-width:0}.portrait .dock .ibtn{width:2.15em;height:2.15em}.portrait .dock em{white-space:normal;text-align:center;overflow-wrap:anywhere;font-size:.8125em;line-height:1.1}#ui.lang-ko .dock em,#ui.lang-zh .dock em,#ui.lang-ja .dock em{font-size:var(--t-cap)}.vig{background:radial-gradient(ellipse 72% 66% at 50% 50%, transparent 58%, rgb(var(--s0) / .5) 88%, rgb(var(--s0) / .8) 100%);position:absolute;inset:0}.plates{position:absolute;inset:0}.plate{border-radius:var(--r-md);background:var(--surface);min-width:0;height:3.6em;box-shadow:var(--edge), var(--e2);align-items:center;gap:.6em;padding:0 .75em 0 .45em;transition:box-shadow .2s;display:flex;position:absolute}.plate .av{flex:none;width:2.6em;height:2.6em;position:relative}.plate .av img{object-fit:cover;border-radius:50%;width:100%;height:100%;box-shadow:0 0 0 1px #ffffff2e}.plate .nm{flex-direction:column;flex:0 auto;min-width:0;line-height:1.15;display:flex}.plate .nm b{font-family:var(--f-body);font-weight:600;font-size:var(--t-lbl);color:var(--ink)}.plate .nm span{font-size:var(--t-cap);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.plate .cap{font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--t-lbl);color:var(--ink);align-items:center;gap:.3em;display:flex}.plate .capt{display:none!important}.plate .clk{text-align:center;min-width:3.6em;font-family:var(--f-body);font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--t-lbl);color:var(--ink-2);background:rgb(var(--s0) / .9);border-radius:var(--r-xs);box-shadow:inset 0 0 0 1px var(--hair);white-space:nowrap;flex:none;margin-left:auto;padding:.22em .5em;line-height:1.2}.plate.turn{box-shadow:inset 0 0 0 1.5px var(--acc), var(--e2)}.plate.turn .clk{color:var(--on-acc);background:linear-gradient(180deg, var(--acc-hi), var(--acc));box-shadow:none}.pc,.capico{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:radial-gradient(circle at 40% 35%,#fbefd2,#e2c48e 70%,#b8935a);flex:none;width:2em;height:2em;display:inline-block;position:relative}.pc:after,.capico:after{content:"";border-radius:50%;position:absolute;inset:30%}.pc.cho:after,.capico.cho:after{background:#1d5e78}.pc.han:after,.capico.han:after{background:#b3261e}.plate .cap .capico{width:1em;height:1em}.plate .av .pc.mini{width:1.2em;height:1.2em;position:absolute;bottom:-.25em;right:-.3em}.landscape .plate{text-align:center;flex-direction:column;justify-content:center;gap:.45em;width:11em;max-width:21vw;height:auto;padding:1.1em .8em 1em;top:50%;transform:translateY(-50%)}.landscape .plate:not(.r){left:1.4em}.landscape .plate.r{right:1.4em}.landscape .plate .av{width:4.4em;height:4.4em}.landscape .plate .av .pc.mini{width:1.6em;height:1.6em}.landscape .plate .nm{align-items:center;max-width:100%}.landscape .plate .nm b{font-size:var(--t-h3)}.landscape .plate .clk{font-size:var(--t-h3);min-width:4.2em;margin:.2em 0 0}.short .plate{gap:.3em;width:8.6em;padding:.7em .6em}.short .plate .av{width:3em;height:3em}.short .plate .nm b,.short .plate .clk{font-size:var(--t-body)}.portrait .plate{left:.6em;right:.6em;top:var(--pl-t,1em)}.portrait .plate.pos-b{top:var(--pl-b,auto)}.portrait .plate .cap{margin-left:.2em}.status{border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--edge), var(--e1);color:var(--ink);font-size:var(--t-body);white-space:nowrap;align-items:center;gap:.2em;padding:.45em 1.1em;font-weight:500;display:none;position:absolute;top:1em;left:50%;transform:translate(-50%)}.status.on{display:flex}.status .dots i{background:var(--acc);border-radius:50%;width:.32em;height:.32em;margin-left:.2em;animation:1s infinite blink;display:inline-block}.status .dots i:nth-child(2){animation-delay:.2s}.status .dots i:nth-child(3){animation-delay:.4s}.portrait .status{top:calc(var(--pl-t,1em) + 4.1em);white-space:normal;text-align:center;z-index:2;max-width:92vw}.actions{left:50%;bottom:calc(env(safe-area-inset-bottom) + .7em);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--edge), var(--e2);justify-content:center;gap:.15em;padding:.35em .45em;display:flex;position:absolute;transform:translate(-50%)}.actions .act{border-radius:var(--r-sm);flex-direction:column;justify-content:center;align-items:center;gap:.1em;width:5.4em;padding:.3em 0 .35em;display:flex;position:relative}.actions .act:hover{background:rgb(var(--s2) / .8)}.actions .act .ibtn{width:2.45em;height:2.45em;box-shadow:none;background:0 0;padding:.12em}.actions .act em{font-style:normal;font-size:var(--t-cap);color:var(--ink-2);white-space:nowrap;font-weight:500}.actions .act kbd{display:none}.actions .act .badge{border-radius:var(--r-pill);background:var(--acc);min-width:1.5em;height:1.5em;color:var(--on-acc);font-variant-numeric:tabular-nums;place-items:center;padding:0 .3em;font-size:.75em;font-weight:700;display:grid;position:absolute;top:.15em;right:.9em}.actions .act.off{opacity:.38}.actions .act.menu-act{display:none}.portrait .actions .act.menu-act,.narrow .actions .act.menu-act{display:flex}.portrait .actions{left:.6em;right:.6em;bottom:calc(env(safe-area-inset-bottom) + .5em);justify-content:space-between;transform:none}.portrait .actions .act{flex:1 1 0;width:auto;min-width:0;padding:.4em 0 .45em}.portrait .actions .act .ibtn{width:2.55em;height:2.55em}.portrait .actions .act em{font-size:var(--t-cap)}.menu-btn{position:absolute;top:1em;right:1em}.portrait .menu-btn,.narrow .menu-btn{display:none}.opt{border-bottom:1px solid var(--hair);grid-template-columns:8.5em minmax(0,1fr);align-items:center;gap:.5em 1em;padding:.7em 0;display:grid}.opt:last-child{border-bottom:0}.opt>b{font-size:var(--t-body);color:var(--ink);font-weight:600}.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:.45em}.fm .choices{grid-template-columns:1fr 1fr;display:grid}.opt .choices:has(>.btn:nth-child(7)){grid-template-columns:1.6fr repeat(6,1fr);display:grid}.lvl{align-items:center;gap:.7em;display:flex}.lvl input{accent-color:var(--acc);flex:1;height:1.6em}.lvl b{text-align:right;font-variant-numeric:tabular-nums;min-width:5em;font-weight:600}.stage-grid{grid-template-columns:repeat(auto-fill,minmax(4.6em,1fr));gap:.45em;padding-bottom:.4em;display:grid}.stage{aspect-ratio:1;cursor:pointer;border-radius:var(--r-sm);background:rgb(var(--s2));box-shadow:inset 0 0 0 1px var(--hair);color:var(--ink);font-family:var(--f-body);font-weight:600;font-size:var(--t-h3);font-variant-numeric:tabular-nums;border:0;place-items:center;padding:0;transition:transform .1s;display:grid;position:relative}.stage:active{transform:scale(.95)}.stage.lock{background:rgb(var(--s0) / .8);color:var(--ink-3)}.stage.cur{box-shadow:inset 0 0 0 1.5px var(--acc), 0 0 .8em rgb(var(--acc-rgb) / .35)}.stage .st{gap:.05em;display:flex;position:absolute;bottom:9%}.stage .st .ico{width:.8em;height:.8em}.stage .st .off{filter:grayscale()brightness(.4)}.stage .sz{color:var(--ink-2);font-size:.5em;font-weight:500;position:absolute;top:9%}.stage-grid:has(.pz){grid-template-columns:repeat(auto-fill,minmax(7.2em,1fr));gap:.6em}.stage.pz{aspect-ratio:.84;overflow:hidden}.stage.pz .thumb{border-radius:var(--r-xs);width:86%;height:70%;position:absolute;inset:6% 7% 24%}.stage.pz .num{border-radius:var(--r-xs);background:rgb(var(--s0) / .85);min-width:1.6em;color:var(--ink);padding:0 .3em;font-size:.62em;position:absolute;top:4%;left:6%}.stage.pz .ok{position:absolute;top:4%;right:4%}.stage.pz .ok .ico{width:1.1em;height:1.1em}.stage.pz.done .thumb{filter:saturate(.6)brightness(.85)}.stage.pz .cap{justify-content:center;align-items:center;gap:.3em;font-size:.7em;display:flex;position:absolute;bottom:4%;left:0;right:0}.stage.pz .lv{gap:.12em;display:inline-flex}.stage.pz .lv .ico{display:none}.stage.pz .lv i{background:#fff3;border-radius:50%;width:.55em;height:.55em;display:inline-block}.stage.pz .lv i.on{background:var(--acc)}.rivalhead{align-items:center;gap:.9em;margin:.1em 0 .8em;display:flex}.rivalhead img{object-fit:cover;border-radius:50%;width:4em;height:4em;box-shadow:0 0 0 1px #fff3}.goals{flex-direction:column;gap:.4em;margin:.4em 0;display:flex}.goals .g{align-items:center;gap:.55em;display:flex}.goals .g .ico{width:1.2em;height:1.2em}.goals .g.no{color:var(--ink-2)}.goals .g.no .ico{filter:grayscale()brightness(.45)}.score-tab{font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1fr) 4em 4em;align-items:center;gap:.3em .8em;max-width:20em;margin:0 auto;display:grid}.score-tab .h{color:var(--ink-2);font-size:var(--t-cap);text-align:center}.score-tab .v{text-align:center}.score-tab .tot{border-top:1px solid var(--hair);padding-top:.3em;font-weight:700}.panel.res{width:min(92vw,30em);padding-top:1.4em}.panel.res .panel-head{justify-content:center;margin-bottom:.2em;padding:0}.panel.res .panel-head .rib h2{text-align:center;font-size:var(--t-h1);color:var(--ink)}.panel.res.win .panel-head .rib h2{color:var(--acc-hi)}.res-emb{aspect-ratio:1;pointer-events:none;width:min(8.5em,40vw);margin:-.1em auto .1em;position:relative}.res-emb img{object-fit:contain;width:100%;height:100%;-webkit-mask-image:radial-gradient(circle closest-side,#000 50%,#0000 96%);mask-image:radial-gradient(circle closest-side,#000 50%,#0000 96%)}.res-emb b{font-family:Noto Serif SC,serif;font-size:2.3em;font-weight:900;line-height:1;position:absolute;top:42.5%;left:50%;transform:translate(-50%,-50%)}.res-emb b.cho{color:#0b5876}.res-emb b.han{color:#b3261e}.res-emb.lose{opacity:.75}.result-big{text-align:center;font-family:var(--f-title);font-size:var(--t-h3);color:var(--ink);text-wrap:balance;margin:0 0 .9em}.res-stats{grid-template-columns:repeat(var(--rs-cols,4), minmax(0, 1fr));border-radius:var(--r-sm);background:var(--hair);gap:1px;margin:0 0 .9em;display:grid;overflow:hidden}.res-stats>div{background:rgb(var(--s0) / .9);flex-direction:column;justify-content:center;align-items:center;gap:.15em;min-width:0;padding:.6em .2em;display:flex}.res-stats em{font-style:normal;font-size:var(--t-cap);color:var(--ink-2);text-align:center;overflow-wrap:anywhere;line-height:1.1}.res-stats b{font-family:var(--f-body);font-weight:700;font-size:var(--t-h3);color:var(--ink);font-variant-numeric:tabular-nums}.reward{justify-content:center;gap:.8em;margin:0 0 .5em;display:flex}.panel.res .reward .chip{box-shadow:none;height:auto;font-size:var(--t-lbl);background:0 0;padding:0}.panel.res .reward .chip span{color:var(--acc-hi)}.panel.res .row .btn.sm{box-shadow:inset 0 0 0 1px var(--hair);color:var(--ink-2);background:0 0;font-weight:500}.panel.res .panel-foot{justify-content:stretch}.panel.res .panel-foot>*{flex:1 1 0;min-width:0}.panel.res .panel-foot>span:empty{display:none}.short .res-emb{width:5.5em}.short .panel.res .panel-head .rib h2{font-size:var(--t-h2)}.tut{border-radius:var(--r-md);background:var(--surface);max-width:90vw;box-shadow:var(--edge), var(--e2);text-align:center;pointer-events:auto;padding:.8em 1.2em;position:absolute;top:30%;left:50%;transform:translate(-50%)}.lowfx #ui *,.lowfx #ui :before,.lowfx #ui :after{filter:none!important;-webkit-backdrop-filter:none!important;transition:none!important;animation-duration:0s!important}.lowfx #ui .vig{display:none!important}.portrait .hub-top .chips .chip:nth-child(3){display:none}.portrait .dock em{white-space:nowrap}.mcard .mc-shade{background:linear-gradient(180deg, transparent 30%, rgb(var(--s0) / .7) 60%, rgb(var(--s0) / .96))}.mcard .mc-txt b{text-shadow:0 1px 2px #000000e6,0 0 10px #0009}.portrait .hub-top .btn.sm.more{display:none}.portrait .hub-top .btn.sm.signin{border-radius:var(--r-pill);width:auto;height:2.5em;padding:0 .85em 0 .6em}.portrait .hub-top .btn.sm.signin .lbl{display:block}.landscape:not(.short) .hub-cards .mcard:not(.big){aspect-ratio:.9}.landscape:not(.short) .hub-mark{width:min(24vw,16em)}.landscape .plate:not(.r){top:calc(50% - .6em);transform:translateY(-100%)}.landscape .actions{grid-template-columns:1fr 1fr;gap:.2em;width:11em;max-width:21vw;padding:.35em;display:grid;inset:calc(50% + .6em) auto auto 1.4em;transform:none}.landscape .actions .act{width:auto;min-width:0;padding:.45em 0 .5em}.landscape .actions .act em{white-space:normal;text-align:center;line-height:1.1}.short .plate:not(.r){top:calc(50% - .4em)}.short .actions{width:8.6em;top:calc(50% + .4em)}.short .actions .act .ibtn{width:2em;height:2em}.res-emb.tok,.res-emb.king{background:radial-gradient(circle, rgb(var(--acc-rgb) / .28), transparent 68%);border-radius:50%;place-items:center;width:6.4em;height:6.4em;margin:.1em auto .5em;display:grid}.res-emb.tok .pc.big{width:4.6em;height:4.6em;box-shadow:none;filter:drop-shadow(0 .3em .5em #0000008c)}.res-emb.tok .pc.big:after{display:none}.res-emb.tok b{font-size:2.6em;top:50%}.res-emb.king img{object-fit:contain;filter:drop-shadow(0 .3em .5em #0009);width:78%;height:78%;-webkit-mask-image:none;mask-image:none}.res-emb.lose{background:0 0}.res-emb.hero{aspect-ratio:1;background:radial-gradient(circle at 50% 55%, rgb(var(--acc-rgb) / .42), rgb(var(--acc-rgb) / .12) 45%, transparent 70%);place-items:center;width:min(10em,46vw);height:auto;margin:-.6em auto -.2em;display:grid;position:relative}.res-emb.hero:before{content:"";z-index:-1;background:repeating-conic-gradient(from 0deg at 50% 55%, rgb(var(--acc-rgb) / .16) 0deg 6deg, transparent 6deg 18deg);position:absolute;inset:-12%;-webkit-mask-image:radial-gradient(circle at 50% 55%,#000 20%,#0000 68%);mask-image:radial-gradient(circle at 50% 55%,#000 20%,#0000 68%)}.res-emb.hero img{object-fit:contain;filter:drop-shadow(0 .5em .7em #0000008c);width:100%;height:100%;-webkit-mask-image:none;mask-image:none}.res-emb.hero.lose{background:0 0}.res-emb.hero.lose:before{display:none}.res-emb.hero.lose img{filter:grayscale(.5)brightness(.75)}.panel.res.win{box-shadow:var(--edge), 0 0 0 1px rgb(var(--acc-rgb) / .35), 0 0 3em rgb(var(--acc-rgb) / .18), var(--e3)}.modal:has(.panel.res){background:radial-gradient(ellipse at 50% 40%, rgb(var(--s0) / .7), rgb(var(--s0) / .9))}.hub-top .btn.sm{border-radius:var(--r-pill)}.panel:before{content:"";pointer-events:none;background:url(/games/janggora/assets/ui/trim.webp) 50%/contain no-repeat;width:min(13em,60%);height:1.55em;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.panel{margin-top:.8em}.plate .turnlbl{border-radius:var(--r-pill);font-size:var(--t-cap);color:var(--acc-hi);background:rgb(var(--acc-rgb) / .16);box-shadow:inset 0 0 0 1px rgb(var(--acc-rgb) / .4);white-space:nowrap;flex:none;margin-left:auto;padding:.18em .6em;font-weight:600;display:none}.plate.turn .turnlbl{display:inline-block}.plate.turn .turnlbl+.clk{margin-left:.4em}.landscape .plate .turnlbl{margin:0}.panel.res .row .btn.sm{background:rgb(var(--s2) / .96);box-shadow:inset 0 0 0 1px rgb(var(--acc-rgb) / .3), var(--e1);color:var(--ink);font-weight:600}.panel.res .row .btn.sm .lbl{color:var(--ink)}.res-emb.hero{width:min(8.4em,40vw)}.landscape:not(.short) .hub-mark{width:min(18vw,12em);margin:0;position:absolute;top:.55em;left:50%;transform:translate(-50%)}.landscape:not(.short) .hub-main{justify-content:stretch}.landscape:not(.short) .hub-cards{flex:auto;grid-template-rows:1fr 1fr;grid-template-columns:1.55fr 1fr 1fr;min-height:0;margin-top:.3em}.landscape:not(.short) .hub-cards .mcard{height:100%;aspect-ratio:auto!important}.landscape:not(.short) .hub-cards .mcard.big{grid-row:span 2}.landscape:not(.short) .hub-cards .mcard.big .mc-txt{bottom:6.4em;right:1.2em}.landscape:not(.short) .hub-cards .mcard.big .mc-go{height:3.2em;font-size:var(--t-h3);padding:0 1.6em 0 1.1em;bottom:1.1em;left:1.1em;right:auto}.landscape:not(.short) .mcard .mc-txt b{font-size:var(--t-h2)}.landscape:not(.short) .mcard .mc-txt span{font-size:var(--t-body)}.landscape:not(.short) .mcard.big .mc-txt b{font-size:2.4em}.panel.res.win .res-emb.hero{background:0 0}.panel.res.win .res-emb.hero:before{opacity:.9;background:url(/games/janggora/assets/ui/burst.webp) 50%/contain no-repeat;inset:-16%;-webkit-mask-image:radial-gradient(circle closest-side,#000 55%,#0000 100%);mask-image:radial-gradient(circle closest-side,#000 55%,#0000 100%)}.panel.res.win .panel-head .rib h2{background:linear-gradient(180deg, #fff3cf, var(--acc) 85%);color:#0000;-webkit-background-clip:text;background-clip:text}@media (prefers-reduced-motion:no-preference){.panel.res.win .res-emb.hero:before{animation:.9s cubic-bezier(.2,1,.3,1) both burstIn}.panel.res.win .res-emb.hero img{animation:.6s cubic-bezier(.2,1.3,.4,1) .1s both heroIn}}@keyframes burstIn{0%{opacity:0;transform:scale(.5)rotate(-20deg)}}@keyframes heroIn{0%{opacity:0;transform:translateY(.6em)scale(.8)}}.lowfx .panel.res.win .panel-head .rib h2{color:var(--acc-hi);background:0 0}:root{--surface:linear-gradient(180deg, rgb(var(--s1) / .8), rgb(var(--s0) / .86)), url(/games/janggora/assets/ui/surf.webp) center / 14em repeat}.panel.res .res-emb.hero{margin-top:.3em}.panel.res .panel-body{padding-top:.6em}.modal{grid-template-columns:minmax(0,1fr)}.panel{justify-self:center;min-width:0;max-width:100%}.tabs .btn>.lbl{min-width:0}#ui.portrait:not(.lang-ko):not(.lang-ja):not(.lang-zh) .dock em,#ui.portrait:not(.lang-ko):not(.lang-ja):not(.lang-zh) .dock em .fitin{white-space:normal;line-height:1.05}.mcard:not(.big) .mc-txt b,.mcard:not(.big) .mc-txt b .fitin{white-space:normal;line-height:1.1}.mcard:not(.big) .mc-txt b{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.tabs .btn{white-space:normal}.tabs .btn>.lbl,.tabs .btn>.lbl .fitin{white-space:normal;text-align:center;line-height:1.05}#ui.portrait .dock em,#ui.portrait .dock em .fitin{overflow-wrap:normal;word-break:keep-all}.modal:has(.panel.res.hero3d){background:linear-gradient(270deg, rgb(var(--s0) / .82) 0%, rgb(var(--s0) / .5) 34%, transparent 62%);padding-right:max(3vw, env(safe-area-inset-right));justify-items:end}.panel.res.hero3d{width:min(40vw,26em);margin-left:auto;margin-right:0;animation:.5s cubic-bezier(.2,.8,.2,1) both resIn}.panel.res.hero3d:before{display:none}.panel.res.hero3d .panel-head .rib h2{letter-spacing:.02em}@keyframes resIn{0%{opacity:0;transform:translate(1.2em)}to{opacity:1;transform:none}}@media (orientation:portrait){.modal:has(.panel.res.hero3d){background:linear-gradient(0deg, rgb(var(--s0) / .9) 0%, rgb(var(--s0) / .55) 40%, transparent 52%);padding-right:1em;padding-bottom:max(env(safe-area-inset-bottom), 1.2em);place-items:end center}.panel.res.hero3d{width:min(92vw,30em);margin-left:auto;margin-right:auto}@keyframes resIn{0%{opacity:0;transform:translateY(1.2em)}to{opacity:1;transform:none}}}.rw-list{width:min(100%,17em);font-size:var(--t-cap);color:var(--ink-2);gap:.25em;margin:0 auto .9em;display:grid}.rw-list>div{justify-content:space-between;align-items:center;gap:1em;display:flex}.rw-list b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.rw-list .tot{border-top:1px solid var(--hair);font-size:var(--t-lbl);margin-top:.2em;padding-top:.4em}.rw-list .tot span{color:var(--ink);align-items:center;gap:.4em;font-weight:600;display:inline-flex}.rw-list .tot img{width:1.3em;height:1.3em}.rw-list .tot b{color:var(--acc-hi);font-weight:700}@media (orientation:portrait) and (height>=760px){.portrait .hub-cards .mcard:not(.big){aspect-ratio:1.02}.portrait .hub-cards .mcard.big{aspect-ratio:1.42}}.scr.hero>:not(.vig){opacity:0;pointer-events:none;transition:opacity .45s}.plate .clk.hide{display:none}.panel.res.hero3d .res-crest{object-fit:contain;pointer-events:none;filter:drop-shadow(0 .35em .5em #0009);width:4.2em;height:4.2em;position:absolute;top:0;left:50%;transform:translate(-50%,-52%)}.panel.res.hero3d .res-crest.tall{width:3.6em;height:4.6em}.panel.res.hero3d{overflow:visible}.panel.res.hero3d .result-big{margin-bottom:.6em}.panel.res.hero3d .res-stats{margin-bottom:.7em}.panel.res.hero3d .res-stats>div{padding:.45em .2em}.panel.res.hero3d .rw-list{margin-bottom:.6em}@media (orientation:portrait){.panel.res.hero3d{width:min(88vw,25em)}}.res-stats{--rs-cols:3}.plate .cap em.caplbl{font-style:normal;font-size:var(--t-cap);color:var(--ink-3);white-space:nowrap;margin-right:.35em;font-weight:500}.portrait .plate:has(.clk.hide) .cap{margin-left:auto}.panel.res.win.hero3d .panel-head .rib h2{background:linear-gradient(100deg, var(--acc-hi) 0%, var(--acc-hi) 40%, #fff6dc 50%, var(--acc-hi) 60%, var(--acc-hi) 100%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:1.6s ease-out .35s both resShine}@keyframes resShine{0%{background-position:100% 0}to{background-position:0 0}}.panel.res.hero3d .res-crest{animation:.6s cubic-bezier(.3,1.6,.5,1) .15s both crestIn}@keyframes crestIn{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}to{opacity:1;transform:translate(-50%,-52%)scale(1)}}.res-prog{text-align:center;font-size:var(--t-cap);color:var(--acc-hi);letter-spacing:.02em;margin:-.3em 0 .7em;font-weight:600}.portrait .plate:not(:has(.clk.hide)) .cap em.caplbl{display:none}.tabs .btn{height:auto;min-height:2.4em;padding-top:.3em;padding-bottom:.3em}.tabs .btn>.lbl{white-space:normal;text-align:center;overflow-wrap:anywhere;line-height:1.12}.scr>.hero-banner{padding-top:max(4vh, env(safe-area-inset-top));text-align:center;background:linear-gradient(#080503d1,#0805038c 20%,#08050300 36%);flex-direction:column;justify-content:flex-start;align-items:center;gap:.2em;display:flex}.hero-banner b{font:700 clamp(2.4rem, 9vmin, 4.6rem)/1 var(--f-title);color:#f6dc9a;letter-spacing:.04em;text-shadow:0 .06em #6a4310,0 0 .5em #ffbe5a8c,0 .15em .5em #000000b3}.hero-banner span{font:600 clamp(1rem, 3.4vmin, 1.5rem)/1.2 var(--f-title);color:#f3e6c8;text-shadow:0 .1em .4em #000c;letter-spacing:.1em}.hero-banner.lose b{color:#d9d2c4;text-shadow:0 .06em #3a3530,0 .15em .5em #000000b3}@media (prefers-reduced-motion:no-preference){.hero-banner b{animation:.7s cubic-bezier(.2,1.3,.4,1) .15s both heroBan}.hero-banner span{animation:.6s .45s both heroBan}}@keyframes heroBan{0%{opacity:0;filter:blur(6px);transform:scale(1.35)}to{opacity:1;filter:none;transform:none}}.hero-banner .seal{color:#fff3e0;background:radial-gradient(circle at 35% 30%,#d8402c,#9a1b10 70%);border-radius:.18em;place-items:center;width:1.5em;height:1.5em;margin-bottom:.15em;font:900 clamp(1.6rem,6vmin,2.8rem)/1 Noto Serif SC,serif;display:grid;transform:rotate(-6deg);box-shadow:inset 0 0 0 .08em #ffdcc88c,inset 0 0 .4em #3c000099,0 .15em .5em #0009}@media (prefers-reduced-motion:no-preference){.hero-banner .seal{animation:.45s cubic-bezier(.3,1.6,.5,1) 50ms both sealIn}}@keyframes sealIn{0%{opacity:0;transform:rotate(-6deg)scale(2.2)}to{opacity:1;transform:rotate(-6deg)scale(1)}}.movelist{font-family:var(--f-body);font-variant-numeric:tabular-nums;color:var(--ink-2);white-space:nowrap;align-items:baseline;max-width:92vw;font-weight:500;display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.movelist:empty{display:none}.movelist .mr{align-items:baseline;gap:.3em;display:flex}.movelist .mr b{color:var(--ink-3);font-weight:500;font-family:var(--f-num)}.movelist .mr i.mh{font-family:Noto Serif SC,serif;font-size:1.08em;font-style:normal;font-weight:900;line-height:1}.movelist .mr i.mh.cho{color:#4fb3cf}.movelist .mr i.mh.han{color:#ef6a55}.movelist .mr span{color:var(--ink);border-radius:var(--r-xs);padding:.05em .3em}.movelist .mr span.last{color:var(--on-acc);background:var(--acc);font-weight:600}.portrait .movelist{top:calc(var(--pl-t,3em) - 2.55em);font-size:var(--t-cap);justify-content:center;gap:0;padding:.32em .7em}.portrait .movelist .mr{padding:0 .5em}.portrait .movelist .mr+.mr{border-left:1px solid var(--hair)}.portrait .movelist .mr:nth-last-child(n+5){display:none}.landscape .movelist{width:11em;max-width:21vw;font-size:var(--t-body);flex-direction:column;justify-content:flex-end;align-items:stretch;padding:.55em .5em;display:flex;top:calc(50% + .6em);left:auto;right:1.4em;transform:none}.landscape .movelist .mr{border-radius:var(--r-xs);flex:none;grid-template-columns:2.3em 1.3em minmax(0,1fr);gap:.25em;padding:.12em .3em;display:grid}.landscape .movelist .mr:nth-child(odd){background:#ffffff09}.landscape .movelist .mr b{text-align:right}.short .movelist{width:8.6em;font-size:var(--t-cap);top:calc(50% + .4em)}:root{--kit-panel:url(/games/janggora/assets/ui/kit/panel.webp);--kit-btn:url(/games/janggora/assets/ui/kit/btn.webp);--kit-btn2:url(/games/janggora/assets/ui/kit/btn2.webp);--kit-round:url(/games/janggora/assets/ui/kit/round.webp);--f-num:"Playfair Display", var(--f-body);--kp-w:2.1em;--kp-o:.7em}#ui.lang-en,#ui.lang-vi{--f-title:"Playfair Display", "Noto Serif", serif}.panel,.plate,.actions,.dock,.toast-in,.tut,.status,.movelist{border-style:solid;border-width:0;border-image:var(--kit-panel) 60 fill / var(--kp-w) / var(--kp-o) stretch;box-shadow:none!important;background:0 0!important}.panel{--kp-w:2.6em;--kp-o:.86em;padding:1.5em 1.45em 1.6em}.portrait .panel{padding:1.35em 1.35em 1.4em}.plate,.status,.movelist,.toast-in{--kp-w:1.25em;--kp-o:.42em}.status,.toast-in{padding-left:1.2em;padding-right:1.3em}.landscape .movelist{--kp-w:1.5em;--kp-o:.5em;padding:.8em .75em}.landscape .plate{--kp-w:2em;--kp-o:.66em;padding:1.3em 1em 1.2em}.plate.turn{border-radius:.5em;box-shadow:0 0 0 .14em rgb(var(--acc-rgb) / .9), 0 0 1.6em .15em rgb(var(--acc-rgb) / .38)!important}.panel.res.win{border-radius:1em;box-shadow:0 0 3.2em .3em rgb(var(--acc-rgb) / .22)!important}.panel:before{top:.1em}.panel-head .rib h2{text-shadow:0 1px #0009}.btn{box-shadow:none;border-style:solid;border-width:0;border-image:var(--kit-btn2) 40 fill / .95em / .2em stretch;text-shadow:0 1px 1px #000000b3;background:0 0}.btn:hover{box-shadow:none;filter:brightness(1.14);background:0 0}.btn:focus-visible{box-shadow:0 0 0 2px var(--acc)}.btn.on{box-shadow:0 0 0 .12em rgb(var(--acc-rgb) / .85);border-radius:.3em}.btn-orange,.mcard .mc-go{box-shadow:none;border-style:solid;border-width:0;border-image:var(--kit-btn) 40 fill / .95em / .2em stretch;text-shadow:0 1px #fff0c873;background:0 0}.btn-orange:hover{box-shadow:none;filter:brightness(1.08);background:0 0}.btn-orange>.lbl,.mcard .mc-go{color:var(--on-acc);font-weight:700}.btn.lg{border-image-width:1.05em}.btn.sm{border-image-width:.8em}.tabs{background:#00000059;box-shadow:inset 0 1px 3px #0009,0 1px #ffffff0d}.tabs .btn{text-shadow:none;border-image-source:none}.tabs .btn.btn-orange{border-image:var(--kit-btn) 40 fill / .8em / .15em stretch;box-shadow:none;color:var(--on-acc);background:0 0}.tabs .btn.btn-orange>.lbl{color:var(--on-acc)}.ibtn{background:var(--kit-round) center / 118% no-repeat;box-shadow:none}.ibtn:hover{background:var(--kit-round) center / 118% no-repeat;filter:brightness(1.15)}.hub-top .ibtn,.menu-btn{padding:.62em;background:var(--kit-round) center / 118% no-repeat!important}.dock .ibtn,.actions .act .ibtn,.panel-close{background:0 0!important}.chip{box-shadow:none;border-style:solid;border-width:0;border-image:var(--kit-btn2) 40 fill / .85em / .18em stretch;background:0 0}.hub-top .btn.sm{border-image:var(--kit-btn2) 40 fill / .85em / .18em stretch;background:0 0}.mcard{border-radius:.55em}.mcard:after{box-shadow:none;border-style:solid;border-width:0;border-image:var(--kit-panel) 60 / 1.25em / .42em stretch;border-radius:0}.mcard .mc-txt{bottom:1.05em;left:1.35em;right:1.2em}.mcard.big .mc-txt{left:1.5em}.landscape:not(.short) .hub-cards .mcard.big .mc-go{bottom:1.4em;left:1.4em}.chip span,.plate .clk,.plate .cap,.res-stats b,.rw-list b,.stage,.actions .act .badge,.mcard .mc-txt span,.lvl b,.score-tab .v{font-family:var(--f-num);font-variant-numeric:lining-nums tabular-nums}.plate .clk{letter-spacing:.02em;font-weight:700}.res-stats b{font-size:var(--t-h2);font-weight:700}.res-stats{background:#00000040;box-shadow:inset 0 1px 3px #000000b3,0 1px #ffffff0f}.res-stats>div{background:#00000047}.plate .clk{background:#00000073;box-shadow:inset 0 1px 3px #000000b3,0 1px #ffffff0f}.plate.turn .clk{box-shadow:none;border-style:solid;border-width:0;border-image:var(--kit-btn) 40 fill / .6em / .1em stretch;background:0 0}.lowfx #ui .btn:hover,.lowfx #ui .ibtn:hover{filter:none}.portrait .plate{--kp-w:1.25em;--kp-o:.42em;height:4.1em;padding:0 .95em 0 .8em}.portrait .plate .capt{border-radius:var(--r-pill);background:#00000052;flex:auto;align-items:center;gap:.12em;min-width:0;min-height:2.2em;margin:0 .2em 0 .5em;padding:.2em .45em;overflow:hidden;box-shadow:inset 0 1px 3px #000000a6,0 1px #ffffff0d;display:flex!important}.portrait .plate .capt:empty:before{content:attr(data-empty);font-size:var(--t-cap);color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.portrait .plate .capt i{flex:none;place-items:center;font-style:normal;display:inline-grid;position:relative}.portrait .plate .capt sub{font:700 .72em/1 var(--f-num);color:var(--ink-2);align-self:end;margin-left:-.05em}.portrait .plate .capt i.pcimg{align-items:flex-end;display:inline-flex}.portrait .plate .capt i.pcimg img{object-fit:contain;filter:drop-shadow(0 1px 1px #000000b3);width:1.6em;height:1.6em}.portrait .plate .capt i:not(.pcimg){align-items:flex-end;display:inline-flex}.portrait .plate .capt i:not(.pcimg) b{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:radial-gradient(circle at 40% 35%,#fbefd2,#e2c48e 70%,#b8935a);place-items:center;width:1.65em;height:1.65em;font:900 .95em/1 Noto Serif SC,serif;display:grid}.portrait .plate .capt.han i b{color:#b3261e}.portrait .plate .capt.cho i b{color:#0b5876}.portrait .plate .nm{flex:none;min-width:3.4em;max-width:30%}.portrait .plate .cap em.caplbl{display:none!important}.portrait .plate .cap{flex:none}.portrait .plate .turnlbl{margin-left:.3em}.portrait .plate .clk{margin-left:.35em}.portrait .movelist{--kp-w:1.15em;--kp-o:.38em;padding:.45em 1.15em}.res-medal{pointer-events:none;filter:drop-shadow(0 .4em .6em #0009);background:url(/games/janggora/assets/ui/kit/medal.webp) 50%/contain no-repeat;place-items:center;width:6.6em;height:6.6em;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%,-48%)}.res-medal .res-crest{margin-top:-.95em;filter:drop-shadow(0 .2em .25em #000000b3)!important;width:3.5em!important;height:3.5em!important;animation:none!important;position:static!important;transform:none!important}.res-medal.lose{filter:grayscale(.75)brightness(.7)drop-shadow(0 .4em .6em #0009)}@media (prefers-reduced-motion:no-preference){.res-medal{animation:.7s cubic-bezier(.3,1.5,.5,1) .1s both medalIn}}@keyframes medalIn{0%{opacity:0;transform:translate(-50%,-30%)scale(.4)rotate(-25deg)}to{opacity:1;transform:translate(-50%,-48%)scale(1)rotate(0)}}.res-prog2{border-radius:var(--r-sm);background:#00000047;margin:0 0 .8em;padding:.55em .7em .6em;box-shadow:inset 0 1px 3px #000000a6,0 1px #ffffff0d}.res-prog2 .rp-top{font-size:var(--t-cap);justify-content:space-between;align-items:center;gap:.6em;margin-bottom:.4em;display:flex}.res-prog2 .rp-rank{white-space:nowrap;align-items:center;gap:.35em;min-width:0;display:inline-flex}.res-prog2 .rp-rank img{width:1.35em;height:1.35em}.res-prog2 .rp-rank b{color:var(--acc-hi);font-size:1.08em;font-weight:700}.res-prog2 .rp-rank em{color:var(--ink-2);font-style:normal}.res-prog2 .rp-goal{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;text-align:right;min-width:0;overflow:hidden}.res-prog2 .rp-bar{background:#0000008c;border-radius:1em;height:1.15em;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #000c}.res-prog2 .rp-bar i{transform-origin:0;background:linear-gradient(180deg, var(--acc-hi), var(--acc) 60%, #8a6a30);transition:transform 1.1s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.res-prog2 .rp-bar u{background:#fff0c88c;transition:opacity .9s .9s;position:absolute;top:0;bottom:0}.res-prog2 .rp-bar b{font:700 .78em/1 var(--f-num);color:#fff8e6;text-shadow:0 1px 2px #000000e6;place-items:center;display:grid;position:absolute;inset:0}.lowfx #ui .res-prog2 .rp-bar i{transition:none!important}.confetti{pointer-events:none;z-index:3;width:0;height:0;position:absolute;top:0;left:50%}.confetti i{width:var(--w);height:calc(var(--w) * .45);background:linear-gradient(90deg, var(--c), #fff6dc 50%, var(--c));opacity:0;animation:conf var(--d) var(--dl) cubic-bezier(.15, .7, .3, 1) both;will-change:transform, opacity;border-radius:.08em;position:absolute;top:0;left:0}@keyframes conf{0%{opacity:1;transform:translate(0)rotate(0)scale(.6)}70%{opacity:1}to{opacity:0;transform:translate(var(--x), calc(var(--y) + 6em)) rotate(var(--r)) scale(1)}}.lowfx #ui .confetti i{animation-duration:var(--d)!important}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.res-stats>div{padding:.6em .2em .55em}.res-stats em{letter-spacing:.02em}.portrait .hub-top .btn.sm:not(.signin){background:var(--kit-round) center / 118% no-repeat;border-image-source:none}.dock{padding:.8em 1.05em}.portrait .dock{padding:.75em .85em}.actions{padding:.8em .95em}.portrait .actions{padding:.7em .8em}.landscape .actions{padding:.8em .75em}.landscape .plate.r{top:4.3em!important;transform:none!important}.short .plate.r{top:3.7em!important}.res-prog2 .rp-top{flex-wrap:wrap;row-gap:.15em}.res-prog2 .rp-goal{text-align:left;flex:100%}.panel.res.win.hero3d .panel-head .rib h2,.panel.res.win .panel-head .rib h2{text-shadow:0 .05em #6a4310,0 0 .45em #ffbe5a73,0 .12em .35em #000000b3;color:#f7dc98!important;background:0 0!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;animation:none!important}.scr>.hero-banner{padding-top:max(2.4vh, env(safe-area-inset-top));gap:.35em}.hero-banner b{border-style:solid;border-width:0;border-image:var(--kit-panel) 60 fill / .62em / .2em stretch;padding:.16em .9em .22em;font-size:clamp(2.8rem,11.5vmin,5.6rem)}.hero-banner span{font-size:clamp(1.05rem,3.8vmin,1.7rem)}.hero-banner .seal{z-index:1;margin-bottom:-.55em;position:relative}.portrait .plate{grid-template-rows:1fr 1fr;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:.1em .5em;height:4.3em;padding:.45em .95em .45em .8em;display:grid}.portrait .plate .av{grid-area:1/1/3}.portrait .plate .nm{flex-direction:row;grid-area:1/2;align-self:end;align-items:baseline;gap:.4em;min-width:0;max-width:none}.portrait .plate .nm b{flex:none;max-width:70%}.portrait .plate .nm span{min-width:0}.portrait .plate .capt{grid-area:2/2;place-self:start;max-width:100%;min-height:1.75em!important;margin:0!important;padding:.1em .45em!important}.portrait .plate .cap{grid-area:1/3/3;margin:0!important}.portrait .plate .turnlbl{grid-area:1/4/3;margin:0!important}.portrait .plate .clk{grid-area:1/5/3;margin:0!important}.portrait .plate:not(.turn) .turnlbl{display:none}.opt .choices .btn.sm{letter-spacing:-.01em;padding:0 .4em}.panel{--kp-w:1.65em;--kp-o:.55em}.panel:before{display:none}.plate,.status,.movelist,.toast-in,.portrait .plate,.portrait .movelist{--kp-w:.95em;--kp-o:.32em}.landscape .plate{--kp-w:1.3em;--kp-o:.43em}.landscape .movelist{--kp-w:1.1em;--kp-o:.37em}.actions,.dock{--kp-w:1.2em;--kp-o:.4em}.mcard:after{border-image-width:.8em;border-image-outset:.27em}.plate .clk{font-family:var(--f-body);letter-spacing:0;font-weight:700}.plate.turn .clk{color:#24150a;text-shadow:0 1px #fff0c880}.res-prog2{box-shadow:none;border-top:1px solid var(--hair);background:0 0;border-radius:0;padding:.2em .1em .3em}.res-prog2 .rp-bar b{color:#2a1806;text-shadow:0 1px #fff0c88c;font-family:var(--f-body);font-size:.74em}.res-medal{width:5.6em;height:5.6em}.panel.res.hero3d{padding-top:2.9em}.portrait .movelist .mr:nth-last-child(n+4){display:none}.hero-banner b{text-shadow:0 .05em #6a4310,0 0 .35em #ffbe5a99,0 0 1.2em #ffa03c59,0 .15em .5em #000c;border-image-source:none;padding:0 .3em;font-size:clamp(3rem,12.5vmin,6rem)}.hero-banner .seal{margin-bottom:.05em}.actions .act .badge{min-width:1.4em;height:1.4em;font-size:.62em;font-family:var(--f-body);top:.25em;right:1.2em}.movelist .mr b{font-family:var(--f-body)!important}.chip span{font-family:var(--f-body);font-weight:700}.portrait .plate .capt i.pcimg img{width:1.55em!important;height:1.55em!important}.portrait .plate .capt i:not(.pcimg) b{width:1.6em!important;height:1.6em!important;font-size:.9em!important}@media (orientation:portrait){.scr>.hero-banner{padding-top:0;padding-bottom:max(13vh, calc(env(safe-area-inset-bottom) + 6vh));background:linear-gradient(#08050300 58%,#08050373 76%,#080503d1);justify-content:flex-end}}.portrait .hub-mark{margin-top:1em}.scr>.hero-banner{background:linear-gradient(#080503e6,#0805039e 24%,#08050300 44%)}@media (orientation:portrait){.scr>.hero-banner{padding-bottom:max(22vh, calc(env(safe-area-inset-bottom) + 14vh));background:linear-gradient(#08050300 50%,#08050380 70%,#080503d9)}}.res-prog2 .rp-goal{color:var(--ink-2)}.res-prog2 .rp-rank img{display:none}.portrait .plate{column-gap:.6em;height:5em;padding:.55em 1em .55em .85em}.portrait .plate .av{width:3.3em;height:3.3em}.portrait .plate .nm b{font-size:1.12em}.portrait .plate .nm span{font-size:.9em}.portrait .plate .clk{min-width:3.8em;font-size:1.15em}.portrait .movelist{font-size:var(--t-body);padding:.6em 1.2em}.portrait .status{top:calc(var(--pl-t,1em) + 5.5em)}.portrait .movelist{top:calc(var(--pl-t,3em) - 3.1em)}.portrait .plate .capt:empty{visibility:hidden}.portrait .plate .capt:empty:before{content:none}.portrait .plate .capt{background:#fff4dc21;box-shadow:inset 0 1px 2px #00000080}.hero-banner:not(.lose):before{content:"";aspect-ratio:219/256;filter:drop-shadow(0 .3em .5em #0009);background:url(/games/janggora/assets/ui/kit/medal.webp) 50%/contain no-repeat;width:clamp(5rem,18vmin,8.5rem);margin-bottom:-.2em;display:block}@media (prefers-reduced-motion:no-preference){.hero-banner:not(.lose):before{animation:.7s cubic-bezier(.3,1.5,.5,1) 50ms both heroMedal}}@keyframes heroMedal{0%{opacity:0;transform:scale(.4)rotate(-20deg)}to{opacity:1;transform:none}}.hero-banner .seal,.portrait .movelist .mr:nth-last-child(n+3){display:none}.portrait .movelist{font-size:.95em}.portrait .plate .nm .fitin{transform:none!important}.portrait .plate .nm span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.portrait .plate .capt{grid-column:2/4}.portrait .plate .nm span.fit{flex:none;font-size:.9em!important}.res-prog2 .rp-rank>:first-child:not(b){display:none!important}.portrait .hub-mark{width:min(58vw,16em);margin-top:auto!important}.portrait .hub-main{padding-top:.4em}.hero-banner:not(.lose):before{content:"勝";box-sizing:border-box;color:#f6d68c;text-shadow:0 .05em #5a3008,0 0 .3em #ffc86e80;--mw:clamp(5rem, 18vmin, 8.5rem);width:var(--mw);height:calc(var(--mw) * 1.169);aspect-ratio:auto;place-items:center;padding-bottom:16%;font:900 clamp(1.9rem,7vmin,3.3rem)/1 Noto Serif SC,serif;display:grid}.portrait .plate{grid-template-columns:auto minmax(0,1fr) auto auto}.portrait .plate .nm{grid-area:1/2}.portrait .plate .capt{grid-row:2;grid-column:2!important}.portrait .plate .turnlbl{grid-area:1/3;justify-self:end;padding:.12em .5em;font-size:.78em}.portrait .plate .cap{grid-area:2/3;justify-self:end}.portrait .plate .clk{grid-area:1/4/3}.portrait .plate .nm b.fit{flex:0 auto;min-width:0}.portrait .plate .nm span.fit{font-size:.86em!important}@media (orientation:landscape){.hero-banner:not(.lose):before{display:none}.hero-banner b{font-size:clamp(2.4rem,9.5vmin,4.6rem)}.scr>.hero-banner{padding-top:max(1.6vh, env(safe-area-inset-top))}}@media (orientation:portrait){.modal:has(.panel.res.hero3d){background:linear-gradient(0deg, rgb(var(--s0) / .92) 0%, rgb(var(--s0) / .7) 55%, rgb(var(--s0) / .4) 100%)!important}}.portrait .plate .nm b.fit,.portrait .plate .nm b.fit:not([style*=font-size]){font-size:1.08em}.hero-banner:not(.lose):before{padding-bottom:calc(var(--mw) * .17)}