@import"https://fonts.googleapis.com/css2?family=Alice&family=Google+Sans+Code:wght@700;900&family=Kaisei+Decol:wght@400;500;700&display=swap";:root{font-family:Alice,Kaisei Decol,Helvetica Neue,Roboto,Segoe UI,Arial,sans-serif;color:#152238;background:#fff6e9}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden;background:radial-gradient(circle at top right,#ffd8a8 0%,transparent 45%),radial-gradient(circle at bottom left,#ffe9c9 0%,transparent 35%),#fff6e9}button,input,select,textarea{font:inherit}#root{min-height:100vh}.app{--app-shell-padding: clamp(.6rem, 2.5vmin, 1.2rem);--stage-card-aspect-ratio: .6666666667;--stage-card-base-width: 440px;--stage-card-base-height: 660px;--stage-card-max-inline-size: calc(100vw - (var(--app-shell-padding) * 2));--stage-card-max-block-size: calc(100vh - (var(--app-shell-padding) * 2));--stage-card-scale: min( calc(var(--stage-card-max-inline-size) / var(--stage-card-base-width)), calc(var(--stage-card-max-block-size) / var(--stage-card-base-height)) );min-height:100vh;height:100vh;display:grid;place-items:center;padding:var(--app-shell-padding);position:relative;overflow:hidden;isolation:isolate}.app-playing{--fx-hue-shift: 0deg;--fx-drift-duration: 22s}.combo-effects{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.combo-ring{position:absolute;left:var(--combo-origin-x, 50%);top:var(--combo-origin-y, 53%);width:min(92vw,460px);aspect-ratio:1 / 1;border-radius:999px;border:3px solid rgb(255 171 62 / 0%);box-shadow:0 0 24px #ffaa3a00;transform:translate(-50%,-50%) scale(.55);opacity:0}.combo-particle{position:absolute;left:var(--combo-origin-x, 50%);top:var(--combo-origin-y, 53%);width:.75rem;aspect-ratio:1 / 1;border-radius:999px;background:linear-gradient(150deg,#fff3d5,#ff9d41 60%,#ff7c2e);box-shadow:0 0 14px #ff8d27ad;opacity:0;transform:translate(-50%,-50%)}.combo-effects-active .combo-ring{animation:combo-ring-wave .62s ease-out 1 both}.combo-effects-active.combo-tier-mid .combo-particle,.combo-effects-active.combo-tier-high .combo-particle{animation:combo-particle-burst .82s ease-out 1 both;animation-delay:calc(var(--combo-index) * .03s)}.performance-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;filter:hue-rotate(var(--fx-hue-shift));transition:filter .32s linear}.performance-bg:before{content:"";position:absolute;inset:-10%;background:radial-gradient(circle at 12% 20%,rgb(255 184 101 / 48%) 0%,transparent 42%),radial-gradient(circle at 86% 14%,rgb(78 164 255 / 36%) 0%,transparent 48%),radial-gradient(circle at 76% 84%,rgb(255 128 92 / 30%) 0%,transparent 40%),linear-gradient(145deg,#fff8e2,#ffe3b4 55%,#ffd3aa);transform:scale(1.05)}.performance-bg:after{content:"";position:absolute;inset:-2px;opacity:.16;background-image:repeating-linear-gradient(0deg,rgb(255 255 255 / 14%) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgb(26 50 84 / 7%) 0 1px,transparent 1px 3px);mix-blend-mode:soft-light;animation:noise-drift .32s steps(2,jump-none) infinite}.performance-bg-shape{position:absolute;width:clamp(140px,28vw,260px);aspect-ratio:1 / 1;border-radius:42% 58% 51% 49%/47% 53% 45% 55%;background:linear-gradient(145deg,#ffffff4d,#ffd6a224);box-shadow:inset 0 0 24px #ffffff42,0 20px 46px #c2692a2e;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);opacity:.6}.performance-bg-shape-a{left:-9%;top:22%;animation:drift-a var(--fx-drift-duration) ease-in-out infinite alternate}.performance-bg-shape-b{right:-10%;top:10%;width:clamp(120px,24vw,220px);opacity:.5;animation:drift-b calc(var(--fx-drift-duration) * .86) ease-in-out infinite alternate}.performance-bg-shape-c{right:18%;bottom:-14%;width:clamp(170px,30vw,290px);opacity:.56;animation:drift-c calc(var(--fx-drift-duration) * 1.12) ease-in-out infinite alternate}.stage-frame{width:calc(var(--stage-card-base-width) * var(--stage-card-scale));height:calc(var(--stage-card-base-height) * var(--stage-card-scale));position:relative;flex:none}.stage-card{width:var(--stage-card-base-width);height:var(--stage-card-base-height);aspect-ratio:2 / 3;border-radius:24px;padding:1.5rem 1.25rem 1.75rem;display:flex;flex-direction:column;background:#fffdf9;box-shadow:0 14px 30px #cb8f4038,inset 0 0 0 2px #ffedcf;position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%) scale(var(--stage-card-scale));transform-origin:center center}@supports (height: 100dvh){body,#root{min-height:100dvh}.app{--stage-card-max-block-size: calc(100dvh - (var(--app-shell-padding) * 2));min-height:100dvh;height:100dvh}}.round-content{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}.stage-tag{margin:0;font-weight:700;letter-spacing:.04em;color:#9a5f00}.title{margin:.15rem 0 .9rem;font-size:clamp(1.9rem,5vw,2.4rem);line-height:1}.stage-head-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:2rem}.stage-head-actions{display:inline-flex;align-items:center;gap:.45rem}.stage-head-action-placeholder{width:2rem;height:2rem;flex-shrink:0}.stage-select-description{margin:0 0 1rem;color:#365177;font-weight:600}.stage-select-hint{margin:0 0 .95rem;color:#1f4f91;font-weight:700}.stage-select-inline-summary{margin:0 0 .95rem;padding:0 .9rem;min-height:2.2rem;width:100%;border:none;border-radius:999px;background:linear-gradient(135deg,#f6efe2,#fff8ec);box-shadow:inset 0 0 0 1px #edd9b8;color:#7a4a00;display:flex;align-items:center;justify-content:center;font-size:clamp(.84rem,2.8vw,.92rem);font-weight:800;line-height:1.35;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.stage-select-inline-summary:hover{transform:translateY(-1px);filter:brightness(1.02)}.stage-select-inline-summary:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #edd9b8,0 0 0 3px #2249822e}.player-trigger{border:none;border-radius:999px;height:2rem;padding:0 .65rem;background:#eff4ff;color:#224982;display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:800;cursor:pointer;transition:transform .12s ease,filter .12s ease,background-color .12s ease}.history-icon-button,.sound-icon-button{border:none;border-radius:999px;width:2rem;height:2rem;display:grid;place-items:center;background:#eff4ff;color:#224982;cursor:pointer;transition:transform .12s ease,filter .12s ease,background-color .12s ease}.history-icon-button:hover,.sound-icon-button:hover{transform:translateY(-1px);filter:brightness(1.05);background:#e5efff}.stage-list{display:grid;gap:.8rem}.stage-item-shell{display:block;position:relative}.stage-item{position:relative;overflow:hidden;border:none;border-radius:16px;background:linear-gradient(140deg,#fff2d7,#ffe0b0);box-shadow:inset 0 0 0 2px #ffd08d;display:block;width:100%;text-align:left;padding:.9rem .9rem 3rem;color:#3d2500;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.stage-item:after{content:attr(data-operator);position:absolute;right:-.25rem;bottom:-5rem;font-size:16rem;font-family:Google Sans Code,monospace;font-weight:900;line-height:1;color:#8f4f0033;transform:rotate(-17deg);letter-spacing:-.05em;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}.stage-item>span{position:relative;z-index:2}.stage-item:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 2px #ffbe68,0 8px 14px #d6780d2e;filter:brightness(1.03)}.stage-item:active{transform:translateY(0)}.stage-item:disabled{cursor:not-allowed;opacity:.55;transform:none;filter:saturate(.7)}.stage-item-header{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}.stage-item-tag{font-size:.82rem;font-weight:700;color:#8f4f00}.stage-item-description{display:block;margin-top:.3rem;color:#70460f;font-weight:600}.stage-item-record{display:block;margin-top:.45rem;font-weight:800;color:#173a6f}.stage-item-record-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem}.stage-item-record-label,.stage-item-record-value{flex:0 0 auto}.stage-item-record-player{flex:0 1 auto;min-width:0;color:#31588f}.stage-item-record-meta{display:inline;margin-left:.45rem;font-size:.8rem;font-weight:700;color:#31588f}.stage-item-record-meta-today{text-decoration:underline dotted;text-underline-offset:.12em;text-decoration-thickness:.08em}.stage-item-lock-note{display:block;margin-top:.55rem;font-size:.8rem;font-weight:800;color:#a14b00}.stage-ranking-button{position:absolute;right:.8rem;bottom:.7rem;display:inline-flex;align-items:center;gap:.28rem;border:none;border-radius:999px;padding:.4rem .8rem;background:#1e4f93;color:#fff;font-size:.78rem;font-weight:800;cursor:pointer;transition:transform .12s ease,filter .12s ease,background-color .12s ease}.stage-ranking-button:hover{transform:translateY(-1px);filter:brightness(1.06)}.ranking-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-bottom:.85rem}.ranking-tab{border:none;border-radius:999px;padding:.58rem .8rem;background:#f3e6cf;color:#3d2500;font-size:.85rem;font-weight:800;cursor:pointer}.ranking-tab-active{background:#1e4f93;color:#fff}.ranking-tab:disabled{opacity:.6;cursor:not-allowed}.ranking-table-wrap{flex:1;min-height:0;overflow:auto;border-radius:14px;background:#fff8eb;box-shadow:inset 0 0 0 1px #f3dec0;padding:.2rem}.ranking-empty-message{margin:0;padding:1rem .9rem}.ranking-table{width:100%;border-collapse:collapse;font-size:.88rem;color:#2d2311}.ranking-table th,.ranking-table td{padding:.55rem .45rem;border-bottom:1px solid #efddbf;text-align:left;white-space:nowrap}.ranking-table th{color:#744400;font-weight:800;background:#fff1d6;position:sticky;top:0}.ranking-table tbody tr:last-child td{border-bottom:none}.progress-row{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1rem;font-weight:600}.progress-row p{margin:0;padding:.32rem .62rem;border-radius:999px;background:#fff3dd}.progress-bar-block{margin-bottom:.8rem}.progress-bar-track{width:100%;height:.7rem;border-radius:999px;background:#f1dfbf;overflow:visible;position:relative}.progress-bar-count{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);font-size:.72rem;line-height:1;font-weight:800;color:#6f3e00;white-space:nowrap;pointer-events:none}.progress-bar-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffb347,#ff8f38);transition:width .16s ease}.combo-progress-overlay{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%) scale(.95);font-size:clamp(1.25rem,4.8vw,1.8rem);line-height:1;font-weight:900;letter-spacing:.08em;color:#000;text-shadow:none;-webkit-text-stroke:0;pointer-events:none;white-space:nowrap;animation:combo-progress-pop .76s ease-out 1 both}.timer-row{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin-bottom:.65rem}.timer-pill{margin:0;padding:.32rem .62rem;border-radius:999px;background:#e8f1ff;color:#0c3a76;font-weight:700}.expression{margin:1rem 0;text-align:center;font-size:clamp(1.8rem,9vw,2.6rem);font-weight:900;color:#173a6f}.countdown-status{margin:1.4rem auto;text-align:center}.countdown-label{margin:0 0 .25rem;font-weight:700;color:#173a6f}.countdown-number{margin:.15rem 0 0;font-size:clamp(2.6rem,14vw,4rem);font-weight:900;line-height:1;color:#103b75;animation:countdown-pop .52s linear both;transform-origin:center center;will-change:transform,opacity}@keyframes countdown-pop{0%{opacity:0;transform:scale(.72)}16%{opacity:1;transform:scale(1.04)}58%{opacity:.42;transform:scale(1.56)}to{opacity:0;transform:scale(1.72)}}@keyframes combo-ring-wave{0%{border-color:#ffb44800;opacity:0;box-shadow:0 0 18px #ffaa3a00;transform:translate(-50%,-50%) scale(.55)}10%{border-color:#ffb448f0;opacity:.92;box-shadow:0 0 22px #ffaa3a94}to{border-color:#ffb44800;opacity:0;box-shadow:0 0 30px #ffaa3a00;transform:translate(-50%,-50%) scale(1.09)}}@keyframes combo-progress-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.95);filter:blur(.4px)}18%{opacity:1;transform:translate(-50%,-52%) scale(1.45);filter:blur(0)}to{opacity:0;transform:translate(-50%,-86%) scale(2.05);filter:blur(.6px)}}@keyframes combo-particle-burst{0%{opacity:.2;transform:translate(-50%,-50%) rotate(calc(var(--combo-index) * 28deg)) translateY(0) scale(.7)}12%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--combo-index) * 28deg)) translateY(calc(-112px - var(--combo-index) * 2.4px)) scale(.16)}}@keyframes drift-a{0%{transform:translateZ(0) rotate(0)}to{transform:translate3d(8%,-12%,0) rotate(24deg)}}@keyframes drift-b{0%{transform:translateZ(0) rotate(0)}to{transform:translate3d(-11%,16%,0) rotate(-20deg)}}@keyframes drift-c{0%{transform:translateZ(0) rotate(0) scale(1)}to{transform:translate3d(4%,-11%,0) rotate(14deg) scale(1.08)}}@keyframes noise-drift{0%{transform:translateZ(0)}50%{transform:translate3d(-1.2%,1%,0)}to{transform:translate3d(1.2%,-1%,0)}}@keyframes clear-center-glow-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}24%{opacity:.98;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}@keyframes clear-firework-ring-expand{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}20%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%) scale(1.12)}}@keyframes clear-firework-shockwave{0%{opacity:0;transform:translate(-50%,-50%) scale(.26)}16%{opacity:.8}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}.diamond-grid{position:relative;width:min(100%,320px);margin:2rem auto 1.4rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:.75rem}.binary-choice-grid{position:relative;width:min(100%,420px);margin:2rem auto 1.4rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.choice{border:none;border-radius:16px;background:linear-gradient(140deg,#ffca66,#ffab4b);color:#3d2500;padding:1.15rem .5rem;font-size:clamp(1.35rem,6vw,1.8rem);font-weight:900;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;box-shadow:inset 0 0 0 1px #fff4ddb3,0 6px 12px #d6780d33;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease,background .12s ease}.choice-label{display:inline-flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:.14em}.choice-label-segment-small{font-size:.74em}.choice:hover{transform:translateY(-2px);box-shadow:0 8px 14px #d6780d47;filter:brightness(1.04)}.choice:active{transform:translateY(1px) scale(.98);box-shadow:inset 0 0 0 1px #fff4dd8c,0 2px 5px #d6780d29;filter:brightness(.97)}.choice-keyboard-active{transform:translateY(2px) scale(.965);background:linear-gradient(140deg,#ffbf57,#ff9735);box-shadow:inset 0 2px 0 1px #ffefcd6b,0 1px 2px #914c0038,0 0 .75rem #ff9a222e;filter:saturate(1.08) brightness(.93) contrast(1.02)}.choice:focus-visible,.back-icon-button:focus-visible,.primary-back-button:focus-visible,.clear-back-button:focus-visible,.primary-action-button:focus-visible,.clear-retry-button:focus-visible,.player-trigger:focus-visible,.player-item:focus-visible,.player-register-input:focus-visible,.stage-item:focus-visible,.stage-ranking-button:focus-visible,.ranking-tab:focus-visible,.history-icon-button:focus-visible,.sound-icon-button:focus-visible,.debug-button:focus-visible,.debug-danger-button:focus-visible{outline:3px solid #225eb5;outline-offset:2px}.player-trigger:hover{transform:translateY(-1px);filter:brightness(1.05);background:#e5efff}.choice-top{grid-column:2;grid-row:1}.stage-item:focus-visible{outline:none;transform:translateY(-2px);box-shadow:inset 0 0 0 2px #ffbe68,0 8px 14px #d6780d2e,0 0 0 2px #ffbe686b;filter:brightness(1.03)}.choice-left{grid-column:1;grid-row:2}.choice-right{grid-column:3;grid-row:2}.choice-bottom{grid-column:2;grid-row:3}.choice-binary-left,.choice-binary-right{min-height:5.4rem}.result-text{position:absolute;top:50%;left:50%;z-index:2;margin:0;width:min(78%,220px);min-height:2.8rem;display:grid;place-items:center;pointer-events:none;overflow:visible;font-size:clamp(1.5rem,4vw,2.4rem);text-align:center;font-weight:900;letter-spacing:.02em;line-height:1.1;text-shadow:0 2px 10px rgb(255 255 255 / .35);white-space:nowrap;transform:translate(-50%,-50%)}.result-text-active{animation:result-feedback-fade .72s ease-out 1 both;transform-origin:center center;will-change:transform,opacity,filter}.result-correct{color:#056620}.result-wrong{color:#a71313}@keyframes result-feedback-fade{0%{opacity:0;transform:translate(-50%,-50%) scale(.78);filter:blur(.3px)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.08);filter:blur(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1.52);filter:blur(.55px)}}.clear-summary{margin:2.6rem 0 0;display:grid;justify-items:center;align-content:center;text-align:center;position:relative;isolation:isolate}.clear-celebration{--clear-burst-size: 220px;--clear-duration: 1.1s;position:absolute;inset:0;pointer-events:none;z-index:0}.clear-celebration-noMistake{--clear-burst-size: 250px;--clear-duration: 1.22s}.clear-celebration-best{--clear-burst-size: 290px;--clear-duration: 1.36s}.clear-burst{position:absolute;left:var(--clear-burst-x, 50%);top:var(--clear-burst-y, 34%);width:min(66vw,calc(var(--clear-burst-size) * var(--clear-burst-scale, 1)));aspect-ratio:1 / 1;border-radius:999px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgb(255 240 193 / 82%) 0%,rgb(255 192 102 / 24%) 56%,transparent 100%);filter:hue-rotate(var(--clear-burst-hue-shift, 0deg));opacity:0;animation:clear-center-glow-pop var(--clear-duration) ease-out 1 both;animation-delay:var(--clear-burst-delay, 0ms)}.clear-burst:before,.clear-burst:after{content:"";position:absolute;inset:0;border-radius:999px;opacity:0}.clear-burst:before{border:3px solid rgb(255 191 103 / 78%);box-shadow:0 0 24px #ff952e7a}.clear-burst:after{border:1.5px solid rgb(255 230 178 / 76%);box-shadow:0 0 22px #ffbe5c70;transform:scale(.62)}.clear-burst-shockwave:before{animation:clear-firework-ring-expand calc(var(--clear-duration) * .9) ease-out 1 both;animation-delay:calc(var(--clear-burst-delay, 0ms) + 40ms)}.clear-burst-shockwave:after{animation:clear-firework-ring-expand calc(var(--clear-duration) * .82) ease-out 1 both,clear-firework-shockwave calc(var(--clear-duration) * .64) ease-out 1 both;animation-delay:calc(var(--clear-burst-delay, 0ms) + 95ms),calc(var(--clear-burst-delay, 0ms) + 30ms)}.clear-best-badge,.clear-title,.clear-primary-time,.clear-primary-label,.clear-meta-row,.clear-meta{position:relative;z-index:1}.clear-best-badge{margin:0 0 .65rem;padding:.3rem .72rem;border-radius:999px;font-size:.74rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#12458f,#2b71d1);box-shadow:0 8px 16px #12458f40}.clear-title{margin:0;font-size:clamp(2rem,8vw,2.8rem);font-weight:900;line-height:1.02;letter-spacing:.02em;color:#7c4a00}.clear-primary-time{margin:1.9rem 0 0;font-size:clamp(2rem,9vw,2.9rem);font-weight:900;line-height:1;letter-spacing:.03em;color:#1b4b8d}.clear-primary-label{margin:.82rem 0 0;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#9b6520}.clear-meta{margin:0;font-weight:700;color:#324f77;line-height:1.3}.clear-meta-row{margin-top:2.4rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.28rem 1rem}.clear-title+.clear-meta{margin-top:.48rem}.clear-meta+.clear-meta{margin-top:.28rem}.clear-meta-row .clear-meta+.clear-meta{margin-top:0}.back-icon-button{border:none;border-radius:999px;width:2rem;height:2rem;display:grid;place-items:center;background:#f3e6cf;color:#3d2500;font-size:1.2rem;font-weight:900;line-height:1;cursor:pointer}.player-list{display:grid;gap:.7rem}.player-item{border:none;border-radius:14px;padding:.8rem .9rem;display:flex;align-items:center;justify-content:space-between;background:#f7ecd7;color:#3d2500;font-weight:800;text-align:left;cursor:pointer}.player-item-active{background:#dcecff;color:#153f75}.player-item-name{font-size:1.05rem}.player-item-badge{font-size:.76rem;padding:.2rem .5rem;border-radius:999px;background:#1e4f93;color:#fff}.player-register-form{margin-top:1rem;display:grid;gap:.55rem}.player-register-label{font-size:.88rem;font-weight:700;color:#3c5475}.player-register-input{border:2px solid #d8e3f7;border-radius:12px;padding:.75rem .85rem;font-size:1rem;font-weight:600;color:#18345e}.player-register-error{margin:0;color:#a71313;font-weight:700}.player-register-actions{margin-top:.2rem;display:grid;grid-template-columns:1fr;gap:.6rem}.clear-actions{margin-top:.75rem;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) minmax(0,.9fr);align-items:stretch;gap:.6rem}.debug-list{display:grid;gap:.55rem}.debug-language-list{grid-template-columns:repeat(3,minmax(0,1fr))}.debug-button{border:none;border-radius:12px;padding:.68rem .82rem;text-align:left;background:#f7ecd7;color:#3d2500;font-weight:800;cursor:pointer;transition:transform .12s ease,filter .12s ease,background-color .12s ease}.debug-button:hover{transform:translateY(-1px);filter:brightness(1.03);background:#f3e3c6}.debug-button:disabled{cursor:not-allowed;opacity:.6;transform:none;filter:none}.debug-section{margin-top:1rem}.screen-fixed-panel{flex:0 0 auto}.screen-scroll-panel{flex:1;min-height:0;overflow:auto;padding-top:1rem}.stage-select-card,.debug-card{overflow:hidden}.stage-select-footer{padding:1rem 0 .1rem}.debug-effects-preview{position:relative;border-radius:14px;overflow:hidden;background:#fff8eb;box-shadow:inset 0 0 0 1px #f3dec0}.debug-effects-inner{position:relative;z-index:1;padding:.7rem;display:grid;gap:.6rem}.debug-effects-subsection{position:relative;border-radius:12px;background:#ffffffbf;box-shadow:inset 0 0 0 1px #ffedcff2;padding:.58rem .6rem}.debug-effects-label{margin:0 0 .42rem;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:#77511a;font-weight:800}.debug-effects-preview .progress-bar-track{height:2.2rem;background:#f1dfbf99}.debug-effects-preview .combo-effects{position:absolute;inset:0}.debug-clear-summary{margin:0;min-height:150px;justify-content:center}.debug-clear-summary .clear-title{margin-top:.3rem;font-size:clamp(1.1rem,6.2vw,1.5rem)}.debug-clear-summary .clear-best-badge{margin-bottom:.35rem}.debug-section-title{margin:0 0 .45rem;color:#6f460d;font-size:.9rem}.debug-storage-actions{display:grid;gap:.6rem}.debug-storage-button{width:100%}.debug-condition-list{display:grid;gap:.65rem;margin-bottom:.65rem}.debug-condition-item{border-radius:12px;background:#fff8eb;box-shadow:inset 0 0 0 1px #f3dec0;padding:.62rem}.debug-condition-title{margin:0;color:#6f460d;font-size:.88rem;font-weight:800}.debug-condition-label{display:block;margin-top:.45rem;color:#604638;font-size:.78rem;font-weight:700}.debug-condition-input{width:100%;margin-top:.2rem;border:2px solid #ead7b9;border-radius:10px;background:#fffefb;color:#44260a;font-weight:700;padding:.45rem .52rem}.debug-condition-check-label{display:flex;align-items:center;gap:.4rem;margin-top:.45rem;color:#4f3a2a;font-size:.8rem;font-weight:700}.debug-danger-button{border:none;border-radius:12px;width:100%;padding:.7rem .82rem;text-align:left;background:#fce3e3;color:#8a1414;font-weight:800;cursor:pointer;transition:transform .12s ease,filter .12s ease,background-color .12s ease}.debug-danger-button:hover{transform:translateY(-1px);filter:brightness(1.03);background:#fad6d6}.primary-back-button,.clear-back-button,.clear-ranking-button,.primary-action-button,.clear-retry-button{border:none;border-radius:999px;padding:.85rem 1rem;font-size:.98rem;font-weight:800;cursor:pointer}.clear-back-button,.clear-ranking-button,.clear-retry-button{padding:.72rem .82rem;font-size:.88rem}.clear-next-button{min-height:100%}.primary-back-button,.primary-action-button{background:#1e4f93;color:#fff}.primary-back-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.clear-back-button,.clear-ranking-button,.clear-retry-button{background:#f3e6cf;color:#3d2500}.clear-ranking-button.clear-ranking-button-inline{margin-left:auto;padding:.32rem .62rem;font-size:.88rem;white-space:nowrap}.clear-back-button,.clear-ranking-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.clear-next-stage-blank{min-height:100%}.history-section{margin-bottom:.8rem}.history-detail-content{flex:1;min-height:0;overflow:auto;padding-top:.4rem}.history-detail-content>.history-section:last-child{margin-bottom:0}.history-section-title{margin:0 0 .4rem;font-size:.9rem;color:#6f460d}.history-item{margin:.2rem 0;font-size:.9rem;font-weight:600;color:#2d2311}.history-table-wrap{border-radius:14px;background:#fff8eb;box-shadow:inset 0 0 0 1px #f3dec0;overflow:clip}.history-table-wrap-scrollable{max-height:12.8rem;overflow:auto}.history-table-wrap .ranking-table{background:#fff8eb}.history-table-wrap .ranking-table th{z-index:1}@media(prefers-reduced-motion:reduce){.performance-bg:after,.performance-bg-shape-a,.performance-bg-shape-b,.performance-bg-shape-c,.combo-ring,.combo-particle,.clear-burst,.clear-burst:before,.clear-burst:after{animation:none}.performance-bg{transition:none}.combo-progress-overlay{animation:none;opacity:.86;transform:translate(-50%,-50%) scale(1);filter:none}.result-text-active{animation:none;opacity:1;transform:scale(1);filter:none}.clear-burst{opacity:.52;transform:translate(-50%,-50%) scale(1)}.clear-burst:before,.clear-burst:after{opacity:0}}