.art-digits,.art-word,.art-rank{display:inline-flex;align-items:flex-end;line-height:1;vertical-align:middle}.art-digits img,.art-word img,.art-rank img,.art-grade img{display:block;height:1em;width:auto;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.art-digits img+img{margin-left:-.06em}.art-grade{display:inline-block;line-height:1}.art-rank-text{font-family:var(--font-display);font-weight:900;line-height:1;color:#f4f9ff;-webkit-text-stroke:.08em #6f93d8;paint-order:stroke fill;text-shadow:0 .06em 0 #4c70bd}.art-icon{display:inline-block;width:1em;height:1em;object-fit:contain;vertical-align:middle}.jelly-page{position:relative;min-height:100dvh;isolation:isolate;color:var(--ink);padding:calc(env(safe-area-inset-top,0px) + 10px) max(14px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 16px) max(14px,env(safe-area-inset-left,0px))}.jelly-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--page-bg) url(/bg.jpg) center / cover no-repeat;pointer-events:none}@media(min-aspect-ratio:1 / 1){.jelly-page:before{background-image:url(/bg-wide.jpg)}}.jelly-col{max-width:440px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:6px}.flat-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;font-family:var(--font-round);font-size:13px;font-weight:800;color:var(--jelly-deep);text-decoration:none;border:1px solid #c9d4e3;border-radius:10px;background:#ffffffeb;cursor:pointer}.flat-btn:active:not(:disabled){background:#e8eef7}.flat-btn:disabled{opacity:.4;cursor:default}.tool-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 8px;font-family:var(--font-round);font-size:14px;font-weight:800;color:var(--ink);text-decoration:none;background:none;border:0 solid transparent;border-image:url(/ui/white-btn.webp) 55 60 fill / 20px 20px;filter:drop-shadow(0 4px 5px rgba(50,75,125,.2));cursor:pointer}.tool-btn:disabled{opacity:.45;cursor:default}.tool-btn:active:not(:disabled){border-image-source:url(/ui/white-btn-pressed.webp);filter:drop-shadow(0 1px 2px rgba(50,75,125,.2))}.jelly-btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 12px;font-family:var(--font-round);font-weight:800;font-size:16px;color:var(--ink);text-decoration:none;background:none;border:0 solid transparent;border-image:url(/ui/white-pill.webp) 70 75 fill / 26px 26px;filter:drop-shadow(0 6px 8px rgba(50,75,125,.2));cursor:pointer}.jelly-btn:active:not(:disabled){border-image-source:url(/ui/white-pill-pressed.webp)}.jelly-btn.primary{color:#fff;text-shadow:0 1px 3px rgba(10,40,120,.6);border-image-source:url(/ui/jelly-pill.webp);filter:drop-shadow(0 6px 10px rgba(30,90,210,.3))}.jelly-btn.primary:active:not(:disabled){border-image-source:url(/ui/jelly-pill-pressed.webp)}.jelly-btn:disabled{opacity:.5;cursor:default}.jelly-badge{display:inline-flex;align-items:center;min-height:22px;padding:0 2px;font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(10,40,120,.6);border:0 solid transparent;border-image:url(/ui/jelly-badge.webp) 34 36 fill / 11px 12px}.status-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:6px 18px 6px 20px;border:0 solid transparent;border-image:url(/ui/white-card.webp) 150 fill / 24px;filter:drop-shadow(0 6px 8px rgba(50,75,125,.16))}.status-item{display:flex;align-items:center;gap:6px}.status-label{font-family:var(--font-round);font-size:12px;font-weight:800;color:var(--ink-soft)}.status-rank{font-family:var(--font-display);font-weight:900;font-size:16px;letter-spacing:.04em;color:var(--jelly-deep)}.status-moves{font-size:32px;line-height:1}.frame{position:relative;padding:8px;border:0 solid transparent;border-image:url(/ui/frame-board.webp) 66 fill / 20px / 12px;filter:drop-shadow(0 8px 12px rgba(30,90,210,.28))}.jelly-card{border:0 solid transparent;border-image:url(/ui/white-card.webp) 150 fill / 34px;filter:drop-shadow(0 8px 12px rgba(50,75,125,.16))}.jelly-card-body{padding:18px 20px}.jelly-card h2{margin:0 0 10px;font-family:var(--font-round);font-weight:800;font-size:17px}.card-note{margin:6px 0 0;font-size:13px;color:var(--ink-soft)}.next-col{display:flex;flex-direction:column;gap:10px}.next-box{position:relative;padding:20px 7px 7px;border-radius:16px;background:var(--puff-fill);box-shadow:var(--puff-shadow)}.next-2{width:80%;margin-left:auto;padding-top:18px}.next-label{position:absolute;top:3px;left:0;right:0;text-align:center;font-family:var(--font-round);font-weight:800;font-size:11px;letter-spacing:.04em;color:var(--ink)}.next-pair{display:flex;flex-direction:column;padding:2px;border-radius:10px;background:var(--field-bg);box-shadow:var(--groove-shadow)}.next-empty{aspect-ratio:1 / 2}.next-pair>.puyo-sprite{width:100%;height:auto;aspect-ratio:1}.mode-switch{display:flex;gap:2px;padding:3px;border-radius:12px;border:1px solid #c9d4e3;background:#ffffffeb}.mode-switch button{flex:1;min-height:38px;border:none;border-radius:9px;background:transparent;font-family:var(--font-round);font-weight:800;color:var(--ink);cursor:pointer}.mode-switch button.on{color:#fff;background:var(--jelly)}.mode-switch button:disabled{opacity:.4;cursor:default}.mode-switch .replay{flex:0 0 44px;font-size:18px}.jelly-line{height:14px;border:0 solid transparent;border-image:url(/ui/jelly-line.webp) 22 24 fill / 7px 8px}.jelly-col:after,.practice-col:after{content:"© ぷよぷよ向上委員会 2026";display:block;padding-top:6px;text-align:center;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--ink-soft)}.practice-col{position:relative}.practice-col:after{position:absolute;left:0;right:0;bottom:0;padding-top:0;pointer-events:none}.home-head{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:0 2px;margin-top:14px}.home-title{margin:0;line-height:0}.home-title img{height:50px;width:auto}.home-sub{padding-bottom:6px;font-family:var(--font-round);font-size:13px;font-weight:800}.home-intro{margin:0;padding:0 4px;font-size:13px;font-weight:700;line-height:1.75}.home-rank{margin-top:18px}.rank-card{position:relative;display:flex;flex-direction:column;gap:10px;padding-top:20px}.rank-card h2{margin:0;padding-right:100px;font-size:24px}.rank-name{position:absolute;top:-26px;right:2px;width:112px;height:112px;display:grid;place-items:center;font-size:26px;background:url(/ui/ball.webp) center / contain no-repeat;filter:drop-shadow(0 8px 10px rgba(30,90,210,.3))}.rank-name .art-rank img{max-width:84px;object-fit:contain}.rank-next{margin:0;font-size:13px;font-weight:800}.rank-progress{height:28px;padding:5px 6px;border:0 solid transparent;border-image:url(/ui/groove-pill.webp) 42 45 fill / 14px 14px}.rank-progress span{display:block;height:100%;min-width:18px;border:0 solid transparent;border-image:url(/ui/jelly-badge.webp) 34 36 fill / 9px 9px}.rank-stats{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.rank-stats div{padding:6px 12px;border-radius:14px;background:var(--groove-fill);box-shadow:var(--groove-shadow)}.rank-stats dt{font-size:11px;font-weight:700;color:var(--ink-soft)}.rank-stats dd{margin:0;font-family:var(--font-round);font-weight:800;font-size:18px}.trend{width:100%;height:auto;display:block}.trend-grid{stroke:#cfd8e4;stroke-width:.5}.trend-bar{fill:#a9bad3}.trend-bar.done{fill:var(--jelly)}.trend-num{font-size:7px;font-weight:700;text-anchor:middle;fill:var(--ink)}.steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.step-card{display:flex;align-items:center;gap:14px;padding:12px 12px 12px 10px;text-decoration:none;color:var(--ink);border:0 solid transparent;border-image:url(/ui/white-card.webp) 150 fill / 30px;filter:drop-shadow(0 8px 10px rgba(50,75,125,.16))}.step-card:active{transform:translateY(1px) scale(.99)}.step-no{flex:0 0 64px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:28px;line-height:1;background:url(/ui/ball.webp) center / contain no-repeat}.step-no small{font-family:var(--font-round);font-weight:800;font-size:9px;letter-spacing:.1em;color:#fff;text-shadow:0 1px 2px rgba(10,40,120,.6)}.step-body{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.step-title{font-family:var(--font-round);font-weight:800;font-size:18px;line-height:1.3}.step-note{font-size:12px;line-height:1.5}.step-status{margin-top:2px}.step-arrow{flex:none;width:22px;height:22px}.puyo-svg{display:block;width:100%;height:100%;overflow:hidden}.board-field .puyo-svg,.next-pair .puyo-svg{filter:drop-shadow(0 1.5px 1.5px rgba(30,50,100,.25))}.cell{position:absolute;left:0;top:0;width:calc(100% / 6);height:calc(100% / 12);transition-property:transform;transition-timing-function:cubic-bezier(.32,0,.67,0)}.cell-inner{width:100%;height:100%;transform-origin:50% 100%}.cell.ghost .cell-inner{opacity:.35;transform:scale(.55);transform-origin:50% 50%}.cell-inner.land{animation:puyo-land var(--land-ms) ease-out both}@keyframes puyo-land{0%{transform:scale(1)}30%{transform:scale(calc(1 + .18 * var(--land-k, 1)),calc(1 - .22 * var(--land-k, 1)))}65%{transform:scale(calc(1 - .05 * var(--land-k, 1)),calc(1 + .06 * var(--land-k, 1)))}to{transform:scale(1)}}.cell-inner.pop{transform-origin:50% 50%;animation:puyo-pop var(--pop-ms) linear forwards}@keyframes puyo-pop{0%,16%,32%,48%{opacity:1;filter:brightness(1.6)}8%,24%,40%,56%{opacity:.35;filter:brightness(1)}70%{opacity:1;transform:scale(1.12);filter:brightness(2.2)}to{opacity:0;transform:scale(1.5);filter:brightness(3)}}.wobble .puyo-svg{transform-origin:50% 100%;animation:puyo-idle 2.4s ease-in-out infinite}@keyframes puyo-idle{0%,to{transform:scale(1)}50%{transform:scale(1.03,.97)}}@media(prefers-reduced-motion:reduce){.cell-inner.land,.wobble .puyo-svg{animation:none}}.puyo-sprite{position:relative;display:block;width:100%;height:100%}.puyo-sprite img{position:absolute;left:-3%;bottom:0;width:106%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 1.5px 1.5px rgba(30,50,100,.25))}.bridge{position:absolute;left:0;top:0;width:calc(100% / 6);height:calc(100% / 12);pointer-events:none}.bridge:before{content:"";position:absolute;border-radius:40%;opacity:.9;background:linear-gradient(180deg,var(--b-light) 0%,var(--b-base) 55%,var(--b-dark) 100%)}.bridge-h:before{left:50%;width:100%;top:34%;bottom:4%}.bridge-v:before{left:16%;right:16%;top:-40%;height:90%}.board-field{position:relative;width:100%;aspect-ratio:6 / 12;border-radius:12px;background-color:var(--field-bg);background-image:linear-gradient(var(--field-grid) 1px,transparent 1px),linear-gradient(90deg,var(--field-grid) 1px,transparent 1px);background-size:calc(100% / 6) calc(100% / 12);box-shadow:inset 0 3px 8px #1e469647}.board-field:before{content:"×";position:absolute;left:calc(100% / 6 * 2);top:0;width:calc(100% / 6);height:calc(100% / 12);display:grid;place-items:center;color:#dd3b4c66;font-weight:700;font-size:18px}.cell.active{transition-duration:50ms;transition-timing-function:linear;z-index:2}.cell.guide .cell-inner{opacity:.4;filter:drop-shadow(0 0 6px rgba(47,111,224,.9));animation:guide-pulse 1.4s ease-in-out infinite}@keyframes guide-pulse{0%,to{opacity:.25}50%{opacity:.55}}.board-chain{position:absolute;inset:32% 0 auto;z-index:3;display:flex;justify-content:center;align-items:flex-end;gap:2px;pointer-events:none;animation:board-chain-in .35s cubic-bezier(.2,1.6,.4,1) both;container-type:inline-size}.board-chain-num{font-size:30cqw}.board-chain-word{font-size:15cqw}@keyframes board-chain-in{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.board-chain,.cell.guide .cell-inner{animation:none}}.practice{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 6px);height:100dvh;min-height:0;overflow:hidden;user-select:none;-webkit-user-select:none}.practice-col{height:100%;max-width:440px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.play{flex:1;min-height:0;container-type:size;display:flex;justify-content:center}.play-grid{--cell: min(calc((100cqh - 20px) / 13), calc((100cqw - 50px) / 7.6));display:flex;gap:10px;padding-top:var(--cell);align-items:flex-start}.practice .frame{width:calc(var(--cell) * 6 + 16px)}.over-banner{position:absolute;inset:40% 0 auto;z-index:4;display:flex;justify-content:center;font-size:calc(var(--cell) * 1.3);animation:board-chain-in .35s cubic-bezier(.2,1.6,.4,1) both}.practice .next-col{width:calc(var(--cell) * 1.6 + 16px)}.side-box{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;text-align:center;border:0 solid transparent;border-image:url(/ui/white-btn.webp) 55 60 fill / 14px 14px;filter:drop-shadow(0 4px 6px rgba(50,75,125,.16))}.side-box .status-label{font-size:11px;line-height:1.2}.side-box .status-moves{font-size:calc(var(--cell) * 1.15)}.side-rank{font-family:var(--font-display);font-weight:900;font-size:14px;line-height:1.2;color:var(--jelly-deep)}.pad{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 0;touch-action:none}.dpad{position:relative;width:140px;aspect-ratio:1;background:url(/ui/dpad.webp) center / contain no-repeat;filter:drop-shadow(0 8px 10px rgba(30,90,210,.3))}.dpad-btn,.rot-btn{display:grid;place-items:center;cursor:pointer;touch-action:none;-webkit-touch-callout:none}.dpad .pad-icon,.rot-btn .pad-icon,.dpad-hub{display:none}.dpad-btn{position:absolute;width:34%;height:34%;border:none;border-radius:50%;background:transparent}.dpad-btn:active{background:radial-gradient(circle,#ffffff73,#fff0 70%)}.dpad-up{left:33%;top:2%}.dpad-down{left:33%;bottom:6%}.dpad-left{top:31%;left:2%}.dpad-right{top:31%;right:2%}.rot{position:relative;width:150px;height:140px}.rot-btn{position:absolute;width:70px;height:70px;border:none;border-radius:50%;background:center / contain no-repeat;filter:drop-shadow(0 6px 8px rgba(30,90,210,.3))}.rot-btn.rot-left{background-image:url(/ui/rot-left.webp)}.rot-btn.rot-right{background-image:url(/ui/rot-right.webp)}.rot-btn:active{transform:scale(.93)}.rot-left{left:6px;bottom:8px}.rot-right{right:6px;top:8px}@media(max-height:600px){.dpad{width:124px}.rot{width:130px;height:124px}.rot-btn{width:60px;height:60px}}.swipe-area{touch-action:none;user-select:none;-webkit-user-select:none}.swipe-hint{margin:0;text-align:center;font-size:12px;font-weight:700;color:var(--ink-soft)}.result-empty,.result-loading{margin:0;text-align:center;color:var(--ink)}.hero{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"grade score" "grade sub";align-items:center;column-gap:16px}.grade{grid-area:grade;font-size:92px;filter:drop-shadow(0 8px 10px rgba(30,90,210,.3));animation:grade-in .6s cubic-bezier(.2,1.6,.4,1) .6s both}@keyframes grade-in{0%{transform:scale(.3) rotate(-25deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.hero-score{grid-area:score;display:flex;align-items:baseline;gap:4px}.hero-num{font-size:58px}.hero-unit{font-size:30px}.hero-sub{grid-area:sub;margin:4px 0 0;font-size:13px;font-weight:700;color:var(--ink-soft)}.rank-banner{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;font-size:34px;border:0 solid transparent;border-image:url(/ui/jelly-pill.webp) 70 75 fill / 36px 40px;filter:drop-shadow(0 8px 12px rgba(30,90,210,.3));animation:banner-in .6s cubic-bezier(.2,1.6,.4,1) 1.2s both}.rank-banner.down{border-image-source:url(/ui/white-pill.webp)}.rank-banner-name{font-family:var(--font-round);font-weight:800;font-size:16px;color:#fff;text-shadow:0 1px 3px rgba(10,40,120,.6)}.rank-banner.down .rank-banner-name{color:var(--ink);text-shadow:none}@keyframes banner-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.h2-num{margin-left:6px;color:var(--jelly)}.bars{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.bar-row{display:grid;grid-template-columns:6.5em minmax(0,1fr) 3.6em;align-items:center;gap:4px 10px;font-size:13px}.bar-label{font-weight:700}.bar-track{height:20px;padding:3px 4px;border:0 solid transparent;border-image:url(/ui/groove-pill.webp) 42 45 fill / 10px 10px}.bar-fill{display:block;height:100%;border:0 solid transparent;border-image:url(/ui/jelly-badge.webp) 34 36 fill / 7px 7px;transform-origin:left;animation:bar-grow .8s ease-out .3s both}@keyframes bar-grow{0%{transform:scaleX(0)}}.bar-value{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}.bar-value small{font-weight:500;color:var(--ink-soft)}.bar-note{grid-column:2 / -1;font-size:12px;color:var(--ink-soft)}.final{display:flex;flex-direction:column;align-items:center}.final h2{align-self:flex-start}.final-board{width:min(64vw,240px);padding-top:calc(min(62vw,230px) / 6)}.final-actions{display:flex;align-items:center;gap:10px;margin-top:12px}.worst{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.worst-item{width:100%;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;text-align:left;padding:8px 10px 8px 6px;color:var(--ink);background:none;border:0 solid transparent;border-image:url(/ui/white-card.webp) 150 fill / 22px;filter:drop-shadow(0 4px 6px rgba(50,75,125,.14));cursor:pointer}.worst-item:active{transform:translateY(1px)}.worst-turn{grid-row:span 3;align-self:center;padding:8px 6px;font-family:var(--font-display);font-weight:900;font-size:15px;color:#fff;text-shadow:0 1px 3px rgba(10,40,120,.6);border:0 solid transparent;border-image:url(/ui/jelly-badge.webp) 34 36 fill / 16px 16px}.worst-best{font-weight:700;font-size:14px}.worst-reason{font-size:13px;line-height:1.6}.worst-go{justify-self:end;font-size:12px;font-weight:800;color:var(--jelly)}.result-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:4px}@media(prefers-reduced-motion:reduce){.grade,.rank-banner,.bar-fill{animation:none}}.review-empty{margin:0;text-align:center}.verdict-row{display:flex;align-items:center;justify-content:center;gap:10px}.verdict{display:inline-flex;align-items:center;min-height:30px;padding:0 4px;font-weight:800;font-size:14px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);border:0 solid transparent;border-image:var(--badge) 34 36 fill / 15px 15px}.verdict-best{--badge: url(/ui/jelly-badge.webp)}.verdict-good{--badge: url(/ui/badge-green.webp)}.verdict-ok{--badge: url(/ui/badge-yellow.webp)}.verdict-bad{--badge: url(/ui/badge-red.webp)}.dot-best{--v: var(--verdict-best)}.dot-good{--v: var(--verdict-good)}.dot-ok{--v: var(--verdict-ok)}.dot-bad{--v: var(--verdict-bad)}.verdict-loss{font-weight:700;font-size:13px;color:var(--ink-soft)}.review-play{--cell: min(calc((100vw - 64px) / 7.6), 36px);display:flex;justify-content:center;gap:10px;padding-top:var(--cell)}.review-board .frame{width:calc(var(--cell) * 6 + 16px)}.review-next{width:calc(var(--cell) * 1.5 + 16px)}.reasons{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.6}.turn-nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}.turn-dots{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.dot{width:30px;height:30px;border:none;border-radius:50%;font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.4);background:radial-gradient(circle at 35% 28%,#ffffffd9 0,#ffffffd9 14%,#fff0 40%),var(--v);box-shadow:inset 0 -3px 5px #00000040,0 2px 4px #1e326440;cursor:pointer}.dot.current{transform:scale(1.2);outline:3px solid #fff;box-shadow:inset 0 -3px 5px #00000040,0 0 0 5px #2f6fe059,0 3px 6px #1e32644d}.diagram{margin:0;display:flex;flex-direction:column;align-items:center;gap:8px}.diagram-frame{--cell: min(30px, calc((100vw - 100px) / 6));width:calc(var(--cell) * 6 + 16px)}.diagram-window{position:relative;height:calc(var(--cell) * var(--rows));overflow:hidden;border-radius:12px}.diagram-field{position:absolute;left:0;right:0;bottom:0}.diagram-field .board-field{border-radius:0}.diagram-mark{position:absolute;left:0;top:0;width:calc(100% / 6);height:calc(100% / 12);display:grid;place-items:center;pointer-events:none;font-weight:800;font-size:calc(var(--cell) * .42);color:#fff;text-shadow:0 0 3px rgba(0,0,0,.9),0 0 1px #000;z-index:3}.diagram-ring{position:absolute;left:0;top:0;width:calc(100% / 6);height:calc(100% / 12);z-index:3;pointer-events:none}.diagram-ring:before{content:"";position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px var(--jelly),0 0 10px 2px #2f6fe0cc;animation:ring-pulse 1.4s ease-in-out infinite}@keyframes ring-pulse{0%,to{opacity:.65}50%{opacity:1}}.diagram-controls{display:flex;gap:8px}.diagram-caption{position:relative;max-width:34ch;min-height:3.2em;margin-top:6px;padding:10px 14px;border-radius:12px;font-size:13px;font-weight:700;line-height:1.6;text-align:center;border:1px solid #d3dce8;background:#fff}.diagram-caption:before{content:"";position:absolute;top:-8px;left:50%;width:16px;height:16px;transform:translate(-50%) rotate(45deg);background:#fff;border-top:1px solid #d3dce8;border-left:1px solid #d3dce8;border-radius:3px}.guide-title{margin:0;font-family:var(--font-round);font-weight:800;font-size:18px}.prose{display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.8}.prose p,.prose h2{margin:0}.prose h3{margin:0 0 6px;font-size:14px;font-weight:800;text-align:center}.badge{display:inline-flex;align-items:center;min-height:20px;margin-left:6px;padding:0 2px;font-size:11px;color:#fff;vertical-align:middle;text-shadow:0 1px 2px rgba(10,40,120,.6);border:0 solid transparent;border-image:url(/ui/jelly-badge.webp) 34 36 fill / 10px 11px}.mistakes{display:grid;gap:18px}.mistake{padding-top:12px;border-top:2px dashed #d6dfeb}.mistake:first-child{padding-top:0;border-top:none}.tips{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:6px}.build-steps{display:flex;flex-direction:column;align-items:center;gap:6px}.build-move{font-weight:800;text-align:center}.build-nav{display:flex;align-items:center;gap:12px}.build-count{font-variant-numeric:tabular-nums;font-weight:700}.guide-next{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.drill-title{margin:0;font-family:var(--font-round);font-weight:800;font-size:16px}.drill-intro{margin:0;font-size:13px;font-weight:700}.levels{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.level-btn{position:relative;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 48px 10px 14px;text-align:left;color:var(--ink);border:1px solid #c9d4e3;border-radius:12px;background:#fff;cursor:pointer}.level-btn:active:not(:disabled){background:#eef3fa}.level-btn:disabled{cursor:default;color:var(--ink-soft);background:#eef1f5}.level-btn:disabled:after{content:"";position:absolute;right:14px;top:50%;width:22px;height:22px;transform:translateY(-50%);background:url(/ui/icon-lock.webp) center / contain no-repeat;opacity:.6}.level-btn.cleared{border:2px solid var(--jelly);background:#f2f7ff}.level-name{font-family:var(--font-display);font-weight:900;font-size:18px}.level-note{font-size:12px;line-height:1.5}.level-mark{position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:28px;line-height:0}.drill-message{margin:0;min-height:1.6em;text-align:center;font-size:13px;font-weight:800;color:var(--jelly-deep)}.drill-verdict{display:flex;flex-direction:column;align-items:center;gap:8px}.drill-big{margin:0;font-family:var(--font-display);font-size:34px;animation:board-chain-in .4s cubic-bezier(.2,1.6,.4,1) both}.drill-big.ok,.drill-big.ng{font-size:54px;line-height:0}.drill-checks{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:700}.drill-checks li{display:flex;align-items:center;gap:8px}.drill-checks li:before{content:"";flex:0 0 24px;height:24px;background:center / contain no-repeat}.drill-checks .ok:before{background-image:url(/ui/icon-circle.webp)}.drill-checks .ng:before{background-image:url(/ui/icon-cross.webp)}.diffs{display:flex;flex-direction:column;gap:16px}.diff{display:flex;flex-direction:column;align-items:center;gap:8px}.diff h3{margin:0;font-size:14px;font-weight:800;text-align:center}.diff-board{--cell: min(28px, calc((100vw - 100px) / 6));width:calc(var(--cell) * 6 + 16px);margin-top:var(--cell)}.diff .mode-switch{width:100%}.result-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.y-intro{margin-top:10px}.quiz-count{font-family:var(--font-round);font-size:13px;font-weight:800;color:var(--jelly-deep)}.quiz-question{margin:0;text-align:center;font-family:var(--font-round);font-size:15px;font-weight:800}.quiz-answer{display:flex;flex-direction:column;gap:10px}.quiz-verdict{margin:0;display:flex;justify-content:center;align-items:center;gap:8px;font-family:var(--font-display);font-weight:900;font-size:30px}.quiz-verdict.ok{color:var(--jelly)}.quiz-verdict.ng{color:var(--verdict-bad)}.quiz-explain{margin:0;font-size:14px;line-height:1.8}.quiz-score{margin:0;display:flex;align-items:flex-end;gap:8px;font-size:64px}.quiz-score-of{padding-bottom:6px;font-family:var(--font-round);font-size:16px;font-weight:800}.quiz-why h2{margin:14px 0 6px}.quiz-why h2:first-child{margin-top:0}.quiz-why p{margin:0;font-size:14px;line-height:1.8}.quiz-avoid{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13px;line-height:1.7}.quiz-avoid li{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:10px;background:#fff5f5;border:1px solid #f2c9cd}.quiz-avoid li>span{flex:1}.quiz-avoid strong{color:var(--verdict-bad)}.quiz-avoid .flat-btn{flex:none;min-height:30px;padding:0 8px;font-size:12px}.quiz-time{margin:0;text-align:center;font-size:13px;font-weight:800;color:var(--ink-soft)}.quiz-timer{margin-left:6px;font-variant-numeric:tabular-nums;color:var(--jelly-deep)}.settings-title{margin:0;padding-block:4px;font-family:var(--font-round);font-weight:800;font-size:18px}.settings{display:flex;flex-direction:column;gap:14px}.settings h2{margin:0}.setting-row{display:flex;flex-direction:column;gap:6px}.setting-label{font-size:13px;font-weight:800}.setting-row .card-note{margin:0;font-size:12px}.seed-input{width:100%;min-height:44px;padding:0 16px;border:none;border-radius:999px;background:#fff;color:var(--ink);font-size:16px;font-weight:800;box-shadow:var(--groove-shadow)}.setting-toggle-row{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}.setting-toggle-row .card-note{flex-basis:100%}.toggle{position:relative;flex:none;width:52px;height:32px;padding:0;border:none;border-radius:999px;background:#cfd6e0;cursor:pointer;transition:background-color .18s}.toggle[aria-checked=true]{background:var(--jelly)}.toggle-text{display:none}.toggle-knob{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #141e3c40;transition:transform .18s ease}.toggle[aria-checked=true] .toggle-knob{transform:translate(20px)}:root{--puyo-r: #ec3b4f;--puyo-r-light: #ff9aa3;--puyo-r-dark: #a51c33;--puyo-g: #3cc04f;--puyo-g-light: #9af3a4;--puyo-g-dark: #1f7f32;--puyo-b: #3d7ff0;--puyo-b-light: #a3c4ff;--puyo-b-dark: #1f4fb0;--puyo-y: #f7c623;--puyo-y-light: #ffeb94;--puyo-y-dark: #b98a08;--puyo-p: #a457e0;--puyo-p-light: #d9b0ff;--puyo-p-dark: #6c2ea3;--field-bg: #f6f9fd;--field-grid: rgba(60, 100, 170, .12);--ink: #26304a;--ink-soft: #5d6883;--page-bg: #e9eef4;--jelly: #2f6fe0;--jelly-deep: #1a4cb3;--jelly-light: #8fbcff;--jelly-fill: radial-gradient(130% 95% at 50% 0%, #9cc6ff 0%, #5b97f2 32%, #2f6fe0 62%, #1d50bd 100%);--jelly-shadow: inset 0 -5px 10px rgba(10, 40, 125, .45), inset 0 3px 5px rgba(255, 255, 255, .55), 0 6px 14px rgba(30, 90, 210, .32), 0 2px 3px rgba(20, 50, 130, .28);--puff-fill: linear-gradient(180deg, #ffffff 0%, #f5f8fc 55%, #e3e9f1 100%);--puff-shadow: inset 0 2px 1px #fff, inset 0 -4px 8px rgba(80, 100, 145, .16), 0 8px 18px rgba(60, 80, 125, .16), 0 2px 4px rgba(60, 80, 125, .16);--puff-shadow-pressed: inset 0 2px 5px rgba(80, 100, 145, .25), 0 1px 2px rgba(60, 80, 125, .2);--groove-fill: #e1e8f1;--groove-shadow: inset 0 2px 4px rgba(60, 85, 130, .22), inset 0 -1px 1px rgba(255, 255, 255, .9);--verdict-best: #2f6fe0;--verdict-good: #2fa64a;--verdict-ok: #e8b10f;--verdict-bad: #dd3b4c;--app-bg: #070b1c;--app-fg: #eef1ff;--app-muted: #9aa3c7;--app-line: rgba(255, 255, 255, .12);--accent: #39d4ff;--accent-2: #ff4fb8;--gold: #f2c45a;--font-display: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;--font-round: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;--font-body: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;--fall-ms-per-row: 22ms;--slide-ms: .1s;--land-ms: .18s;--land-k: .9;--pop-ms: .56s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--page-bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.7;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--jelly-light);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}