.cm-page{--ink:#10082e;--gold:#ffd84a;height:100dvh;min-height:0;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));color:#fff;background:repeating-linear-gradient(-28deg,#ffffff0f 0 26px,#0000 26px 60px),radial-gradient(120% 60% at 50% 0,#ffe08a 0%,#ffb37a 30%,#6fcaff 62%,#2a8cff 100%);flex-direction:column;gap:8px;display:flex;position:relative;overflow:hidden}.cm-stroke,.cm-title,.cm-ribbon-name,.cm-card-goal,.cm-go,.cm-flag-cloth{font-family:var(--font-display);color:#fff;-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill}.cm-top{flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.cm-title{text-shadow:0 .08em 0 var(--ink);margin:0;font-size:28px;line-height:1}.cm-chip{font-family:var(--font-display);color:#fff;white-space:nowrap;box-shadow:0 0 0 2.5px var(--ink), 0 3px 0 2.5px var(--ink);background:linear-gradient(#2a1d6e,#1a1150);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:15px;display:inline-flex}.cm-back:active{transform:translateY(2px)}.cm-strip{scrollbar-width:none;scroll-snap-type:x proximity;flex:none;align-items:flex-end;gap:10px;margin:0 -10px;padding:24px 6px 8px;display:flex;overflow-x:auto}.cm-strip::-webkit-scrollbar{display:none}.cm-w{scroll-snap-align:center;flex-direction:column;flex:none;align-items:center;gap:4px;width:64px;display:flex;position:relative}.cm-w:first-child{margin-inline-start:10px}.cm-w:last-child{margin-inline-end:10px}.cm-th{width:64px;height:60px;box-shadow:0 0 0 2.5px var(--ink), 0 4px 0 2.5px var(--ink);border-radius:15px;transition:transform .15s;display:block;position:relative;overflow:hidden}.cm-th img{object-fit:cover;width:100%;height:100%}.cm-w.is-lock .cm-th img{filter:grayscale()brightness(.55)}.cm-th-lock{place-items:center;font-size:22px;display:grid;position:absolute;inset:0}.cm-wn{top:-7px;width:23px;height:23px;font-family:var(--font-display);color:var(--ink);box-shadow:0 0 0 2px var(--ink);z-index:2;background:#fff;border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;inset-inline-start:-6px}.cm-wname{white-space:normal;text-align:center;text-wrap:balance;color:#fff;max-width:100%;text-shadow:0 1px 0 var(--ink), 0 0 3px var(--ink);margin-top:6px;font-size:11px;font-weight:900;line-height:1.05}.cm-w.is-on{width:88px}.cm-w.is-on .cm-th{width:88px;height:76px;box-shadow:0 0 0 3.5px var(--ink), 0 0 0 7.5px var(--gold), 0 0 0 10px var(--ink), 0 7px 0 10px var(--ink);border-radius:19px}.cm-w.is-on .cm-wname{color:var(--gold);margin-top:18px;font-size:12px}.cm-w:not(.is-on):active .cm-th{transform:translateY(2px)}.cm-w:not(.is-on) .cm-here{top:-20px}.cm-here{white-space:nowrap;color:#fff;box-shadow:0 0 0 2px var(--ink);z-index:3;background:#ff2d3d;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:900;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.cm-here:after{content:"";border:5px solid #0000;border-top-color:#ff2d3d;border-bottom:0;margin-left:-5px;position:absolute;bottom:-6px;left:50%}.cm-body{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.cm-mapwrap{flex-direction:column;flex:1;min-height:0;padding-top:18px;display:flex;position:relative}.cm-ribbon{z-index:6;white-space:nowrap;max-width:calc(100% - 20px);box-shadow:0 0 0 3px var(--ink), 0 4px 0 3px var(--ink);background:linear-gradient(#ffb02e,#f07a12);border-radius:14px;align-items:center;gap:8px;padding:5px 14px 7px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.cm-ribbon-n{color:var(--ink);box-shadow:0 0 0 2px var(--ink);background:#fff;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:900}.cm-ribbon-name{text-overflow:ellipsis;min-width:0;font-size:20px;line-height:1.15;overflow:hidden}.cm-ribbon-stars{color:#fff;box-shadow:0 0 0 2px var(--ink);background:linear-gradient(#2a1d6e,#1a1150);border-radius:999px;align-items:center;gap:3px;padding:1px 8px;font-size:13px;font-weight:900;display:inline-flex}.cm-map{touch-action:pan-y;min-height:0;box-shadow:0 0 0 3.5px var(--ink), 0 7px 0 3.5px var(--ink);background:#2a8cff;border-radius:26px;flex:1;position:relative;overflow:hidden}.cm-map-img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cm-map.is-lock .cm-map-img{filter:grayscale(.6)blur(2px)brightness(.8)}.cm-map.is-lock .cm-road,.cm-map.is-lock .cm-flag{opacity:.55}.cm-road{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cm-road path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.cm-road-edge{stroke:var(--ink);stroke-width:20px}.cm-road-top{stroke:#f3dca0;stroke-width:13px}.cm-road-dash{stroke:#fff6d6;stroke-width:4px;stroke-dasharray:12 12}.cm-flag{z-index:2;background:0 0;border:0;width:0;height:0;padding:0;position:absolute}.cm-flag:before{content:"";width:76px;height:80px;position:absolute;bottom:-8px;left:-14px}.cm-flag-base{background:#10082e73;border-radius:50%;width:30px;height:12px;position:absolute;top:-6px;left:-14px}.cm-flag-pole{width:6px;height:58px;box-shadow:0 0 0 2px var(--ink);background:#5a4630;border-radius:3px;position:absolute;bottom:0;left:-3px}.cm-flag-cloth{width:46px;height:32px;box-shadow:0 0 0 2.5px var(--ink), 0 3px 0 2.5px var(--ink), inset 0 3px 0 #ffffff73;transform-origin:0;border-radius:4px 11px 11px 4px;place-items:center;font-size:20px;line-height:1;animation:2.6s ease-in-out infinite cm-wave;display:grid;position:absolute;bottom:26px;left:1px}@keyframes cm-wave{0%,to{transform:skewY(0)}50%{transform:skewY(-4deg)}}.cm-flag.is-done .cm-flag-cloth{background:linear-gradient(#9dff7a,#36c24c 55%,#138a3a);animation:none}.cm-flag.is-lock .cm-flag-cloth{background:linear-gradient(#e6e8f5,#a6abc9);font-size:15px;animation:none}.cm-flag.is-open .cm-flag-cloth,.cm-flag.is-cur .cm-flag-cloth{background:linear-gradient(#fff3a6, var(--gold) 55%, #f2b51c)}.cm-flag.is-cur .cm-flag-pole,.cm-flag.is-boss .cm-flag-pole{height:68px}.cm-flag.is-cur .cm-flag-cloth,.cm-flag.is-boss .cm-flag-cloth{width:56px;height:38px;font-size:24px;bottom:30px}.cm-flag.is-boss:not(.is-done):not(.is-lock) .cm-flag-cloth{background:linear-gradient(#ff8a8a,#e2283a 55%,#8f1022)}.cm-flag-kind{width:24px;height:24px;box-shadow:0 0 0 2px var(--ink);background:#fff;border-radius:50%;place-items:center;font-size:13px;display:grid;position:absolute;bottom:46px;left:38px}.cm-flag.is-cur .cm-flag-kind,.cm-flag.is-boss .cm-flag-kind{bottom:56px;left:48px}.cm-flag-stars{letter-spacing:-1px;white-space:nowrap;color:var(--gold);text-shadow:-1px 0 var(--ink), 1px 0 var(--ink), 0 -1px var(--ink), 0 1px var(--ink), 0 2px 0 var(--ink);font-size:13px;position:absolute;bottom:62px;left:4px}.cm-flag.is-sel .cm-flag-cloth{box-shadow:0 0 0 2.5px var(--ink), 0 3px 0 2.5px var(--ink), 0 0 0 6px #fff, 0 0 0 8.5px var(--ink), inset 0 3px 0 #ffffff73}.cm-me{z-index:3;pointer-events:none;filter:drop-shadow(0 3px #10082e59);width:64px;height:64px;position:absolute;transform:translate(-112%,-88%)}.cm-arrow{filter:drop-shadow(0 2px 0 var(--ink));border-top:17px solid #ff2d3d;border-left:12px solid #0000;border-right:12px solid #0000;animation:1.1s ease-in-out infinite cm-bob;position:absolute;top:-44px;left:62px}@keyframes cm-bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.cm-cloud{z-index:4;background:radial-gradient(60% 45%,#ffffffe0,#ffffff73 60%,#0000 78%);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.cm-cloud-ic{font-size:44px}.cm-cloud-tx{text-align:center;color:#fff;max-width:80%;box-shadow:0 0 0 2.5px var(--ink);background:linear-gradient(#2a1d6e,#1a1150);border-radius:999px;padding:6px 14px;font-size:15px;font-weight:900}.cm-side{z-index:6;background:0 0;border:0;padding:0;position:absolute;top:50%;transform:translateY(-50%)}.cm-side.is-left{left:8px}.cm-side.is-right{right:8px}.cm-side-btn{background:linear-gradient(#fff3a6, var(--gold) 55%, #f2b51c);width:52px;height:52px;box-shadow:0 0 0 3px var(--ink), 0 5px 0 3px var(--ink), 0 0 0 9px #ffd84a59;border-radius:50%;place-items:center;display:grid}.cm-side.is-prev .cm-side-btn{box-shadow:0 0 0 3px var(--ink), 0 5px 0 3px var(--ink);background:linear-gradient(#fff,#dfe3f3)}.cm-side:active .cm-side-btn{box-shadow:0 0 0 3px var(--ink), 0 2px 0 3px var(--ink);transform:translateY(3px)}.cm-chev{fill:none;width:28px;height:28px;stroke:var(--ink);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.cm-chev.is-right{transform:scaleX(-1)}.cm-side-lock{filter:drop-shadow(0 1px 0 var(--ink));font-size:16px;position:absolute;top:-8px;right:-6px}.cm-side.is-next.is-left .cm-side-btn{animation:2.6s ease-in-out infinite cm-nudge-left}.cm-side.is-next.is-right .cm-side-btn{animation:2.6s ease-in-out infinite cm-nudge-right}@keyframes cm-nudge-left{0%,70%,to{translate:0}80%{translate:-7px}90%{translate:0}95%{translate:-3px}}@keyframes cm-nudge-right{0%,70%,to{translate:0}80%{translate:7px}90%{translate:0}95%{translate:3px}}.cm-hint{z-index:5;pointer-events:none;position:absolute;inset:0}.cm-hint-hand{filter:drop-shadow(0 3px #10082e73);font-size:44px;animation:2.2s ease-in-out infinite cm-swipe-next-right;position:absolute;top:54%;left:46%}:root[dir=rtl] .cm-hint-hand{animation-name:cm-swipe-next-left-in}@keyframes cm-swipe-next-right{0%{opacity:0;transform:translate(40px)rotate(-12deg)}15%{opacity:1}70%{opacity:1;transform:translate(-50px)rotate(-12deg)}to{opacity:0;transform:translate(-50px)rotate(-12deg)}}@keyframes cm-swipe-next-left-in{0%{opacity:0;transform:translate(-50px)rotate(-12deg)}15%{opacity:1}70%{opacity:1;transform:translate(40px)rotate(-12deg)}to{opacity:0;transform:translate(40px)rotate(-12deg)}}.cm-hint-trail{display:none}.cm-hint-tag{text-align:center;max-width:86%;color:var(--ink);box-shadow:0 0 0 2.5px var(--ink), 0 3px 0 2.5px var(--ink);background:#fff;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:900;line-height:1.25;position:absolute;top:70%;left:50%;transform:translate(-50%)}.cm-card{box-shadow:0 0 0 3px var(--ink), 0 6px 0 3px var(--ink);background:repeating-linear-gradient(-28deg,#ffffff14 0 22px,#0000 22px 52px),radial-gradient(130% 100% at 85% 0,#e3c2ff 0%,#a46bff 40%,#5a25c9 100%);border-radius:24px;flex-direction:column;flex:none;gap:8px;padding:10px 12px 12px;display:flex}.cm-card-top{align-items:center;gap:10px;display:flex}.cm-card-ic{background:linear-gradient(#fff3a6, var(--gold) 55%, #f2b51c);width:44px;height:44px;box-shadow:0 0 0 2.5px var(--ink), 0 3px 0 2.5px var(--ink);border-radius:14px;flex:none;place-items:center;font-size:24px;display:grid}.cm-card-tx{flex:1;min-width:0}.cm-card-name{text-overflow:ellipsis;white-space:nowrap;color:#ffe9a0;font-size:13px;font-weight:900;overflow:hidden}.cm-card-goal{font-size:20px;line-height:1.15}.cm-card-lock{flex:none;font-size:28px}.cm-go{box-shadow:0 0 0 3px var(--ink), 0 5px 0 3px var(--ink), inset 0 3px 0 #ffffff80;background:linear-gradient(#9dff7a,#36c24c 55%,#138a3a);border-radius:16px;flex:none;padding:9px 18px;font-size:21px;line-height:1}.cm-go:active{box-shadow:0 0 0 3px var(--ink), 0 1px 0 3px var(--ink), inset 0 3px 0 #ffffff80;transform:translateY(4px)}.cm-chips{flex-wrap:wrap;gap:6px;display:flex}.cm-c{color:#fff;box-shadow:0 0 0 2px var(--ink);background:linear-gradient(#2a1d6e,#1a1150);border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:900;display:inline-flex}.cm-c-stars{color:#ffffff73;letter-spacing:-1px}.cm-c.is-got .cm-c-stars{color:var(--gold)}.cm-card-why,.cm-card-tip{color:#fff;margin:0;font-size:12.5px;font-weight:700;line-height:1.3}.cm-card-why{font-size:14px;font-weight:900}.cm-page.is-wide{gap:4px}.cm-page.is-wide .cm-title{font-size:24px}.cm-page.is-wide .cm-strip{padding-top:22px;padding-bottom:12px}.cm-page.is-wide .cm-w{gap:2px;width:60px}.cm-page.is-wide .cm-th{border-radius:12px;width:52px;height:40px}.cm-page.is-wide .cm-w.is-on{width:74px}.cm-page.is-wide .cm-w.is-on .cm-th{width:70px;height:52px}.cm-page.is-wide .cm-wname{font-size:10px}.cm-page.is-wide .cm-w.is-on .cm-wname{margin-top:17px;font-size:11px}.cm-page.is-wide .cm-body{flex-direction:row}.cm-page.is-wide:not(.is-desk) .cm-side.is-left{left:4px}.cm-page.is-wide:not(.is-desk) .cm-side.is-right{right:4px}.cm-page.is-wide:not(.is-desk) .cm-side-btn{width:40px;height:40px}.cm-page.is-wide:not(.is-desk) .cm-chev{width:22px;height:22px}.cm-page.is-wide .cm-hint-tag{font-size:12px;top:76%}.cm-page.is-wide .cm-mapwrap{flex:1.6}.cm-page.is-wide .cm-card{flex:1;align-self:flex-end;max-width:340px}@media (prefers-reduced-motion:reduce){.cm-flag-cloth,.cm-arrow,.cm-side-btn,.cm-hint-hand{animation:none}}@media (orientation:portrait) and (height<=760px){.cm-page{gap:4px}.cm-title{font-size:24px}.cm-strip{gap:8px;padding-top:22px;padding-bottom:4px}.cm-w{width:48px}.cm-th{border-radius:12px;width:48px;height:42px}.cm-w.is-on{width:66px}.cm-w.is-on .cm-th{width:66px;height:54px}.cm-wname{display:none}.cm-w.is-on .cm-wname{margin-top:17px;display:block}.cm-card{gap:6px;padding:8px 10px 10px}.cm-card-tip{display:none}.cm-card-goal{font-size:18px}.cm-flag{transform-origin:0 0;transform:scale(.84)}.cm-me{width:54px;height:54px}}.cm-page.is-desk{padding:max(16px, env(safe-area-inset-top)) 24px 20px;gap:10px}.cm-page.is-desk .cm-top{width:min(100%,1500px);margin:0 auto}.cm-page.is-desk .cm-title{font-size:40px}.cm-page.is-desk .cm-chip{padding:8px 16px;font-size:17px}.cm-page.is-desk .cm-strip{justify-content:safe center;gap:12px;padding-top:28px}.cm-page.is-desk .cm-w{width:64px}.cm-page.is-desk .cm-th{border-radius:15px;width:64px;height:56px}.cm-page.is-desk .cm-w.is-on{width:92px}.cm-page.is-desk .cm-w.is-on .cm-th{width:92px;height:78px}.cm-page.is-desk .cm-wname{font-size:12px;display:block}.cm-page.is-desk .cm-w.is-on .cm-wname{margin-top:18px;font-size:13px}.cm-page.is-desk .cm-body{flex-direction:row;justify-content:center;align-items:center;gap:28px}.cm-page.is-desk .cm-mapwrap{flex:none;width:min(62vw,1100px,150dvh - 360px);height:auto}.cm-page.is-desk .cm-map{aspect-ratio:3/2;flex:none}.cm-page.is-desk .cm-ribbon{padding:7px 18px 9px}.cm-page.is-desk .cm-ribbon-name{font-size:26px}.cm-page.is-desk .cm-ribbon-stars{font-size:15px}.cm-page.is-desk .cm-flag{transform-origin:0 0;transform:scale(1.3)}.cm-page.is-desk .cm-me{width:84px;height:84px}.cm-page.is-desk .cm-side-btn{width:60px;height:60px}.cm-page.is-desk .cm-chev{width:32px;height:32px}.cm-page.is-desk .cm-card{flex:none;align-self:center;gap:12px;width:380px;max-width:none;padding:16px 18px 18px}.cm-page.is-desk .cm-card-ic{width:56px;height:56px;font-size:30px}.cm-page.is-desk .cm-card-name{white-space:normal;font-size:15px}.cm-page.is-desk .cm-card-goal{font-size:24px}.cm-page.is-desk .cm-card-top{flex-wrap:wrap}.cm-page.is-desk .cm-go{padding:12px 26px;font-size:26px}.cm-page.is-desk .cm-c{padding:4px 11px;font-size:14px}.cm-page.is-desk .cm-card-tip{font-size:15px}.cm-goal{color:#10082e;max-width:100%;font:900 12px/1.25 var(--font-display,sans-serif);white-space:nowrap;background:#ffd84a;border:2px solid #10082e;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:1px 10px;display:inline-flex;box-shadow:0 2px #10082e}.cm-goal-n{color:#ffd84a;background:#10082e;border-radius:999px;padding:0 7px}.cm-goal-short{display:none}.cm-goal-row{z-index:6;flex:1 0 100%;order:2;justify-content:center;margin:-6px 0 -4px;display:flex;position:relative}.cm-card{position:relative}.cm-goal-above{inset-inline:0;pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:calc(100% + 12px)}.cm-goal-above .cm-goal{border-width:3px;width:100%;padding:3px 12px;font-size:14px;box-shadow:0 3px #10082e}@media (height<=370px){.cm-goal-above{order:9;margin-top:2px;position:static}.cm-card:has(.cm-goal-above) .cm-card-tip{display:none}.cm-goal-above .cm-goal{border-width:2px;width:auto;padding:0 8px;font-size:11px;box-shadow:0 2px #10082e}}@media (width<=800px){.cm-goal-above .cm-goal-long{display:none}.cm-goal-above .cm-goal-short{display:inline}}