:root{--sky-1: #cdebff;--sky-2: #e4f4ff;--sky-3: #f4faff;--card: rgba(255, 255, 255, .92);--card-border: #b7d4f2;--card-edge: rgba(122, 167, 214, .45);--gold-1: #ffe066;--gold-2: #ffa41b;--gold-border: #e8a20e;--gold-edge: #d18a00;--gold-ink: #7a3b00;--ink: #2e4a72;--ink-2: #5b7290;--board: #ffffff;--grid: #e6eef8;--ok: #2fa86a;--bad: #e5342b;--cell: 44px;--shaft: 6px;--head: 14px;--head-half: 8px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:linear-gradient(180deg,var(--sky-1) 0%,var(--sky-2) 40%,var(--sky-3) 100%) fixed;color:var(--ink);font-family:Noto Sans Thai,IBM Plex Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif;line-height:1.6;overscroll-behavior:none;user-select:none}#app{min-height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.screen{flex:1;display:flex;flex-direction:column;min-height:0}.hud{display:flex;align-items:center;gap:12px;padding:12px 16px 6px;min-height:52px}.hud .title{flex:1;text-align:center;font-size:18px;font-weight:800;letter-spacing:1px}.iconbtn{border:2px solid var(--card-border);background:var(--card);color:var(--ink-2);font-size:19px;line-height:1;padding:6px 12px;cursor:pointer;border-radius:12px;box-shadow:0 3px 0 var(--card-border)}.iconbtn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--card-border)}.miss{color:var(--bad);font-weight:800;font-size:15px;min-width:46px;text-align:right;font-variant-numeric:tabular-nums}.timebar{height:10px;margin:0 16px 10px;border-radius:6px;background:var(--card);border:2px solid var(--card-border);overflow:hidden}.timebar>i{display:block;height:100%;width:0%;background:linear-gradient(180deg,var(--gold-1),var(--gold-2));transition:width .25s linear}.boardwrap{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:8px}.board{position:relative;background:var(--board);border:2px solid var(--card-border);border-radius:14px;box-shadow:0 4px 0 var(--card-edge);background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-position:0 0;touch-action:manipulation}.arrow{position:absolute;border:0;padding:0;background:transparent;cursor:pointer;transition:transform .2s cubic-bezier(.2,.8,.3,1),opacity .18s linear}.arrow .shaft,.arrow .head{position:absolute;display:block}.arrow .shaft{background:var(--c);border-radius:999px}.arrow .head{width:0;height:0}.d-right{--bx: 1;--by: 0}.d-right .shaft{left:5px;right:var(--head);top:50%;height:var(--shaft);transform:translateY(-50%)}.d-right .head{right:0;top:50%;transform:translateY(-50%);border-left:var(--head) solid var(--c);border-top:var(--head-half) solid transparent;border-bottom:var(--head-half) solid transparent}.d-left{--bx: -1;--by: 0}.d-left .shaft{left:var(--head);right:5px;top:50%;height:var(--shaft);transform:translateY(-50%)}.d-left .head{left:0;top:50%;transform:translateY(-50%);border-right:var(--head) solid var(--c);border-top:var(--head-half) solid transparent;border-bottom:var(--head-half) solid transparent}.d-down{--bx: 0;--by: 1}.d-down .shaft{top:5px;bottom:var(--head);left:50%;width:var(--shaft);transform:translate(-50%)}.d-down .head{bottom:0;left:50%;transform:translate(-50%);border-top:var(--head) solid var(--c);border-left:var(--head-half) solid transparent;border-right:var(--head-half) solid transparent}.d-up{--bx: 0;--by: -1}.d-up .shaft{top:var(--head);bottom:5px;left:50%;width:var(--shaft);transform:translate(-50%)}.d-up .head{top:0;left:50%;transform:translate(-50%);border-bottom:var(--head) solid var(--c);border-left:var(--head-half) solid transparent;border-right:var(--head-half) solid transparent}.arrow.exiting{transform:translate(calc(var(--bx) * var(--fly)),calc(var(--by) * var(--fly)));opacity:0;pointer-events:none}@keyframes bump{0%{transform:translate(0)}45%{transform:translate(calc(var(--bx) * 4px),calc(var(--by) * 4px))}to{transform:translate(0)}}.arrow.bump{animation:bump .14s ease-out}@media(prefers-reduced-motion:reduce){.arrow,.arrow.bump{transition:opacity .1s linear;animation:none}}.bar{display:flex;flex-wrap:wrap;gap:10px;padding:10px 16px calc(14px + env(safe-area-inset-bottom));justify-content:center}.btn{border:2px solid var(--card-border);background:var(--card);color:var(--ink-2);border-radius:14px;padding:10px 22px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 3px 0 var(--card-border)}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--card-border)}.btn.primary{background:linear-gradient(180deg,var(--gold-1),var(--gold-2));border-color:var(--gold-border);color:var(--gold-ink);box-shadow:0 3px 0 var(--gold-edge)}.btn.primary:active{box-shadow:0 1px 0 var(--gold-edge)}.bar>.btn.primary:first-child:nth-last-child(3){flex:0 0 100%}.btn[disabled]{opacity:.45;cursor:default}.levels{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;padding:8px 16px 20px;overflow-y:auto}.lvl{aspect-ratio:1;border:2px solid var(--card-border);border-radius:14px;background:var(--card);color:var(--ink);font:inherit;font-size:17px;font-weight:800;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 3px 0 var(--card-border)}.lvl:active{transform:translateY(2px);box-shadow:0 1px 0 var(--card-border)}.lvl .stars{font-size:10px;color:#e8b020;letter-spacing:1px;min-height:12px}.lvl[disabled]{background:repeating-linear-gradient(45deg,#eef5fc 0 6px,#e2eefa 6px 12px);border-color:#d5e5f5;color:#9db7d4;box-shadow:none;cursor:default}.lvl[disabled]:active{transform:none}.lvl.next{background:linear-gradient(180deg,var(--gold-1),var(--gold-2));border-color:var(--gold-border);color:var(--gold-ink);box-shadow:0 3px 0 var(--gold-edge)}.lvl.next .stars{color:var(--gold-ink)}.result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px}.result .big{font-size:44px;letter-spacing:6px;color:var(--gold-2);text-shadow:0 3px 0 rgba(209,138,0,.35)}.result .rows{width:min(320px,100%);margin-top:14px;background:var(--card);border:2px solid var(--card-border);border-radius:14px;padding:4px 16px;box-shadow:0 4px 0 var(--card-edge)}.result .row{display:flex;justify-content:space-between;padding:9px 2px;border-bottom:2px solid #e4f0fb;font-size:14px;font-weight:700}.result .row:last-child{border-bottom:0}.result .row span:first-child{color:var(--ink-2);font-weight:400}.board-list{overflow-y:auto;padding:0 16px 16px}.board-row{display:flex;align-items:center;gap:12px;padding:9px 4px;border-bottom:1px solid var(--grid);font-size:14px}.board-row .rk{width:26px;color:var(--ink-2);font-variant-numeric:tabular-nums}.board-row .nm{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.board-row .sc{font-variant-numeric:tabular-nums}.board-row.me{background:#eaf6ef;border-radius:10px;border-bottom-color:transparent}.note{text-align:center;color:var(--ink-2);font-size:13px;padding:8px 16px}.bd-page{--display: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Noto Sans Thai", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, "Roboto Mono", monospace;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);position:fixed;inset:0;z-index:9990;display:flex;flex-direction:column;background:linear-gradient(180deg,#eaf2f2,#f6f2e6 46%,#ffe3c2);color:#2b3a55;font-family:var(--display)}.bd-page.hidden{display:none!important}.bd-page.bd-in{animation:bd-in .22s cubic-bezier(.2,.8,.3,1) both}@keyframes bd-in{0%{opacity:0;transform:translateY(18px)}}.bd-page:focus{outline:none}.bd-page .bd-tab:focus,.bd-page .bd-close:focus,.bd-page .bd-more:focus,.bd-page .bd-card:focus,.bd-page .bd-mini button:focus,.bd-page .bd-blank-btn:focus,.bd-page .bd-member:focus,.bd-page .bd-act:focus{outline:none}.bd-page .bd-tab:focus-visible,.bd-page .bd-close:focus-visible,.bd-page .bd-more:focus-visible,.bd-page .bd-card:focus-visible,.bd-page .bd-mini button:focus-visible,.bd-page .bd-blank-btn:focus-visible,.bd-page .bd-member:focus-visible,.bd-page .bd-act:focus-visible{outline:2px solid #27436b;outline-offset:2px}.bd-page .bd-banner{position:relative;flex:none;height:calc(112px + var(--safe-t));padding-top:var(--safe-t);overflow:hidden;background:linear-gradient(180deg,#ffd9a4,#ffc98a 55%,#ffbe7a)}.bd-page .bd-sun{position:absolute;top:calc(var(--safe-t) + 8px);left:50%;width:62px;height:62px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 50% 45%,#fff6d8,#ffd166 62%,#ffb347);box-shadow:0 0 0 9px #ffd66647,0 0 0 20px #ffd66624}.bd-page .bd-city{position:absolute;right:0;bottom:23px;left:0;display:flex;align-items:flex-end;gap:3px;padding:0 8px;opacity:.92}.bd-page .bd-city i{display:block;border-radius:3px 3px 0 0}.bd-page .bd-city i.c0{background:#d98a4a}.bd-page .bd-city i.c1{background:#c97b3f}.bd-page .bd-city i.c2{background:#e09855}.bd-page .bd-city i.c3{background:#b96f38}.bd-page .bd-close{position:absolute;top:calc(var(--safe-t) + 12px);right:12px;display:grid;place-items:center;width:38px;height:38px;border:2.5px solid #c98d18;border-radius:50%;background:linear-gradient(180deg,#fffdf6,#ffeec9);box-shadow:0 3px #a9741a;color:#7a3b00;font-family:inherit;cursor:pointer}.bd-page .bd-close:before{content:"";position:absolute;inset:-3px;border-radius:50%}.bd-page .bd-close:active{transform:translateY(2px);box-shadow:0 1px #a9741a}.bd-page .bd-close-g{font-size:17px;font-weight:700;line-height:1}.bd-page .bd-name{position:relative;z-index:1;flex:none;display:flex;align-items:center;justify-content:center;gap:7px;height:42px;margin:-21px 14px 0;padding:0 14px;border:2.5px solid #c98d18;border-radius:13px;background:linear-gradient(180deg,#ffe9a8,#e5b143);box-shadow:0 4px #a9741a;color:#6a3c05;text-shadow:0 1px 0 rgba(255,255,255,.45)}.bd-page .bd-name-i{flex:none;font-size:16px;line-height:1}.bd-page .bd-name-t{overflow:hidden;min-width:0;font-size:15px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.bd-page .bd-name-s{flex:none;font-size:13px;font-weight:600;opacity:.72}.bd-page .bd-name-s:empty{display:none}.bd-page .bd-mini{display:flex;flex:none;width:calc(100% - 28px);margin:8px 14px 0;overflow:hidden;border:2px solid #e0cfae;border-radius:14px;background:#fffdf8;box-shadow:0 3px #e5d8bd}.bd-page .bd-mini button{flex:1 1 0;min-height:42px;border:0;background:transparent;color:#9a8259;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.bd-page .bd-mini button.is-on{background:linear-gradient(180deg,#ffe066,#ffa41b);color:#6a3c05;text-shadow:0 1px 0 rgba(255,255,255,.4)}.bd-page .bd-tabs{flex:none;display:flex;gap:6px;margin:10px 12px 0}.bd-page .bd-tab{flex:1 1 0;min-height:44px;padding:0 2px;border:2px solid #e0cfae;border-radius:14px;background:#fffdf8;color:#9a8259;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.bd-page .bd-tab.is-on{border-color:#c98d18;background:linear-gradient(180deg,#ffe066,#ffa41b);box-shadow:0 3px #a9741a;color:#6a3c05}.bd-page .bd-period{flex:none;display:flex;gap:6px;margin:6px 12px 0}.bd-page .bd-pd{position:relative;flex:1 1 0;height:38px;padding:0 2px;border:2px solid #ede2cd;border-radius:12px;background:#fffdf8;color:#a8946f;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.bd-page .bd-pd:before{content:"";position:absolute;inset:-3px 0}.bd-page .bd-pd.is-on{border-color:#c98d18;background:#ffe7a8;color:#6a3c05}.bd-page .bd-pd[hidden]{display:none}.bd-page .bd-meta{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px 2px;color:#9a8259;font-size:13px;font-weight:600}.bd-page .bd-meta.hidden{display:none!important}.bd-page .bd-body{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:4px 14px 0;-webkit-overflow-scrolling:touch;touch-action:pan-y}.bd-page .bd-body.is-map{overflow:hidden;padding:0 8px}.bd-page .bd-map{flex:1 1 auto;display:flex;min-height:0}.bd-page .bd-map svg{flex:1;width:100%;max-height:100%}.bd-page .bd-map path{cursor:pointer}.bd-page .bd-map path.is-sel{stroke:#27436b}.bd-page .bd-podium{flex:none;display:flex;align-items:flex-end;justify-content:center;gap:9px;margin:0;padding:12px 0 0;border-bottom:3px solid #d9c8a4;list-style:none}.bd-page .bd-ped{display:flex;flex:0 1 96px;flex-direction:column;align-items:center;min-width:0}.bd-page .bd-ped.p1{order:2}.bd-page .bd-ped.p2{order:1}.bd-page .bd-ped.p3{order:3}.bd-page .bd-crown{font-size:17px;line-height:1;margin-bottom:1px}.bd-page .bd-ped-r{display:grid;place-items:center;width:46px;height:46px;border:3px solid #fffdf8;border-radius:50%;background:#f3ead8;box-shadow:0 0 0 3px currentColor,0 3px #2b3a5521}.bd-page .bd-ped.p1{color:#c98d18}.bd-page .bd-ped.p2{color:#93a8c6}.bd-page .bd-ped.p3{color:#d0662b}.bd-page .bd-ped-r .bd-face{width:34px;height:40px;box-shadow:none;background:transparent}.bd-page .bd-ped-r img.bd-face{width:40px;height:40px}.bd-page .bd-ped-n{max-width:100%;margin-top:6px;overflow:hidden;color:#2b3a55;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.bd-page .bd-ped-s{display:flex;align-items:center;gap:4px;color:#6a5638;font-family:var(--mono);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.bd-page .bd-ped-b{display:grid;place-items:start center;width:100%;margin-top:6px;padding-top:6px;border-radius:10px 10px 0 0;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.bd-page .bd-ped.p1 .bd-ped-b{height:62px;border:2.5px solid #c98d18;border-bottom:0;background:linear-gradient(180deg,#ffd966,#e5b143);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.bd-page .bd-ped.p2 .bd-ped-b{height:46px;border:2.5px solid #93a8c6;border-bottom:0;background:linear-gradient(180deg,#e3ecf8,#c9d6ea);color:#445a7c}.bd-page .bd-ped.p3 .bd-ped-b{height:36px;border:2.5px solid #d0662b;border-bottom:0;background:linear-gradient(180deg,#ffb98a,#ff9c5b);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.bd-page .bd-ped.is-my .bd-ped-n{color:#0a7a46}.bd-page .bd-ped.is-my .bd-ped-r{border-color:#12a85e}.bd-page .bd-list{flex:none;margin:0;padding:8px 0 0;list-style:none}.bd-page .bd-row{display:flex;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px 8px 8px;border:2px solid #eadfc9;border-radius:14px;background:#fffdf8;box-shadow:0 3px #e5d8bd}.bd-page .bd-rb{flex:none;display:grid;place-items:center;width:27px;height:27px;border:2px solid #d9c8a4;border-radius:50%;background:linear-gradient(180deg,#fff6e2,#f0e2c4);color:#8a6425;font-family:var(--mono);font-size:13px;font-weight:700}.bd-page .bd-rb.r1{border-color:#c98d18;background:radial-gradient(circle at 35% 28%,#fff3b0,#ffd23f 60%,#f0a400);color:#7a3b00}.bd-page .bd-rb.r2{border-color:#93a8c6;background:radial-gradient(circle at 35% 28%,#fff,#e4ecfa 60%,#c9d6ea);color:#3c4c66}.bd-page .bd-rb.r3{border-color:#d0662b;background:radial-gradient(circle at 35% 28%,#ffd9b8,#ff9c5b 60%,#e07636);color:#6b2e00}.bd-page .bd-mid{flex:1 1 auto;display:flex;flex-direction:column;gap:4px;min-width:0}.bd-page .bd-nm{display:flex;align-items:baseline;gap:8px;min-width:0}.bd-page .bd-nm b{overflow:hidden;color:#2b3a55;font-size:13.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.bd-page .bd-nm span{color:#a8946f;font-size:13px;white-space:nowrap}.bd-page .bd-bar{overflow:hidden;height:7px;border-radius:5px;background:#f0e6d3}.bd-page .bd-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#ffd23f,#ff7a3d)}.bd-page .bd-row.t1{border-color:#c98d18;background:linear-gradient(135deg,#ffe99a,#ffc93c);box-shadow:0 3px #a9741a}.bd-page .bd-row.t2{border-color:#93a8c6;background:linear-gradient(135deg,#edf3fc,#c9d6ea);box-shadow:0 3px #8496b2}.bd-page .bd-row.t3{border-color:#d0662b;background:linear-gradient(135deg,#ffdcbb,#ff9c5b);box-shadow:0 3px #b85721}.bd-page .bd-row.t1 .bd-nm b,.bd-page .bd-row.t3 .bd-nm b{color:#5c3a08}.bd-page .bd-row.t1 .bd-nm span,.bd-page .bd-row.t3 .bd-nm span{color:#8a6425}.bd-page .bd-row.t2 .bd-nm b{color:#33445f}.bd-page .bd-row.t2 .bd-nm span{color:#6c7f9d}.bd-page .bd-row.t1 .bd-bar,.bd-page .bd-row.t3 .bd-bar{background:#ffffff80}.bd-page .bd-row.t1 .bd-bar i{background:linear-gradient(90deg,#fffdf4,#ffab1f)}.bd-page .bd-row.t2 .bd-bar{background:#fff9}.bd-page .bd-row.t2 .bd-bar i{background:linear-gradient(90deg,#fff,#93a9cc)}.bd-page .bd-row.t3 .bd-bar i{background:linear-gradient(90deg,#fff3e6,#f07018)}.bd-page .bd-chip{flex:none;display:flex;align-items:center;gap:5px;height:25px;padding:0 10px;border-radius:999px;background:#2b3a55;color:#ffe9a8;font-family:var(--mono);font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums}.bd-page .bd-cc{flex:none;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b0,#ffc93c 60%,#e4700c)}.bd-page .bd-ped-s .bd-cc{border:1.5px solid #c98d18}.bd-page .bd-row.is-my{border-color:#12a85e;box-shadow:0 3px #0a7a46,0 0 0 3px #12a85e29}.bd-page .bd-foot{flex:none;padding:2px 0 max(10px,var(--safe-b))}.bd-page .bd-mebar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 14px 0;padding:0 14px;height:44px;border:2.5px solid #0a9052;border-radius:15px;background:linear-gradient(180deg,#3ce08a,#12a85e);box-shadow:0 4px #0a7a46,inset 0 2px #fff6;color:#fff;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.2)}.bd-page .bd-legend{display:flex;align-items:center;justify-content:center;gap:8px;padding:2px 14px 6px;color:#8a7a5c;font-size:13px}.bd-page .bd-legend .bd-grad{flex:1;max-width:150px;height:9px;border:1.5px solid rgba(138,122,92,.35);border-radius:5px;background:linear-gradient(90deg,#cdd8f4,#b28af5,#ff7a3d,#ffc93c)}.bd-page .bd-legend .bd-hatch{width:14px;height:11px;border:1.5px solid rgba(138,122,92,.35);border-radius:3px;background:repeating-linear-gradient(45deg,#f4ecde 0 3px,#e2d4bb 3px 6px)}.bd-page .bd-plaque{display:flex;align-items:center;gap:10px;margin:0 14px;padding:10px 14px;border:2px solid #eadfc9;border-radius:14px;background:#fffdf8;box-shadow:0 3px #e5d8bd;color:#2b3a55;font-size:13px;font-weight:700}.bd-page .bd-plaque-t{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.bd-page .bd-plaque .bd-p{flex:none;margin-left:auto;color:#b35a00;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.bd-page .bd-gap{margin:8px 14px 0;padding:8px 12px;border:2px dashed #e5cf9a;border-radius:13px;background:#fff9e8d9;color:#b35a00;font-size:13px;font-weight:700}.bd-page .bd-mine-note{margin:8px 16px 0;color:#8a7a5c;font-size:13px}.bd-page .bd-note{margin:6px 16px 0;color:#a08d68;font-size:13px;line-height:1.5}.bd-page .bd-member{display:block;width:calc(100% - 28px);min-height:44px;margin:8px 14px 0;border:2px solid #e0cfae;border-radius:14px;background:#fffdf8;box-shadow:0 3px #e5d8bd;color:#6a5638;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.bd-page .bd-member:active,.bd-page .bd-mini button:active{transform:translateY(2px)}.bd-page .bd-act{display:block;width:calc(100% - 28px);min-height:44px;margin:8px 14px 0;padding:0 16px;border:2.5px solid #c98d18;border-radius:14px;background:linear-gradient(180deg,#ffe066,#ffa41b);box-shadow:0 3px #a9741a;color:#6a3c05;font-family:inherit;font-size:13px;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.4);cursor:pointer}.bd-page .bd-act:active{transform:translateY(2px);box-shadow:0 1px #a9741a}.bd-page .bd-skel{flex:none;display:flex;flex-direction:column;gap:7px;padding:10px 0}.bd-page .bd-skel-row{height:50px;border:2px solid #eadfc9;border-radius:14px;background:#fffdf8b3;box-shadow:0 3px #e5d8bd99;animation:bd-pulse 1.5s ease-in-out infinite}@keyframes bd-pulse{50%{opacity:.45}}.bd-page .bd-blank{margin:auto 0;padding:28px 10px;text-align:center}.bd-page .bd-blank-t{margin:0;color:#2b3a55;font-size:15px;font-weight:700;line-height:1.4}.bd-page .bd-blank-s{margin:6px 0 0;color:#8a7a5c;font-size:13px}.bd-page .bd-blank-btn{min-height:44px;margin-top:14px;padding:0 20px;border:2.5px solid #c98d18;border-radius:14px;background:linear-gradient(180deg,#ffe066,#ffa41b);box-shadow:0 3px #a9741a;color:#6a3c05;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.bd-page .bd-blank-btn:active{transform:translateY(2px);box-shadow:0 1px #a9741a}.bd-page .bd-face{width:30px;height:30px;border-radius:50%;flex:none;object-fit:cover;background:#2b3a550f;box-shadow:0 0 0 2px #fffdf8}.bd-page svg.bd-face{padding:1px 0 0;border-radius:50%;background:#ffffffb8;overflow:visible}.bd-page .bd-row.t1 svg.bd-face,.bd-page .bd-row.t2 svg.bd-face,.bd-page .bd-row.t3 svg.bd-face{background:#ffffff80}.bd-page .bd-more{flex:none;display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 28px);min-height:46px;margin:8px 14px 0;padding:0 16px;border:2.5px solid #c98d18;border-radius:15px;background:linear-gradient(180deg,#ffe066,#ffa41b);box-shadow:0 4px #a9741a;color:#6a3c05;font-family:inherit;font-size:14px;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.4);cursor:pointer}.bd-page .bd-more:active{transform:translateY(2px);box-shadow:0 2px #a9741a}.bd-page .bd-more>i{width:7px;height:7px;border-top:2.5px solid currentColor;border-right:2.5px solid currentColor;transform:rotate(45deg)}.bd-page .bd-cards{display:flex;flex-direction:column;gap:8px;padding:8px 0 12px}.bd-page .bd-card{display:block;width:100%;padding:10px 12px 11px;border:2px solid #eadfc9;border-radius:15px;background:#fffdf8;box-shadow:0 3px #e5d8bd;font-family:inherit;text-align:left;cursor:pointer}.bd-page .bd-card.is-now{border-color:#c98d18;box-shadow:0 3px #a9741a}.bd-page .bd-card:active{transform:translateY(2px);box-shadow:0 1px #e5d8bd}.bd-page .bd-card-h{display:flex;align-items:center;gap:8px}.bd-page .bd-card-i{flex:none;display:grid;place-items:center;width:27px;height:27px;border:2px solid #e0cfae;border-radius:9px;background:#fff6e2;font-size:14px}.bd-page .bd-card-h b{flex:1;min-width:0;color:#2b3a55;font-size:13.5px;font-weight:700}.bd-page .bd-card-now,.bd-page .bd-card-me{flex:none;padding:1px 8px;border-radius:999px;font-size:13px;font-weight:700}.bd-page .bd-card-now{border:1.5px solid #c98d18;background:#ffe7a8;color:#6a3c05}.bd-page .bd-card-me{border:1.5px solid #0a9052;background:#d6f5e6;color:#0a7a46;font-variant-numeric:tabular-nums}.bd-page .bd-card-three{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;color:#8a7a5c;font-size:13px;font-variant-numeric:tabular-nums}.bd-page .bd-card-one:before{content:"";flex:none;width:9px;height:9px;border-radius:50%;border:1.5px solid;align-self:center}.bd-page .bd-card-one.r1:before{border-color:#c98d18;background:#ffc93c}.bd-page .bd-card-one.r2:before{border-color:#93a8c6;background:#c9d6ea}.bd-page .bd-card-one.r3:before{border-color:#d0662b;background:#ff9c5b}.bd-page .bd-card-one{display:inline-flex;align-items:baseline;gap:5px;min-width:0}.bd-page .bd-card-one b{max-width:11ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2b3a55;font-weight:700}.bd-page .bd-card-one.r1 b{color:#8a6425}.bd-page .bd-card-one.r2 b{color:#445a7c}.bd-page .bd-card-one.r3 b{color:#a2542a}.bd-page .bd-card-empty{margin:8px 0 0;color:#a08d68;font-size:13px;line-height:1.6}.bd-page .bd-card-sk{height:19px;margin-top:8px;border-radius:6px;background:linear-gradient(90deg,#f6efe0 25%,#ece0c9,#f6efe0 75%);background-size:200% 100%;animation:bd-sk 1.1s linear infinite}@keyframes bd-sk{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.bd-page.bd-in,.bd-page .bd-skel-row,.bd-page .bd-card-sk{animation:none}}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--ink);color:#fff;padding:9px 16px;border-radius:999px;font-size:13px;z-index:9;max-width:88vw;text-align:center}.gate{flex:1;overflow-y:auto;width:calc(100% - 24px);max-width:480px;margin:4px auto 10px;padding:8px 18px 14px;background:var(--card);border:2px solid var(--card-border);border-radius:16px;box-shadow:0 4px 0 var(--card-edge)}.gate .intro{color:var(--ink-2);font-size:14px;margin:4px 0 10px}.crow{display:flex;gap:12px;align-items:flex-start;padding:12px 2px;border-bottom:2px solid #e4f0fb}.crow input[type=checkbox]{width:22px;height:22px;margin-top:1px;flex:none;accent-color:var(--gold-2)}.crow .cl{flex:1;font-size:15px;font-weight:700}.crow .cd{font-size:13px;color:var(--ink-2);margin-top:2px}.crow .req{font-size:13px;color:var(--bad)}.yearrow input{width:130px;border:2px solid var(--card-border);border-radius:12px;padding:8px 10px;font:inherit;font-size:15px;font-weight:700;background:#fff;color:var(--ink)}.linkrow{display:flex;gap:18px;padding:14px 2px 4px;font-size:14px}.linkrow a{color:#1c7bd6;font-weight:700}.btn.danger{border-color:#f2b3ad;color:var(--bad);box-shadow:0 3px #f2b3ad}.btn.danger.armed{background:linear-gradient(180deg,#ff8a7b,var(--bad));border-color:#c22619;color:#fff;box-shadow:0 3px #c22619}.crow.langrow{align-items:center}.langsw{display:inline-flex;flex:none;border:2px solid var(--card-border);border-radius:12px;overflow:hidden;background:#fff}.langsw button{border:0;background:transparent;color:var(--ink-2);font-family:inherit;font-size:14px;font-weight:700;line-height:1.6;min-height:40px;padding:6px 14px;cursor:pointer}.langsw button+button{border-left:2px solid var(--card-border)}.langsw button[aria-pressed=true]{background:linear-gradient(180deg,var(--gold-1),var(--gold-2));color:var(--gold-ink)}html,body{background:#cfeaff}#app{max-width:560px;margin:auto;min-height:100dvh;background:#dcf3ff url(/art/sky-v1/sky.webp) center/cover}.screen{min-height:100dvh;padding:10px 6px}.hud{padding-top:max(12px,env(safe-area-inset-top))}.iconbtn{min-width:44px;min-height:44px;border-radius:15px}.sky-wordmark{flex:1;text-align:center;font:900 clamp(32px,10vw,48px)/1.3 ui-rounded,system-ui,sans-serif;letter-spacing:-2px;color:#fff;-webkit-text-stroke:1px #447fb9;text-shadow:0 3px #4678a4,0 6px #9acdec}.sky-caption{margin:8px 0 18px;text-align:center;font-size:19px;color:#355b80}.sky-select{flex:none;height:100dvh;min-height:0;overflow:hidden}.sky-select .levels{min-height:0;height:0;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:min-content;padding:8px 22px 20px;gap:14px}.sky-select .lvl{aspect-ratio:1.12;border-radius:21px;font-size:29px;border-color:#91b6d7;background:linear-gradient(#fff,#e7f5ff);box-shadow:inset 0 2px #fff,0 5px #91b6d7,0 8px 10px #6a9bc52b}.sky-select .lvl .stars{font-size:14px;min-height:18px}.sky-select .lvl.next{background:linear-gradient(#ffe690,#ffc65b);border-color:#d69934;box-shadow:inset 0 2px #fff2b6,0 5px #cb953c,0 8px 10px #a2863d25}.sky-select .lvl:disabled{background:#dcebf5;color:#8096a9;border-color:#becfdd;box-shadow:inset 0 2px #edf6fc,0 4px #bccfdd}.sky-select .lvl:disabled .stars:after{content:"";display:block;width:10px;height:9px;margin:auto;border:2px solid #879dad;border-radius:3px;box-shadow:0 -4px 0 -1px #dcebf5,0 -5px 0 1px #879dad}.sky-select .bar{background:linear-gradient(#def2fc00,#e7f7ff 25%);padding-top:14px;gap:8px}.sky-select .bar .btn:not(.primary){border:0;box-shadow:none;background:transparent;padding:4px 14px;min-height:44px;font-size:13px}.btn.primary{border-radius:22px;min-height:54px;box-shadow:inset 0 2px #fff4b2,0 4px #cb953c}.sky-play .boardwrap{margin:12px 8px}.sky-play .board{border-radius:17px;border-color:#a1c5df;box-shadow:0 0 0 8px #eaf8ff,0 0 0 11px #80afd1,0 9px 0 11px #5489b2,0 18px 22px #44769b30}.sky-play .bar .btn{min-width:170px;min-height:52px;background:#f7fcff}.sky-result .result{flex:none;margin:auto 20px 24px;padding:26px 18px;border-radius:28px;border:2px solid #a1c5df;background:#fafdff;box-shadow:0 6px #8eb3ce,0 14px 28px #4f82a62b}.sky-result .result .rows{box-shadow:none;background:#edf6fc}.sky-result>.bar{margin-bottom:auto;flex-direction:column}.sky-result>.bar>.primary{order:-1}.screen button:focus-visible{outline:3px solid #164e7b;outline-offset:4px}@media(max-height:680px){.sky-caption{margin:0 0 6px}.sky-select .levels{gap:10px}.sky-select .lvl{aspect-ratio:1.35}}@media(prefers-reduced-motion:reduce){.sky-select .lvl,.screen .btn{transition:none}}.sky-select .levels{display:block;padding:0 18px}.sky-select .ltp-level-map{position:relative;width:100%}.sky-select .ltp-level-route{position:absolute;inset:0;width:100%;height:100%;color:#87acc7;pointer-events:none}.sky-select .ltp-level-map>.lvl{position:absolute;margin:0 0 0 -44px;width:88px;height:88px;min-height:88px;aspect-ratio:auto;border-radius:50%;font-size:28px}.sky-select .ltp-level-map>.lvl.next{box-shadow:inset 0 2px #fff2b6,0 5px #cb953c,0 0 0 7px #fff5d699}.sky-select .bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 16px max(12px,env(safe-area-inset-bottom))}.sky-select .bar .primary{grid-column:1 / -1;width:100%}.sky-select .bar .btn:not(.primary){padding:8px 2px;font-size:13px}:is(.sky-settings,.sky-consent){background:#fffdf5;color:#243d38;padding:12px 20px max(20px,env(safe-area-inset-bottom))}:is(.sky-settings,.sky-consent) .hud{border-bottom:1px solid #dce2d6;padding-bottom:18px}:is(.sky-settings,.sky-consent) .gate{width:100%;max-width:680px;margin:0 auto;border:0;box-shadow:none;background:transparent;padding:20px 0}:is(.sky-settings,.sky-consent) .crow{border-bottom:1px solid #dde4d7;padding:18px 0;background:transparent}:is(.sky-settings,.sky-consent) .cl{font-size:16px;line-height:1.65}:is(.sky-settings,.sky-consent) .cd{color:#576d60;font-size:14px;line-height:1.65}:is(.sky-settings,.sky-consent) input[type=checkbox]{accent-color:#225c4b;width:24px;height:24px}:is(.sky-settings,.sky-consent) .btn{border:1px solid #97af9f;border-radius:14px;background:#fffdf5;color:#225c4b;min-height:48px}:is(.sky-settings,.sky-consent) .btn.primary{color:#fff;background:#225c4b;box-shadow:0 3px #183d31}.sky-settings .btn.danger{color:#9f3030;border-color:#b97171;background:transparent}.sky-settings .btn.danger.armed{background:#9f3030;color:#fff}.sky-result .result{margin:24px 18px 18px;padding:22px 18px}.sky-result .result .big{color:#bf8924;font-size:48px;line-height:1.3}.sky-result .result .rows{border-radius:16px;padding:8px 14px}.sky-result>.bar{padding-inline:18px;padding-bottom:max(18px,env(safe-area-inset-bottom))}.sky-result .btn{width:100%;min-height:52px;font-size:17px;font-weight:600}.sky-result .btn:not(.primary){background:#f6fbff;border:1px solid #87afd0;border-radius:18px}.sky-settings .iconbtn{border:1px solid #d7ddce;color:#225c4b;box-shadow:0 3px #e1ddca;background:#fffdf5}:is(.sky-settings,.sky-consent) .langsw button[aria-pressed=true]{background:#225c4b;color:#fffdf5;border-color:#225c4b}:is(.sky-settings,.sky-consent) a{color:#225c4b;text-underline-offset:3px}.sky-consent .intro{color:#576d60;line-height:1.75}.sky-consent .yearrow input{min-height:48px;background:#fff;border-color:#97af9f;color:#243d38}.sky-consent .bar{position:sticky;bottom:0;background:#fffdf5;padding:12px 0 max(12px,env(safe-area-inset-bottom))}.sky-consent .bar .btn{width:100%}.sky-consent input:focus-visible{outline:3px solid #d9aa4c;outline-offset:3px}.sky-error{justify-content:center;text-align:center;gap:20px;padding-top:max(24px,env(safe-area-inset-top))}.sky-error .note{color:#576d60;line-height:1.75}