*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,sans-serif}:root:lang(ko) body{font-family:Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,Hiragino Sans,Noto Sans JP,sans-serif;word-break:keep-all}body{background:#cfe4f2;color:#3a3f47;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}#c{position:fixed;inset:0;width:100%;height:100%;display:block}body.force-landscape{position:fixed;top:0;left:0;transform-origin:0 0;overflow:hidden}.hidden{display:none!important}#loading{position:fixed;inset:0;z-index:50;background:linear-gradient(160deg,#cfe4f2,#f2e8dc);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.load-ball{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f2b8c6 12%,transparent 13%),radial-gradient(circle at 70% 40%,#a8d8c9 11%,transparent 12%),radial-gradient(circle at 45% 72%,#ffd75e 12%,transparent 13%),#f6f2ea;box-shadow:0 6px 18px #3a3f472e;animation:roll 1.1s linear infinite}@keyframes roll{to{transform:rotate(360deg)}}#loading-text{font-size:14px;letter-spacing:.12em;color:#6a7078}.screen{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;overflow:auto}.big-btn{display:block;margin:0 auto 14px;border:none;cursor:pointer;font:inherit;font-size:20px;font-weight:800;letter-spacing:.2em;padding:15px 64px;border-radius:999px;color:#fff;background:linear-gradient(160deg,#4a90c2,#3a76a8);box-shadow:0 6px #2e5d85,0 12px 26px #3a76a859;transition:transform .08s,box-shadow .08s}.big-btn:active{transform:translateY(4px);box-shadow:0 2px #2e5d85}.sub-btn{border:none;cursor:pointer;font:inherit;font-size:13px;font-weight:700;color:#5a636e;background:#ffffffb3;border-radius:999px;padding:9px 26px}#hud>*{position:fixed;z-index:30}#hud-left{top:14px;left:18px}#diameter{font-size:clamp(30px,4.6vw,44px);font-weight:900;color:#2e3742;text-shadow:0 2px 0 rgba(255,255,255,.9),0 6px 16px rgba(46,55,66,.18);font-variant-numeric:tabular-nums;line-height:1}#diameter.roll{animation:numroll .28s ease-out}@keyframes numroll{0%{transform:translateY(-6px) scale(1.12)}to{transform:none}}#timer{top:14px;left:50%;transform:translate(-50%);font-size:clamp(26px,4vw,38px);font-weight:900;color:#2e3742;text-shadow:0 2px 0 rgba(255,255,255,.9);font-variant-numeric:tabular-nums}#timer.warn{color:#d94f3d;animation:pulse 1s infinite}@keyframes pulse{50%{transform:translate(-50%) scale(1.08)}}#timer.paused{color:#9aa2ab;animation:none}#banner{top:17%;left:50%;z-index:31;font-size:clamp(18px,3vw,26px);font-weight:900;letter-spacing:.1em;background:#ffffffeb;color:#2e3742;padding:12px 34px;border-radius:999px;box-shadow:0 8px 26px #2e374233;white-space:nowrap;pointer-events:none}.banner-hide{opacity:0;transform:translate(-50%,-12px) scale(.94);transition:all .25s}.banner-show{opacity:1;transform:translate(-50%) scale(1);transition:all .22s cubic-bezier(.2,1.6,.4,1)}#banner.goal{background:#e8734d;color:#fff;font-size:clamp(22px,3.6vw,32px)}#combo{display:none;z-index:29;font-size:15px;font-weight:900;color:#e8734d;text-shadow:0 1px 0 #fff,0 3px 8px rgba(232,115,77,.4);pointer-events:none;left:0;top:0;white-space:nowrap}#compass{display:none;bottom:26px;left:50%;transform:translate(-50%);font-size:13px;font-weight:800;color:#5a636e;background:#ffffffbf;border-radius:999px;padding:7px 16px;pointer-events:none;letter-spacing:.08em}#compass-arrow{display:inline-block;transition:transform .3s;color:#e8734d}#photo-btn{position:fixed;top:14px;right:60px;z-index:44;touch-action:manipulation;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:none;border-radius:50%;background:#ffffffd9;box-shadow:0 3px 10px #2e37421f;color:#5a636e;cursor:pointer}#photo-btn:hover{background:#fff}html.photo #settings,html.photo #photo-btn,html.photo #fps,html.photo #labels{display:none!important}html.photo-ui #hud.hidden{display:block!important}html.photo #hud>:not(#hud-left):not(#timer){display:none!important}#photo-ui{position:fixed;inset:0;z-index:45;pointer-events:none;touch-action:manipulation}#photo-ui>button{position:absolute;pointer-events:auto;padding:0;border:none;cursor:pointer;font:inherit;color:#fff;background:#141a2273}#photo-grid{position:absolute;inset:0}#photo-grid i,#photo-grid:before,#photo-grid:after{content:"";position:absolute;background:#ffffff80;box-shadow:0 0 2px #0000004d}#photo-grid i:nth-child(-n+2){top:0;bottom:0;width:1px}#photo-grid i:nth-child(n+3){left:0;right:0;height:1px}#photo-grid i:nth-child(1){left:33.333%}#photo-grid i:nth-child(2){left:66.667%}#photo-grid i:nth-child(3){top:33.333%}#photo-grid i:nth-child(4){top:66.667%}#photo-grid:before,#photo-grid:after{left:50%;top:50%;background:#ffffffd9}#photo-grid:before{width:26px;height:2px;margin:-1px 0 0 -13px}#photo-grid:after{width:2px;height:26px;margin:-13px 0 0 -1px}#photo-ui>#photo-close{top:14px;right:14px;width:42px;height:42px;border-radius:50%;font-size:26px;line-height:1;color:#5a636e;background:#ffffffe0;box-shadow:0 3px 10px #2e37422e}#photo-close:hover{background:#fff}#photo-uichoice{position:absolute;top:14px;right:66px;height:42px;box-sizing:border-box;pointer-events:auto;display:flex;align-items:center;gap:5px;padding:5px 5px 5px 18px;border-radius:999px;white-space:nowrap;background:#fbf6ecf7;box-shadow:0 4px 14px #1f2d4d3d}#photo-uichoice span{font-size:14px;font-weight:800;color:#1f2d4d;letter-spacing:.1em;margin-right:7px}#photo-uichoice button{height:100%;padding:0 18px;border:none;border-radius:999px;cursor:pointer;font:inherit;font-size:14px;font-weight:800;letter-spacing:.06em;color:#1f2d4d;background:#f1eadc;box-shadow:inset 0 0 0 1.5px #1f2d4d0f}#photo-uichoice button[aria-pressed=true]{background:#f2685a;color:#fff;box-shadow:0 3px 10px #f2685a59}#photo-ui>#photo-shutter{right:40px;top:50%;width:72px;height:72px;margin-top:-36px;border-radius:50%;background:transparent;border:4px solid #fff;box-shadow:0 3px 12px #0000004d}#photo-shutter i{position:absolute;inset:5px;border-radius:50%;background:#fff;transition:transform .08s}#photo-shutter:active i{transform:scale(.88)}#photo-up,#photo-down{display:none;right:132px;width:52px;height:52px;border-radius:50%;font-size:17px}#photo-up{top:calc(50% - 60px)}#photo-down{top:calc(50% + 8px)}html.touch #photo-up,html.touch #photo-down{display:block}#photo-flash{position:fixed;inset:0;z-index:48;background:#fff;opacity:0;pointer-events:none}.photo-shot{position:fixed;left:0;top:0;z-index:47;pointer-events:none;box-shadow:0 0 0 6px #fff,0 18px 44px #00000073}#settings{position:fixed;top:14px;right:14px;z-index:44;touch-action:manipulation}#fps{position:fixed;top:22px;right:106px;z-index:44;pointer-events:none;font:700 11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;background:#ffffffd9;color:#4a5560;border-radius:999px;padding:1px 10px;box-shadow:0 3px 10px #2e37421f;white-space:nowrap}#fps[hidden]{display:none}#settings-btn{display:block;width:38px;height:38px;padding:0;border:none;border-radius:50%;background:#ffffffd9;box-shadow:0 3px 10px #2e37421f;font-size:18px;line-height:1;color:#5a636e;cursor:pointer;transition:background .12s,transform .2s}#settings-btn:hover,#settings-btn[aria-expanded=true]{background:#fff;transform:rotate(35deg)}#settings-panel{position:fixed;top:60px;right:14px;width:258px;max-height:calc(100% - 74px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;background:#faf8f4f7;border-radius:16px;padding:12px 16px 14px;box-shadow:0 14px 36px #141a2247;animation:setpop .16s cubic-bezier(.2,1.4,.4,1)}@keyframes setpop{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1}}.set-group{font-size:10px;font-weight:800;letter-spacing:.15em;color:#8a919a;margin:8px 0 2px;text-transform:none}.set-group:first-child,#set-run.hidden+.set-group{margin-top:0}#set-run{display:flex;gap:8px;margin-bottom:10px}#set-run button{flex:1;height:34px;border:none;border-radius:999px;cursor:pointer;font:inherit;font-size:13px;font-weight:800;color:#fff;background:linear-gradient(160deg,#4a90c2,#3a76a8);transition:transform .08s}#set-run #set-title-btn{color:#4a5560;background:#5a636e24}#set-run button:active{transform:translateY(1px)}.set-row{display:flex;align-items:center;gap:10px;min-height:32px}.set-label{flex:1;font-size:13px;font-weight:700;color:#4a5560}.set-val{flex:none;min-width:34px;white-space:nowrap;text-align:right;font-size:11px;font-weight:800;color:#8a919a;font-variant-numeric:tabular-nums}.set-range{-webkit-appearance:none;appearance:none;flex:none;width:96px;height:26px;background:none;cursor:pointer;outline:none}.set-range::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:linear-gradient(90deg,#7fb6d9,#4a90c2) 0/var(--fill, 100%) 100% no-repeat,#5a636e38}.set-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-5px;width:17px;height:17px;border-radius:50%;background:#fff;border:3px solid #4a90c2;box-shadow:0 1px 4px #2e37424d}.set-range::-moz-range-track{height:7px;border-radius:999px;background:#5a636e38}.set-range::-moz-range-progress{height:7px;border-radius:999px;background:linear-gradient(90deg,#7fb6d9,#4a90c2)}.set-range::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#fff;border:3px solid #4a90c2;box-shadow:0 1px 4px #2e37424d}.set-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #4a90c266}.set-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #4a90c266}.set-select{flex:none;max-width:120px;height:26px;padding:0 8px;border:none;border-radius:8px;background:#5a636e1f;color:#3a3f47;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.set-select:focus-visible{outline:none;box-shadow:0 0 0 3px #4a90c266}.set-switch{flex:none;width:42px;height:24px;padding:3px;border:none;border-radius:999px;background:#5a636e40;cursor:pointer;transition:background .15s}.set-switch>i{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #2e374259;transition:transform .15s}.set-switch[aria-checked=true]{background:#4a90c2}.set-switch[aria-checked=true]>i{transform:translate(18px)}.set-switch:focus-visible{box-shadow:0 0 0 3px #4a90c266}#settings-panel[data-muted=true] #set-volume{filter:grayscale(1);opacity:.45}#labels{position:fixed;inset:0;pointer-events:none;z-index:28;overflow:hidden}.fx-label{position:absolute;left:0;top:0;font-weight:900;white-space:nowrap;transition:opacity .15s;will-change:transform}.fx-grow{font-size:14px;color:#3a76a8;text-shadow:0 1px 0 #fff}#keyguide{bottom:9%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}.kg-keys{display:flex;flex-direction:column;align-items:center;gap:7px}.kg-row{display:flex;align-items:center;gap:7px}.kg-key{--w: 1;width:calc(48px * var(--w));height:48px;border-radius:10px;display:grid;place-items:center;font-size:19px;font-weight:900;letter-spacing:.06em;color:#2e3742;background:#ffffffe6;box-shadow:0 5px #aab4bf,0 8px 16px #2e374238;transition:transform .08s,box-shadow .08s,background .12s,color .12s}.kg-key.on{background:#ffd84a;transform:translateY(4px);box-shadow:0 1px #c9a21e,0 3px 8px #2e374238}#keyguide.done .kg-key,#keyguide.done .kg-icon{background:#6cc283;color:#fff}.kg-plus{font-size:24px;font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(46,55,66,.45);padding:0 2px}.kg-icon{position:relative;width:58px;height:58px;border-radius:50%;background:#ffffff59;border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 10px #2e374233;transition:background .12s}.kg-stick:after{content:"";position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:#ffffffe6}.kg-icon.on{background:#ffd84a}.kg-mouse{width:40px;height:58px;border-radius:20px 20px 18px 18px;background:#ffffffe6;border-color:#aab4bf}.kg-mouse:before{content:"";position:absolute;left:50%;top:0;width:2px;height:22px;margin-left:-1px;background:#aab4bf}.kg-mouse:after{content:"";position:absolute;left:0;top:0;width:50%;height:22px;border-radius:18px 0 0;background:#2e37422e}.kg-drag:after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#ffffffe6}.kg-caption{font-size:clamp(14px,2.1vw,18px);font-weight:800;letter-spacing:.06em;white-space:nowrap;color:#2e3742;background:#ffffffe6;border-radius:999px;padding:7px 20px;box-shadow:0 6px 18px #2e37422e}.kg-done{display:none;position:absolute;left:50%;top:-42px;transform:translate(-50%);font-size:20px;font-weight:900;letter-spacing:.12em;color:#fff;background:#4fae69;border-radius:999px;padding:5px 18px;box-shadow:0 6px 16px #2e374240;white-space:nowrap}#keyguide.done .kg-done{display:block;animation:kgpop .3s cubic-bezier(.2,1.6,.4,1)}@keyframes kgpop{0%{transform:translate(-50%) scale(.6);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}#stick{display:none;position:fixed;z-index:32;width:120px;height:120px;border-radius:50%;background:#ffffff29;border:2px solid rgba(255,255,255,.5);pointer-events:none}#stick-knob{position:absolute;left:34px;top:34px;width:52px;height:52px;border-radius:50%;background:#ffffffbf;box-shadow:0 3px 10px #2e374240}#sling-btn{display:none;right:56px;bottom:28px;width:76px;height:76px;border-radius:50%;background:#ffffff47;border:2px solid rgba(255,255,255,.6);box-shadow:0 3px 10px #2e37422e;transition:transform .08s,background .08s}#sling-btn.held{transform:scale(.92);background:#fff9}html.touch #sling-btn{display:block}#stage-map{z-index:41;background:#fff;overflow:hidden}.sm-content{position:absolute;inset:0;opacity:0;transition:opacity .6s;touch-action:none;cursor:grab}.sm-content.dragging{cursor:grabbing}#stage-map.in .sm-content{opacity:1}#stage-map.out .sm-content{opacity:0;transition-duration:.5s}#stage-map.gone{opacity:0;transition:opacity .6s}.sm-map{position:absolute;inset:0;width:100%;height:100%}.sm-pins{position:absolute;inset:0;pointer-events:none}.sm-pin{position:absolute;left:0;top:0;margin:-11px 0 0 -11px;padding:0;border:none;background:none;font:inherit;display:flex;align-items:center;gap:6px;cursor:pointer;pointer-events:auto}.sm-dot{box-sizing:border-box;width:22px;height:22px;border-radius:50%;background:#e8734d;border:3px solid #fff;box-shadow:0 3px 10px #2e374259;transition:transform .12s}.sm-label{font-size:clamp(14px,2vw,18px);font-weight:800;letter-spacing:.06em;white-space:nowrap;color:#2e3742;background:#ffffffeb;border-radius:999px;padding:4px 14px;box-shadow:0 4px 12px #2e37422e}.sm-pin:not(.locked):hover .sm-dot{transform:scale(1.25)}.sm-pin.chosen .sm-dot{animation:smpulse .5s ease-out infinite}@keyframes smpulse{0%{box-shadow:0 0 #e8734db3}to{box-shadow:0 0 0 18px #e8734d00}}.sm-pin.locked{cursor:not-allowed}.sm-pin.locked .sm-dot{background:#a0a8b0}.sm-pin.locked .sm-label{color:#8a939c}.sm-title{position:absolute;top:7%;left:50%;transform:translate(-50%);pointer-events:none;white-space:nowrap;font-size:clamp(20px,3.4vw,32px);font-weight:900;letter-spacing:.12em;color:#2e3742;background:#ffffffe0;border-radius:999px;padding:8px 28px;box-shadow:0 8px 26px #2e37422e}#result{background:#2e374273;backdrop-filter:blur(6px)}.result-inner{background:#faf8f4f7;border-radius:22px;padding:26px 30px;width:min(680px,92vw);max-height:92vh;overflow:auto;text-align:center;box-shadow:0 24px 60px #141a2259}.rank{display:inline-block;font-size:64px;font-weight:900;line-height:1;width:96px;height:96px;border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-bottom:8px;transform:rotate(-8deg);animation:stamp .4s cubic-bezier(.2,1.8,.4,1)}@keyframes stamp{0%{transform:rotate(-8deg) scale(2.4);opacity:0}60%{opacity:1}to{transform:rotate(-8deg) scale(1)}}.rank-S{background:#e8b23d;box-shadow:0 0 0 6px #e8b23d59}.rank-A{background:#e8734d}.rank-B{background:#4a90c2}.rank-C{background:#8fa3b8}.rank-D{background:#9aa0a6}#result h2{font-size:clamp(18px,3vw,24px);font-weight:900;color:#2e3742;margin-bottom:4px}.best-update{color:#b8860b;font-weight:800;font-size:14px;min-height:1.3em;margin-bottom:10px}.result-cols{display:flex;gap:20px;text-align:left;margin-bottom:18px}.result-cols>*{flex:1;min-width:0}#result-stats{max-height:240px;overflow:auto}.stat-row{display:flex;justify-content:space-between;font-size:13px;font-weight:700;padding:5px 10px;border-radius:8px;color:#4a5560}.stat-row:nth-child(odd){background:#4a90c214}.result-right h3{font-size:12px;letter-spacing:.15em;color:#8a919a;margin-bottom:6px}#result-chart{width:100%;height:130px;background:#4a90c20f;border-radius:10px}.result-btns{display:flex;gap:12px;justify-content:center;align-items:center}#credits{z-index:47;padding:16px;background:#2e374273;backdrop-filter:blur(6px)}.credits-inner{display:flex;flex-direction:column;width:100%;max-width:760px;max-height:100%;margin:auto;background:#faf8f4fa;border-radius:18px;box-shadow:0 24px 60px #141a2259;-webkit-user-select:text;user-select:text}.credits-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:14px 18px 10px;border-bottom:1px solid rgba(90,99,110,.15)}.credits-head h2{font-size:17px;font-weight:900;letter-spacing:.12em;color:#2e3742}#credits-close{padding:7px 18px;background:#5a636e1a}#credits-body{overflow:auto;min-height:0;padding:12px 20px 18px;overscroll-behavior:contain}.credits-lead{font-size:13px;font-weight:700;color:#3a3f47;margin-bottom:10px}.credits-sec h3{font-size:11px;font-weight:800;letter-spacing:.15em;color:#8a919a;margin:18px 0 6px}.credits-list{list-style:none;display:flex;flex-direction:column;gap:8px}.credits-extra{margin-top:8px}.credits-list li{font-size:12.5px;line-height:1.55;color:#3a3f47;overflow-wrap:anywhere}.credits-detail,.credits-links{display:block;font-size:11px;line-height:1.5;color:#6a7078}.credits-detail a,.credits-links a{color:#3a76a8}#shop{z-index:47;padding:16px;background:#2e374273;backdrop-filter:blur(6px)}.shop-inner{display:flex;flex-direction:column;width:100%;max-width:640px;max-height:100%;margin:auto;background:#faf8f4fa;border-radius:18px;box-shadow:0 24px 60px #141a2259}.shop-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:14px 18px 10px;border-bottom:1px solid rgba(90,99,110,.15)}.shop-head h2{font-size:17px;font-weight:900;letter-spacing:.12em;color:#2e3742}#shop-close{padding:7px 18px;background:#5a636e1a}#shop-body{overflow:auto;min-height:0;padding:12px 20px 20px;overscroll-behavior:contain}.shop-sec h3{font-size:11px;font-weight:800;letter-spacing:.15em;color:#8a919a;margin:4px 0 10px}.skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.skin-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px 10px;border:2px solid rgba(90,99,110,.15);border-radius:16px;background:#fff;cursor:pointer;font:inherit;color:#3a3f47;transition:transform .08s,border-color .12s,box-shadow .12s}.skin-card:hover:not(:disabled){transform:translateY(-1px)}.skin-card.equipped{border-color:#e8734d;box-shadow:0 3px 12px #e8734d4d}.skin-card.locked{cursor:default;background:#ffffff80}.skin-preview{width:76px;height:76px}.skin-name{font-size:13px;font-weight:800;letter-spacing:.04em}.skin-card.locked .skin-name{color:#8a919a}.skin-state{font-size:11px;font-weight:700;color:#6a7078}.skin-card.equipped .skin-state{color:#e8734d}#debug{display:none;position:fixed;bottom:8px;left:8px;z-index:45;font:11px/1.5 ui-monospace,monospace;color:#2e3742;background:#fffc;padding:5px 9px;border-radius:6px;pointer-events:none}@media(max-width:700px){.result-cols{flex-direction:column}}#title{display:block;overflow:hidden}.title-logo{position:absolute;left:50%;top:var(--title-logo-top, 20%);transform:translate(-50%);width:var(--title-logo-w, 520px);pointer-events:none}.title-logo img{display:block;width:100%;height:auto}.title-shop{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:8px;border:none;cursor:pointer;font:inherit;font-size:15px;font-weight:800;letter-spacing:.1em;color:#1f2d4d;background:#fbf6ec;border-radius:999px;padding:9px 22px 9px 16px;box-shadow:0 4px 14px #1f2d4d33;transition:transform .08s}.title-shop:active{transform:translateY(2px)}.title-shop-icon{width:20px;height:20px}.title-bar{position:absolute;left:50%;top:var(--title-bar-top, 62%);transform:translate(-50%) scale(var(--title-bar-k, 1));transform-origin:50% 0;display:flex;align-items:center;gap:14px;white-space:nowrap;background:#fbf6ecf7;border-radius:999px;padding:10px 10px 15px 28px;box-shadow:0 8px 28px #1f2d4d3d}#start-mode{display:flex;align-items:center;gap:8px}.title-bar .choice-label{font-size:16px;font-weight:800;color:#1f2d4d;letter-spacing:.1em;margin-right:8px}.title-bar .choice-chip{border:none;font-size:17px;font-weight:800;color:#1f2d4d;letter-spacing:.06em;background:#f1eadc;padding:10px 24px;box-shadow:inset 0 0 0 1.5px #1f2d4d0f}.title-bar .choice-chip.sel{background:#f2685a;color:#fff;box-shadow:0 3px 10px #f2685a59}.title-bar-sep{width:1.5px;align-self:stretch;margin:8px 4px;background:#1f2d4d24}.title-bar.no-mode{padding:10px 10px 15px}.title-bar.no-mode #start-mode,.title-bar.no-mode .title-bar-sep{display:none}.title-start{display:flex;align-items:center;gap:14px;border:none;cursor:pointer;font:inherit;font-size:21px;font-weight:900;letter-spacing:.16em;color:#fff;background:linear-gradient(180deg,#3592f6,#1769e0);border-radius:999px;padding:14px 44px 14px 34px;box-shadow:0 5px #0f4fae,0 10px 22px #1769e059;transition:transform .08s,box-shadow .08s}.title-start:before{content:"";border-left:.8em solid #fff;border-top:.5em solid transparent;border-bottom:.5em solid transparent}.title-start:active{transform:translateY(4px);box-shadow:0 1px #0f4fae,0 4px 12px #1769e04d}.title-credits{position:absolute;right:22px;bottom:16px;border:none;background:none;cursor:pointer;font:inherit;font-size:calc(16px * var(--title-bar-k, 1));font-weight:800;letter-spacing:.1em;color:#fff;text-decoration:underline;text-underline-offset:6px;text-shadow:0 1px 4px rgba(20,30,50,.55)}body.narrow-view .title-bar{flex-wrap:wrap;justify-content:center;white-space:normal;border-radius:28px;padding:12px 12px 17px}body.narrow-view .title-bar-sep{display:none}.choice-label{font-size:12px;font-weight:700;color:#6a7078;margin-right:2px;letter-spacing:.08em;white-space:nowrap}.choice-chip{border:2px solid rgba(90,99,110,.25);cursor:pointer;font:inherit;white-space:nowrap;font-size:13px;font-weight:700;color:#5a636e;background:#ffffffbf;border-radius:999px;padding:6px 14px;transition:transform .08s,background .12s,border-color .12s}.choice-chip:hover{transform:translateY(-1px)}.choice-chip.sel{background:#e8734d;border-color:#e8734d;color:#fff;box-shadow:0 3px 10px #e8734d59}
