:root{--bg: #111417;--panel: #1b1f24;--border: #2b313a;--track: #262b33;--text: #e9edf1;--dim: #8a94a0;--ac: #00D7Fb;--acbg: #0a3a46;--acon: #04222b;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font)}.screen{max-width:420px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:16px 15px;position:relative}.screen.center{justify-content:center;align-items:center;gap:20px}.top{display:flex;align-items:center;height:22px;margin-bottom:13px}.pill{background:var(--acbg);color:var(--ac);padding:3px 11px;border-radius:20px;font-size:11px;font-weight:500}.track{height:4px;border-radius:3px;background:var(--track);overflow:hidden}.track .fill{height:100%;background:var(--ac)}.top-track{margin-bottom:14px}.q{font-size:15px;line-height:1.75;color:var(--text);white-space:pre-wrap;height:10.5em;overflow:hidden}.fieldslot{height:96px;margin-top:18px}.al{font-size:10px;color:var(--dim);height:12px;margin:0 0 6px}.fld{border:1.5px solid var(--ac);border-radius:12px;background:var(--acbg);padding:12px 14px;font-size:18px;font-weight:500;color:var(--text);letter-spacing:.14em;height:78px;overflow:hidden;word-break:break-all}.panel-track{margin:12px 0 8px}.keyslot{min-height:132px}.g2{display:grid;grid-template-columns:1fr 1fr;gap:11px}.key{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 0;text-align:center;font-size:19px;font-weight:500;color:var(--text);font-family:var(--font);cursor:pointer;-webkit-tap-highlight-color:transparent}.key:active{background:var(--acbg);border-color:var(--ac);color:var(--ac)}.buzz{width:96px;height:96px;border-radius:50%;background:var(--ac);color:var(--acon);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;position:fixed;top:75dvh;left:50%;transform:translate(-50%,-50%)}.buzz:disabled{opacity:.4;cursor:default}.fb{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:55px;padding-top:6px}.fbrow{display:flex;align-items:center;gap:14px}.taphint{font-size:11px;color:var(--dim)}.mark{font-size:26px;font-weight:600}.mark.ok{color:var(--ac)}.mark.ng{color:var(--dim)}.plus{color:var(--ac);font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.ansline{height:28px;margin-top:6px;text-align:right;font-size:15px;color:var(--text);overflow:hidden}.anslabel{color:var(--dim);font-size:11px;margin-right:8px}.round{width:56px;height:56px;border-radius:50%;background:var(--ac);color:var(--acon);border:none;font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.round:disabled{opacity:.4}.round .playicon{display:block}.title{font-size:22px;font-weight:600;letter-spacing:.14em;color:var(--ac)}.desc{font-size:13px;line-height:1.9;color:var(--dim);max-width:320px}.desc p{margin:0 0 10px}.qcenter{display:flex;align-items:center;justify-content:center}.qcount{font-size:64px;font-weight:600;color:var(--ac);font-variant-numeric:tabular-nums}.nick{background:var(--panel);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:16px;padding:12px 14px;width:100%;max-width:280px;text-align:center;outline:none;font-family:var(--font)}.nick:focus{border-color:var(--ac)}.nick::placeholder{color:var(--dim)}.score{font-size:44px;font-weight:600;color:var(--ac);font-variant-numeric:tabular-nums}.sub{font-size:14px}.err{color:var(--dim);font-size:13px;word-break:break-all}.lb{width:100%;max-width:320px;display:flex;flex-direction:column;gap:6px;margin-top:6px}.lbrow{display:flex;align-items:center;gap:12px;font-size:13px;padding:8px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--border)}.lbrow.me{background:var(--acbg);border-color:var(--ac)}.lbrow.mebest{background:var(--panel);border-color:#00d7fb73}.lbrow.today,.lbrow.youline{margin-top:12px}.hs{font-size:14px;color:var(--dim);font-variant-numeric:tabular-nums}.hs.new{color:var(--ac);font-weight:600}.lbrank{color:var(--dim);width:24px;text-align:right;font-variant-numeric:tabular-nums;flex:none}.lbname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lbscore{color:var(--ac);font-variant-numeric:tabular-nums}@media(min-width:768px){.screen.play{max-width:1080px}.playgrid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start}.playgrid .fieldslot{margin-top:0}.buzz{position:static;transform:none;margin:18px auto 0}}.menucards{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px 16px;text-align:left}.cardbtn{cursor:pointer;font-family:var(--font);color:var(--text);-webkit-tap-highlight-color:transparent;position:relative;padding-right:46px}.cardbtn:hover,.cardbtn:active{border-color:var(--ac)}.cardtitle{font-size:15px;font-weight:600;color:var(--text);letter-spacing:.08em;margin-bottom:4px}.cardsub{font-size:11px;color:var(--dim);margin-bottom:12px}.cardgo{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--ac);font-size:26px;line-height:1}.cardwait{color:var(--dim);font-size:14px}.collnum{font-size:24px;font-weight:600;color:var(--ac);font-variant-numeric:tabular-nums}.collden{font-size:13px;color:var(--dim);font-weight:400}.collbar{height:6px;border-radius:4px;background:var(--track);overflow:hidden;margin-top:10px}.collbar.page{margin:0 0 14px}.collfill{height:100%;background:var(--ac);border-radius:4px}.miniboards{display:flex;flex-direction:column;gap:12px}.miniboard{display:flex;flex-direction:column;gap:5px}.minilabel{font-size:10px;color:var(--dim)}.minirow{display:flex;gap:8px;font-size:11px;align-items:baseline}.minirow .r{color:var(--dim);width:16px;text-align:right;font-variant-numeric:tabular-nums}.minirow .n{width:9em;flex:none;white-space:nowrap;overflow:hidden}.minirow.extra{display:none}.minirow .v{color:var(--ac);font-variant-numeric:tabular-nums}.minirow.self .n{color:var(--ac)}.minirow.you{border-top:1px solid var(--border);padding-top:5px;margin-top:2px}.minirow.you .n{color:var(--dim)}.screen.wide{max-width:560px}.subtop{display:flex;align-items:center;gap:12px;margin-bottom:14px}.backbtn{background:none;border:none;color:var(--ac);font-size:20px;cursor:pointer;padding:4px 8px;font-family:var(--font);-webkit-tap-highlight-color:transparent}.subtitle{font-size:15px;font-weight:600;letter-spacing:.1em;flex:1}.subcount{font-size:13px;color:var(--ac);font-variant-numeric:tabular-nums}.liblist{display:flex;flex-direction:column;gap:8px;padding-bottom:24px}.libcard{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:11px 14px}.libcard.solved{border-left:3px solid var(--ac)}.libcard.unseen{border-style:dashed;opacity:.55}.libcard.unseen .libmeta{margin-bottom:0}.libmeta{display:flex;gap:10px;font-size:10px;color:var(--dim);margin-bottom:6px}.libno{width:3.9em;flex:none}.libstars{color:var(--ac);letter-spacing:.1em}.libq{font-size:13px;line-height:1.7}.libq.dim{color:var(--dim)}.liba{margin-top:6px;text-align:right;font-size:13px;color:var(--text)}.tabs{display:flex;gap:8px;margin-bottom:14px}.tab{flex:1;background:var(--panel);border:1px solid var(--border);color:var(--dim);border-radius:10px;padding:9px 0;font-size:13px;font-family:var(--font);cursor:pointer;-webkit-tap-highlight-color:transparent}.tab.on{background:var(--acbg);border-color:var(--ac);color:var(--ac);font-weight:600}.ranklist{display:flex;flex-direction:column;gap:6px;padding-bottom:24px}.rankout{text-align:center;color:var(--dim);font-size:12px;padding:10px 0}.newsolves{display:flex;flex-direction:column;gap:6px;width:100%;max-width:320px}.newlabel{font-size:11px;color:var(--ac);font-weight:600;letter-spacing:.1em}.newchip{display:flex;gap:10px;align-items:baseline;background:var(--acbg);border:1px solid var(--ac);border-radius:10px;padding:7px 12px;font-size:13px}.newchip .no{color:var(--dim);font-size:11px;width:3.9em;flex:none}.collline{font-size:13px;color:var(--dim);font-variant-numeric:tabular-nums}.collline b{color:var(--ac);font-weight:600}.navrow{display:flex;gap:18px}.navbtn{background:none;border:none;color:var(--dim);font-size:13px;cursor:pointer;font-family:var(--font);text-decoration:underline;text-underline-offset:4px;-webkit-tap-highlight-color:transparent}.navbtn:active{color:var(--ac)}.helpbtn{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:var(--panel);border:1px solid var(--border);color:var(--ac);font-size:15px;cursor:pointer;font-family:var(--font);-webkit-tap-highlight-color:transparent}.helpbtn:hover,.helpbtn:active{border-color:var(--ac)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.manual{background:var(--panel);border:1px solid var(--border);border-radius:16px;width:min(560px,calc(100vw - 32px));padding:26px 28px 20px;position:relative}.manualclose{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--dim);font-size:18px;cursor:pointer;font-family:var(--font);-webkit-tap-highlight-color:transparent}.manualtitle{color:var(--ac);font-weight:600;font-size:17px;letter-spacing:.08em;margin-bottom:14px}.manualbody{font-size:14px;line-height:2;color:var(--text);height:360px;overflow-y:auto}.manualbody p{margin:0 0 12px}.manualnav{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.mbtn{background:var(--acbg);color:var(--ac);border:1px solid var(--ac);border-radius:10px;padding:6px 16px;font-size:14px;cursor:pointer;font-family:var(--font);-webkit-tap-highlight-color:transparent}.mbtn:disabled{opacity:.3;cursor:default}.dots{display:flex;gap:6px}.dot{width:6px;height:6px;border-radius:50%;background:var(--track)}.dot.on{background:var(--ac)}.screen{animation:fadein .18s ease-out}@keyframes fadein{0%{opacity:.4}to{opacity:1}}.pcbar,.pc-only{display:none}.startrow,.menu-main,.menu-left{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.menu-right{width:100%;display:flex;justify-content:center}.result-main{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%}.result-summary{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.result-board{width:100%;display:flex;justify-content:center}.result-actions{display:flex;flex-direction:column;align-items:center;gap:14px}.rankcol{display:none}.rankcolhead{display:none;font-size:12px;color:var(--ac);font-weight:600;letter-spacing:.08em;margin-bottom:10px}.ranking.tab-score .col-score,.ranking.tab-solves .col-solves{display:block}@media(min-width:768px){.sp-only{display:none!important}.pc-only{display:block}.pcbar{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:34px}.pcbar .mark{font-size:12px;font-weight:600;letter-spacing:.3em;color:var(--ac);border-left:3px solid var(--ac);padding-left:10px;opacity:.9}.pcbar .mark:empty{display:none}.baractions{display:flex;align-items:center;gap:10px;margin-left:auto}.helpbtn.inbar{position:static;width:44px;height:44px;font-size:18px}.screen.menu{max-width:none;padding:24px 48px;justify-content:center;align-items:center}.menu .pcbar{position:absolute;top:22px;left:50%;transform:translate(-50%);width:min(980px,calc(100vw - 96px))}.menu .menu-main{flex-direction:row;align-items:stretch;justify-content:center;gap:48px;width:100%;max-width:980px}.menu .menu-left{flex:1 1 0;align-items:flex-start;justify-content:center;gap:18px}.menu .menu-left .title{font-size:46px;letter-spacing:.16em;line-height:1.15}.menu .menu-left .desc{text-align:left;max-width:none}.menu .menu-left .desc p{font-size:15px;margin:0}.menu .startrow{flex-direction:row;align-items:center;gap:14px;width:auto;margin-top:22px}.menu .startrow .nick{width:300px;max-width:none;text-align:left}.menu .startrow .round{width:52px;height:52px;font-size:20px;flex:none}.menu .menu-right{flex:0 0 470px;width:470px}.menu .menucards{max-width:none;gap:14px}.menu .card{padding:18px 22px}.menu .cardtitle{font-size:17px}.menu .cardsub{font-size:12px;margin-bottom:14px}.menu .collnum{font-size:34px}.menu .miniboards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.menu .minirow.extra{display:flex}.screen.wide{max-width:900px}.screen.library{max-width:760px}.library .subtitle{font-size:18px}.library .subcount{font-size:15px}.library .collbar.page{margin-bottom:18px}.library .tabs{width:fit-content;gap:6px;margin-bottom:20px}.library .tab{flex:none;padding:8px 22px;font-size:12px}.ranking .tabs{display:none}.ranking .rankcols{display:grid;grid-template-columns:1fr 1fr;gap:32px}.ranking .rankcol,.ranking .rankcolhead{display:block}.screen.result{max-width:1020px;justify-content:flex-start;padding-top:24px}.result .pcbar{margin-bottom:34px}.result .result-main{display:grid;grid-template-columns:1.05fr .95fr;grid-template-areas:"summary board" "actions board";column-gap:80px;row-gap:28px;align-items:start;width:100%}.result .result-summary{grid-area:summary;align-items:flex-start;text-align:left;gap:14px}.result .score{font-size:76px;line-height:1}.result .sub{font-size:15px}.result .newsolves{max-width:none;width:100%}.result .result-board{grid-area:board;display:block;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px 20px}.boardhead{font-size:11px;font-weight:600;color:var(--dim);letter-spacing:.18em;margin-bottom:12px}.result .lb{max-width:none;margin:0}.result .result-board .lbrow{background:none;border:1px solid transparent;padding:7px 10px}.result .result-board .lbrow.me{background:var(--acbg);border-color:var(--ac)}.result .result-board .lbrow.mebest{border-color:#00d7fb73}.result .result-actions{grid-area:actions;flex-direction:row;align-items:center;gap:22px}}