.timer-circle-container{justify-content:center;align-items:center;gap:var(--spacing-sm);z-index:10;height:44px;display:flex;position:relative}.timer-label{color:var(--color-blue-400);font-variant-numeric:tabular-nums;min-width:45px;font-size:.95rem;font-weight:700}.algebra-container{border-radius:var(--rounded-card);background:#ffffff0d;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:1rem;padding:2rem;display:flex}.equation-display{justify-content:center;align-items:center;gap:1rem;min-height:80px;font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;display:flex}.equation-side{border-radius:var(--rounded-xs);align-items:center;gap:.5rem;padding:.5rem;transition:background .3s;display:flex}.equation-side:hover{background:#ffffff08}.equals-sign{color:var(--color-text-secondary);margin:0 1rem;font-size:2.5rem;transition:all .3s}.equals-sign.active{color:var(--color-primary);text-shadow:0 0 10px var(--color-primary-glow);transform:scale(1.2)}.equation-term{cursor:pointer;border-radius:var(--rounded-xs);-webkit-user-select:none;user-select:none;align-items:center;gap:.2rem;padding:.2rem .5rem;display:flex;position:relative}.equation-term:hover{background:#ffffff1a}.term-sign{color:var(--color-text-tertiary);margin-right:.1rem;font-weight:400}.term-value{color:inherit}.transpose-hint{background:var(--color-surface-elevated);border:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--rounded-2xs);color:var(--color-text-secondary);white-space:nowrap;pointer-events:none;z-index:10;font-size:.8rem;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.expert-container{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:2rem 0;font-family:Pretendard,sans-serif;display:flex}.function-machine-wrapper{justify-content:center;align-items:center;gap:1rem;width:100%;max-width:500px;height:120px;display:flex;position:relative}.machine-body{border-radius:var(--rounded-card);width:120px;height:120px;color:var(--color-text-primary);z-index:10;background:linear-gradient(135deg,#2b32b2 0%,#1488cc 100%);border:2px solid #fff3;flex-direction:column;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex;position:relative;box-shadow:0 10px 20px #0003}.machine-label{opacity:.8;margin-bottom:.25rem;font-size:.8rem}.machine-rule{font-size:1.8rem;font-weight:800}.io-box{border:2px solid var(--adaptiveGrey300);border-radius:var(--rounded-sm);width:60px;height:60px;color:var(--adaptiveGrey800);background:#fff;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex;position:absolute;box-shadow:0 4px 10px #0000001a}.conveyor-belt{background:var(--adaptiveGrey300);z-index:0;height:4px;position:absolute;bottom:10px;left:0;right:0}.machine-gear{color:var(--color-rank-gold);filter:drop-shadow(0 2px 4px #0003);font-size:2rem;position:absolute;top:-10px;right:-10px}.calculus-viz-container{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--rounded-md);border:1px solid var(--color-gray-800);margin-top:var(--spacing-md);background:#0000004d;flex-direction:column;animation:.8s fade-in;display:flex}.viz-badge{color:var(--color-blue-500);padding:2px var(--spacing-sm);border-radius:var(--rounded-full);letter-spacing:.05em;background:#3b82f61a;font-size:.7rem;font-weight:800}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fever-overlay{pointer-events:none;z-index:50;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.fever-overlay.fever-level-1{animation:2s ease-in-out infinite pulse-glow;box-shadow:inset 0 0 50px #ffa5004d}.fever-overlay.fever-level-2{animation:1s infinite alternate intense-glow;box-shadow:inset 0 0 100px #ff450099}@keyframes pulse-glow{0%{box-shadow:inset 0 0 30px #ffa50033}50%{box-shadow:inset 0 0 60px #ffa50066}to{box-shadow:inset 0 0 30px #ffa50033}}@keyframes intense-glow{0%{box-shadow:inset 0 0 80px #ff450080,inset 0 0 20px #ffd7004d}to{box-shadow:inset 0 0 120px #ff4500cc,inset 0 0 40px #ffd70080}}.fever-particle{background:radial-gradient(circle, #fff, var(--adaptiveRed500));opacity:0;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-20px}.coordinate-grid-container{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--rounded-lg);border:1px solid var(--color-gray-700);margin:var(--spacing-md) 0;background:#0006;flex-direction:column;display:flex}.grid-box{border:2px solid var(--color-gray-500);background:var(--color-gray-900);flex-direction:column;display:flex}.grid-row{display:flex}.grid-cell{cursor:pointer;border:.5px solid #ffffff1a;justify-content:center;align-items:center;width:30px;height:30px;transition:background .2s;display:flex;position:relative}.grid-cell:hover:not(.disabled){background:#3b82f633}.grid-cell.axis{background:#ffffff0d}.grid-cell.origin{background:var(--color-blue-900)}.grid-cell.selected{background:#3b82f666}.crosshair{border:2px solid var(--color-blue-500);border-radius:50%;width:100%;height:100%;animation:1s infinite pulse-crosshair;position:absolute}.axis-label{color:var(--color-gray-500);font-size:.6rem;position:absolute;bottom:2px;right:2px}.grid-labels{flex-direction:column;align-items:center;display:flex;position:relative}.x-axis-label{color:var(--color-blue-400);align-self:flex-end;font-size:.8rem;font-weight:700}.y-axis-label{color:var(--color-blue-400);margin-bottom:4px;font-size:.8rem;font-weight:700}.coordinate-display{color:var(--color-blue-400);height:1.5rem;font-size:1rem;font-weight:800}@keyframes pulse-crosshair{0%{opacity:.6;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}to{opacity:.6;transform:scale(.8)}}.disabled .grid-cell{cursor:default;opacity:.5}.qwerty-keypad{padding:clamp(8px,1.5vh,16px);padding-bottom:max(clamp(8px, 1.5vh, 16px), env(safe-area-inset-bottom));box-sizing:border-box;background-color:#0000;flex-direction:column;flex:0 auto;gap:clamp(6px,1.2vh,10px);width:100%;max-width:min(600px,94vw);margin:auto auto 0;display:flex}.qwerty-keypad-row{flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:clamp(4px,1vw,8px);width:100%;display:flex}.qwerty-keypad-row:first-child{padding-left:0;padding-right:0}.qwerty-keypad-row:first-child .qwerty-keypad-key:first-child{margin-left:0}.qwerty-keypad-row:first-child .qwerty-keypad-key:last-child{margin-right:0}.qwerty-keypad-row:nth-child(2){transform:translate(calc(clamp(12px,3vw,20px)/2))}.qwerty-keypad-row:nth-child(3){transform:translate(calc(clamp(24px,6vw,40px)/2))}.qwerty-keypad-row-last{flex-wrap:nowrap;justify-content:center;margin-top:clamp(8px,1.5vh,12px)}.qwerty-keypad-key{aspect-ratio:1;background-color:var(--color-gray-900);border-radius:var(--rounded-xs);width:auto;min-width:clamp(38px,7vw,50px);max-width:clamp(58px,11vw,70px);height:auto;min-height:clamp(40px,8vw,54px);color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;flex:1 1 0;justify-content:center;align-items:center;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:600;transition:transform .1s cubic-bezier(.2,0,.4,1),background-color .1s;display:flex}.qwerty-keypad-key:active{box-shadow:none;background-color:#ffffff1a;transform:scale(.95)}.qwerty-keypad-key:disabled{opacity:.5;cursor:not-allowed}.qwerty-keypad-key:disabled:active{background-color:var(--color-bg-primary);transform:none}.qwerty-keypad-key-clear{color:var(--color-toss-red);font-weight:700}.qwerty-keypad-key-backspace,.qwerty-keypad-key-negative{color:var(--color-text-secondary);font-size:clamp(1rem,2.5vw,1.4rem);font-weight:600}.qwerty-keypad-key-submit{background-color:var(--color-blue-400);color:var(--color-text-primary);aspect-ratio:1;border:none;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:700}.qwerty-keypad-key-submit:active{background-color:var(--color-blue-500);transform:scale(.95)}.qwerty-keypad-key-submit:disabled{opacity:.5;background-color:var(--color-blue-400)}.qwerty-keypad-number .qwerty-keypad-row:first-child{--key-count:10;--key-count-minus-one:9;--row-gap:clamp(4px, 1vw, 8px)}.qwerty-keypad-number .qwerty-keypad-key{font-size:clamp(1rem,2.5vw,1.4rem);font-weight:600}.qwerty-keypad-number .qwerty-keypad-row{gap:clamp(4px,1vw,8px)}@media (hover:none) and (pointer:coarse){.qwerty-keypad-key,.qwerty-keypad-key-submit{min-height:clamp(54px,12vw,72px)}}@media (orientation:landscape){.qwerty-keypad{max-width:min(500px, 100vw - var(--spacing-3xl));gap:clamp(4px,.8vh,8px);padding:clamp(6px,1.2vh,10px)}.qwerty-keypad-row{gap:clamp(3px,.8vw,6px)}.qwerty-keypad-row:nth-child(2){transform:translate(calc(clamp(10px,2.5vw,16px)/2))}.qwerty-keypad-row:nth-child(3){transform:translate(calc(clamp(20px,5vw,32px)/2))}.qwerty-keypad-key{border-radius:clamp(6px,1.2vh,10px);min-width:clamp(28px,5vw,36px);max-width:clamp(36px,6vw,48px);min-height:clamp(28px,5vw,36px);font-size:clamp(.9rem,2vw,1.2rem)}.qwerty-keypad-key-submit,.qwerty-keypad-key-backspace,.qwerty-keypad-key-negative{font-size:clamp(.9rem,2vw,1.2rem)}}@media (height<=700px) and (orientation:portrait),(width<=480px) and (orientation:portrait){.keyboard-container .qwerty-keypad{padding-top:4px!important;padding-left:6px!important;padding-right:6px!important;padding-bottom:max(24px, env(safe-area-inset-bottom))!important;gap:var(--spacing-xs)!important}.qwerty-keypad-key{aspect-ratio:1!important;min-width:0!important;min-height:34px!important;font-size:clamp(.95rem,2.8vw,1.25rem)!important}.qwerty-keypad-key-submit{min-height:34px!important}.qwerty-keypad-row-last{margin-top:4px!important}.qwerty-keypad-row:nth-child(2),.qwerty-keypad-row:nth-child(3){transform:translate(0)!important}.qwerty-keypad-row-last .qwerty-keypad-key{aspect-ratio:auto!important;flex:1!important;max-width:80px!important}}@media (height<=700px) and (orientation:portrait) and (hover:none) and (pointer:coarse),(width<=480px) and (orientation:portrait) and (hover:none) and (pointer:coarse){.qwerty-keypad-key{aspect-ratio:1!important;min-width:0!important;min-height:34px!important}.qwerty-keypad-key-submit{min-height:34px!important}.qwerty-keypad-row-last .qwerty-keypad-key{aspect-ratio:auto!important;flex:1!important;max-width:80px!important}}.custom-keypad{gap:var(--quiz-keypad-gap);padding:clamp(6px,1.5vh,20px);padding-bottom:max(clamp(6px, 1.5vh, 20px), env(safe-area-inset-bottom));width:100%;max-width:min(var(--quiz-keypad-max-width), 100vw);box-sizing:border-box;background-color:#0000;flex:0 auto;grid-template-columns:repeat(3,1fr);margin:clamp(8px,2vh,32px) auto 0;display:grid}.keypad-key{background-color:var(--color-gray-900);border-radius:var(--rounded-sm);width:100%;min-height:clamp(44px,7vh,64px);color:var(--color-text-primary);cursor:pointer;border:1px solid #ffffff1a;justify-content:center;align-items:center;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700;transition:all .1s;display:flex;box-shadow:0 4px #0006}.keypad-key-submit{background:linear-gradient(135deg, var(--color-mint-400), var(--color-mint-600));color:var(--color-gray-900);border-radius:var(--rounded-lg);box-shadow:0 4px 16px color-mix(in srgb, var(--color-mint-500), transparent 70%);border:none;grid-column:span 3;margin-top:8px;font-size:clamp(1.4rem,4vw,1.8rem);font-weight:800}.keypad-key-zero-wide{grid-column:span 2}.keypad-key:active{background-color:#ffffff1f;transform:translateY(2px);box-shadow:0 2px #0000004d}.keypad-key:disabled{opacity:.5;cursor:not-allowed}.keypad-key:disabled:active{background-color:var(--color-bg-primary);transform:none}.keypad-key-clear{color:var(--color-toss-red);font-weight:700}.keypad-key-backspace,.keypad-key-negative{color:var(--color-text-secondary);font-size:clamp(1.6rem,4vw,2.2rem);font-weight:600}.keypad-key-submit{background:linear-gradient(135deg, var(--color-mint-400), var(--color-mint-600));color:var(--color-gray-900);box-shadow:0 4px 12px color-mix(in srgb, var(--color-mint-400), transparent 70%);border:none;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800}@media (orientation:landscape){.custom-keypad{gap:clamp(4px,.8vh,8px);max-width:420px;padding:clamp(4px,1vh,8px)}.keypad-row{gap:clamp(4px,.8vh,8px)}.keypad-key{border-radius:var(--rounded-sm)!important;min-height:clamp(34px,6.5vh,48px)!important;font-size:clamp(1.1rem,2.5vw,1.4rem)!important;box-shadow:0 2px #0000004d!important}.keypad-key-submit{border-radius:var(--rounded-sm)!important;min-height:clamp(34px,6.5vh,48px)!important;margin-top:4px!important;font-size:clamp(1.1rem,2.5vw,1.4rem)!important}.keypad-key-backspace,.keypad-key-negative{font-size:clamp(1.1rem,2.5vw,1.4rem)!important}}@media (height<=720px) and (orientation:portrait){.custom-keypad{padding:var(--spacing-tiny) var(--spacing-md)!important;padding-bottom:max(var(--spacing-xs), env(safe-area-inset-bottom))!important;gap:var(--spacing-tiny)!important}.keypad-key{border-radius:var(--rounded-sm)!important;min-height:clamp(38px,5.8vh,48px)!important;font-size:clamp(1.2rem,3.8vw,1.5rem)!important;box-shadow:0 2px #0000004d!important}.keypad-key-submit{border-radius:var(--rounded-sm)!important;min-height:clamp(38px,5.8vh,48px)!important;margin-top:4px!important;font-size:clamp(1.1rem,3.5vw,1.4rem)!important}}@media (width<=480px) and (height>=721px) and (orientation:portrait){.custom-keypad{padding:6px var(--spacing-lg)!important;padding-bottom:max(8px, env(safe-area-inset-bottom))!important;gap:clamp(4px,1vh,8px)!important}.keypad-key{border-radius:var(--rounded-md)!important;min-height:clamp(42px,6.5vh,66px)!important;font-size:clamp(1.4rem,4.5vw,1.9rem)!important;box-shadow:0 3px #0006!important}.keypad-key-submit{border-radius:var(--rounded-md)!important;min-height:clamp(42px,6.5vh,66px)!important;margin-top:clamp(4px,.6vh,6px)!important;font-size:clamp(1.2rem,4vw,1.5rem)!important}}.item-feedback-container{z-index:1000;pointer-events:none;text-align:center;width:100%;position:fixed;top:10%;left:50%;transform:translate(-50%,-50%)}.feedback-content{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0003;border:1px solid #ffffff1a;border-radius:1rem;padding:.75rem 1.5rem;display:inline-block;box-shadow:0 4px 15px #0003}.feedback-text{text-shadow:0 4px 10px #00000080;background:linear-gradient(135deg,#00b894,#55efc4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.info .feedback-text{background:linear-gradient(135deg,#0984e3,#74b9ff);-webkit-background-clip:text;background-clip:text}.feedback-subtext{color:var(--color-text-primary);margin-top:.5rem;font-size:1.1rem;font-weight:700}.fade-up{animation:2s cubic-bezier(.19,1,.22,1) forwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%)scale(.8)}10%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}20%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-60%)}to{opacity:0;transform:translate(-50%,-100%)}}.modal-header-base{margin-bottom:var(--spacing-lg);text-align:center}.modal-title-base{font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0;font-weight:700}.modal-body-base{margin-bottom:var(--spacing-xl);color:var(--color-text-secondary);line-height:1.6}.modal-footer-base{gap:var(--spacing-md);justify-content:center;align-items:center;width:100%;display:flex}.modal-overlay.no-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.last-chance-modal{text-align:center;max-width:360px;padding:var(--spacing-2xl)}.last-chance-header{margin-bottom:var(--spacing-xl);position:relative}.last-chance-title{color:var(--color-red-400);letter-spacing:var(--spacing-micro);text-shadow:0 0 15px #f8717166;margin:0;font-size:28px;font-weight:900}.last-chance-timer{background-color:var(--color-bg-tertiary);border:3px solid var(--color-red-400);width:50px;height:50px;color:var(--color-red-400);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex;position:absolute;top:-40px;right:-20px;box-shadow:0 4px 15px #0006}.last-chance-content{gap:var(--spacing-xl);flex-direction:column;display:flex}.last-chance-message{color:var(--color-text-primary);margin:0;font-size:16px;line-height:1.5}.item-status{background-color:var(--color-bg-secondary);border-radius:var(--rounded-card);padding:var(--spacing-md);justify-content:center;align-items:center;gap:var(--spacing-md);border:1px solid #ffffff0d;display:flex}.item-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;width:40px;height:40px}.item-icon.flare{background-image:url(/assets/items/flare.png)}.item-icon.last_spurt{background-image:url(/assets/items/last_spurt.png)}.item-name{color:var(--color-text-primary);font-size:15px;font-weight:600}.action-buttons{gap:var(--spacing-md);flex-direction:column;display:flex}.last-chance-btn{width:100%;padding:var(--spacing-lg);font-size:16px;font-weight:700}.error-text{color:var(--color-red-400);margin-top:4px;font-size:12px;font-weight:500;display:block}.ad-btn span{vertical-align:middle;font-size:20px}.countdown-overlay{z-index:10000;pointer-events:none;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.countdown-number{color:var(--color-gray-100);font-size:6rem;font-weight:700;animation:1s ease-in-out infinite simpleFade}@keyframes simpleFade{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(.95)}}.safety-rope-overlay{z-index:3000;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;animation:.3s ease-out safeFadeIn;display:flex;position:fixed;top:15%;left:50%;transform:translate(-50%)}@keyframes safeFadeIn{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.safe-text{color:var(--color-success);text-shadow:0 2px 10px #0003;font-size:3rem;font-weight:900;animation:.4s cubic-bezier(.175,.885,.32,1.275) safePop;transform:rotate(-5deg)}.safe-subtext{margin-top:var(--spacing-sm);color:var(--color-text-default);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--rounded-md);background:#ffffffe6;font-size:1rem;font-weight:700;animation:none;box-shadow:0 2px 8px #0000001a}@keyframes safePop{0%{opacity:0;transform:scale(.5)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(-5deg)}}.backpack-sheet-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;opacity:0;visibility:hidden;background:#0009;align-items:flex-end;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.backpack-sheet-overlay.open{opacity:1;visibility:visible}.backpack-sheet-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--rounded-large-card) var(--rounded-large-card) 0 0;width:100%;max-width:500px;padding:var(--spacing-xl) var(--spacing-2xl) var(--spacing-4xl);background:#1e1e23f2;border-top:1px solid #ffffff1a;margin:0 auto;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translateY(100%);box-shadow:0 -10px 40px #00000080}.backpack-sheet-content.open{transform:translateY(0)}.backpack-sheet-header{text-align:center;margin-bottom:var(--spacing-2xl)}.backpack-sheet-handle{border-radius:var(--rounded-tiny);width:40px;height:4px;margin:0 auto var(--spacing-lg);background:#fff3}.backpack-sheet-title{color:var(--color-gray-100);margin:0 0 var(--spacing-xs);font-size:1.25rem;font-weight:700}.backpack-sheet-subtitle{color:#ffffff80;margin:0;font-size:.875rem}.backpack-items-grid{gap:var(--spacing-md);max-height:400px;margin-bottom:var(--spacing-2xl);padding-right:var(--spacing-xs);flex-direction:column;display:flex;overflow-y:auto}.backpack-items-grid::-webkit-scrollbar{width:4px}.backpack-items-grid::-webkit-scrollbar-thumb{border-radius:var(--rounded-tiny);background:#ffffff1a}.backpack-item-card{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--rounded-card);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;transition:all .2s;display:flex;position:relative}.backpack-item-card:active{transform:scale(.98)}.backpack-item-card.selected{border-color:var(--color-blue-400);background:#2dd4bf1a;box-shadow:0 0 15px #2dd4bf33}.backpack-item-card.empty{opacity:.5;cursor:not-allowed;filter:grayscale(.8)}.backpack-item-icon-wrapper{border-radius:var(--rounded-sm);background:#ffffff0d;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.backpack-item-icon{font-size:1.5rem}.backpack-item-qty{background:var(--color-blue-400);color:var(--color-gray-900);padding:2px var(--spacing-tiny);border-radius:var(--rounded-xs);text-align:center;min-width:16px;font-size:.625rem;font-weight:800;position:absolute;top:-6px;right:-6px}.backpack-item-info{gap:var(--spacing-micro);flex-direction:column;flex:1;display:flex}.backpack-item-name{color:var(--color-gray-100);font-size:1rem;font-weight:600}.backpack-item-desc{color:#fff6;font-size:.75rem}.backpack-item-checkbox{width:24px;height:24px;color:var(--color-blue-400);border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.selected .backpack-item-checkbox{border-color:var(--color-blue-400);background:#2dd4bf1a}.backpack-empty-state{text-align:center;padding:var(--spacing-4xl) 0;color:#ffffff4d}.backpack-empty-hint{margin-top:var(--spacing-xs);font-size:.8125rem}.backpack-sheet-close{width:100%;padding:var(--spacing-lg);background:var(--color-blue-400);color:var(--color-gray-900);border-radius:var(--rounded-card);cursor:pointer;border:none;font-size:1.0625rem;font-weight:700;transition:all .2s}.backpack-sheet-close:active{filter:brightness(.9);transform:scale(.97)}.geometry-tip-visualizer-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;border:1px solid #6366f133;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:8px 0;padding:10px;display:flex}.geo-tip-svg{overflow:visible}.geo-shape-poly{fill:#6366f12e;stroke:#6366f1;stroke-width:3px;stroke-linejoin:round;filter:drop-shadow(0 4px 8px #6366f14d)}.geo-shape-poly-light{fill:#6366f114;stroke:#6366f166;stroke-width:2px;stroke-linejoin:round}.geo-vertex-dot{fill:#a5b4fc;stroke:#fff;stroke-width:2px}.geo-vertex-pulse{fill:#818cf84d;animation:1.5s ease-in-out infinite vertexPulse}@keyframes vertexPulse{0%{r:6px;opacity:.8}50%{r:12px;opacity:.2}to{r:6px;opacity:.8}}.geo-diagonal-line{stroke:#f43f5e;stroke-width:2.5px;stroke-dasharray:100;stroke-dashoffset:100px;animation:1s ease-in-out infinite alternate forwards drawLine}@keyframes drawLine{to{stroke-dashoffset:0}}.geo-angle-arc{fill:#f59e0b4d;stroke:#f59e0b;stroke-width:2px}.geo-angle-label{fill:#fbbf24;text-anchor:middle;font-size:13px;font-weight:700}.geo-angle-highlight-1{fill:#10b981;animation:1.2s infinite alternate angleGlow1}.geo-angle-highlight-2{fill:#3b82f6;animation:1.2s infinite alternate angleGlow2}@keyframes angleGlow1{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.3)}}.geo-rect-animated{fill:#10b98126;stroke:#10b981;stroke-width:3px;animation:2s ease-in-out infinite alternate areaFill}@keyframes areaFill{0%{fill-opacity:.1}to{fill-opacity:.4}}.geo-height-line{stroke:#ec4899;stroke-width:2.5px;stroke-dasharray:4 4}.geo-right-angle-box{fill:none;stroke:#ec4899;stroke-width:1.5px}.geo-radius-line{stroke:#3b82f6;stroke-width:3px}.geo-diameter-line{stroke:#8b5cf6;stroke-width:2.5px;stroke-dasharray:4 4}.geo-circle-poly{fill:#3b82f626;stroke:#3b82f6;stroke-width:3px}.geo-center-dot{fill:#fff}.geo-circle-fill-animated{fill:#8b5cf626;stroke:none}.geo-circle-perimeter-animated{fill:none;stroke:#8b5cf6;stroke-width:3.5px;stroke-dasharray:345;stroke-dashoffset:345px;animation:3s linear infinite circleSpin}@keyframes circleSpin{to{stroke-dashoffset:0}}.geo-circle-text{fill:#ddd6fe;text-anchor:middle;font-size:12px;font-weight:700}.geo-circle-subtext{fill:#a78bfa;text-anchor:middle;font-size:11px}.geo-symmetry-line{stroke:#f43f5e;stroke-width:2px;stroke-dasharray:3 3;animation:1.5s ease-in-out infinite alternate fadeInLine}@keyframes fadeInLine{0%{opacity:.2}to{opacity:1}}.geo-pythagoras-poly{fill:#f59e0b26;stroke:#f59e0b;stroke-width:3px}.geo-pythagoras-poly-adv{fill:#ec489926;stroke:#ec4899;stroke-width:3px}.geo-hypotenuse-text{fill:#fbbf24;font-size:11px;font-weight:700}.geo-wire-top,.geo-wire-bottom{fill:#6366f133;stroke:#818cf8;stroke-width:2px}.geo-wire-edge{stroke:#6366f1;stroke-width:2px}.geo-wire-edge-dash{stroke:#6366f180;stroke-width:1.5px;stroke-dasharray:3 3}.geo-wire-dot{fill:#e0e7ff}.geo-cylinder-top,.geo-cylinder-bottom{fill:#0ea5e94d;stroke:#0ea5e9;stroke-width:2px}.geo-cylinder-body{fill:#0ea5e926;stroke:#0ea5e9;stroke-width:2px}.geo-cube-face{stroke:#38bdf8;stroke-width:2px;transition:all .3s}.face-top{fill:#38bdf866}.face-left{fill:#38bdf840}.face-right{fill:#38bdf826}.geo-dim-line{stroke:#fff6;stroke-width:1.5px}.geo-dim-text{fill:#94a3b8;text-anchor:middle;font-size:11px}.geo-dim-text-vert{fill:#94a3b8;writing-mode:vertical-rl;font-size:11px}.geo-tip-subtext{fill:#cbd5e1;text-anchor:middle;font-size:12px;font-weight:600}.geo-tip-subtext-highlight{fill:#38bdf8;text-anchor:middle;font-size:13px;font-weight:700}.geo-level1-wrapper{flex-direction:column;align-items:center;width:100%;display:flex}.geo-shape-poly-morph{fill:#6366f126;stroke:#6366f166;stroke-width:2.5px;stroke-linejoin:round;transition:all .5s cubic-bezier(.4,0,.2,1)}.geo-edge-animated-line{stroke:#38bdf8;stroke-width:3px;stroke-linecap:round;stroke-opacity:.9;filter:drop-shadow(0 0 4px #38bdf866)}.geo-pointer-tag{text-anchor:middle;filter:drop-shadow(0 2px 4px #00000080);font-size:11px;font-weight:800}.vertex-tag{fill:#f43f5e}.edge-tag{fill:#38bdf8}.geo-level1-caption-box{background:#1e293bd9;border:1px solid #818cf84d;border-radius:20px;align-items:center;gap:8px;margin-top:4px;padding:6px 14px;display:flex;box-shadow:0 4px 12px #00000040}.geo-shape-badge{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 8px;font-size:12px;font-weight:800;display:inline-flex}.geo-shape-badge span{white-space:nowrap;display:inline-block}.geo-stat-highlights{align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.vertex-highlight{color:#fb7185;transition:all .2s}.vertex-highlight.active-glow{color:#ff4757;text-shadow:0 0 10px #ff4757e6;transform:scale(1.08)}.edge-highlight{color:#38bdf8}.highlight-num{text-underline-offset:3px;font-size:14px;font-weight:900;text-decoration:underline}.geo-divider{color:#64748b}.geo-simple-dot{fill:#818cf8;stroke:#fff;stroke-width:2px;transition:r .35s cubic-bezier(.34,1.56,.64,1),fill .35s}.geo-simple-dot.active-dot{fill:#fb7185;stroke:#fff;stroke-width:2.5px;filter:drop-shadow(0 0 5px #fb718599)}.vertex-highlight.active-glow{color:#fb7185;transition:color .3s}.geo-text-mode-1{align-items:center;gap:6px;animation:.5s ease-in-out forwards textPureFadeIn;display:inline-flex}@keyframes textPureFadeIn{0%{opacity:0}to{opacity:1}}.geo-text-mode-2{align-items:center;gap:6px;animation:.45s ease-out forwards textGlowDissolve;display:inline-flex}@keyframes textGlowDissolve{0%{opacity:0;filter:drop-shadow(0 0 10px #818cf8e6)}to{opacity:1;filter:drop-shadow(0 0 #0000)}}.geo-text-mode-3{align-items:center;gap:6px;animation:.45s cubic-bezier(.34,1.56,.64,1) forwards textSlotRoll;display:inline-flex}@keyframes textSlotRoll{0%{opacity:0;transform:rotateX(-45deg)translateY(4px)}to{opacity:1;transform:rotateX(0)translateY(0)}}.geo-pause-overlay{color:#fb7185;pointer-events:none;z-index:10;background:#0f172ad9;border:1px solid #f43f5e80;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700;animation:.3s forwards textPureFadeIn;position:absolute;top:8px;right:12px;box-shadow:0 2px 8px #0000004d}.gt-modal-container{--modal-max-width:min(920px, calc(100vw - 3rem));padding:0!important}.gt-modal-container *{box-sizing:border-box;max-width:100%}.gt-modal-content p,.gt-modal-content span,.gt-modal-content div,.gt-modal-content h1,.gt-modal-content h2,.gt-modal-content h3,.gt-modal-content h4,.gt-modal-content h5,.gt-modal-content h6{overflow-wrap:break-word;word-break:break-word}.gt-layout-wrapper{box-sizing:border-box;flex-direction:row;width:100%;min-width:0;max-width:100%;height:100%;min-height:clamp(400px,70vh,600px);display:flex;overflow:hidden}.gt-left-panel{width:38%;min-width:0;padding:clamp(var(--spacing-xl), 5vh, var(--spacing-3xl));box-sizing:border-box;background:#ffffff08;border-right:1px solid #ffffff14;flex-direction:column;flex:38%;justify-content:space-between;display:flex;overflow-x:hidden}.gt-right-panel{min-width:0;padding:clamp(var(--spacing-xl), 5vh, var(--spacing-3xl));background:0 0;flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow-x:hidden}.gt-title-area{align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);min-width:0;display:flex}.gt-title-icon{filter:drop-shadow(0 0 10px #2dd4bf4d);font-size:38px}.gt-title-text{color:var(--color-gray-100);word-break:break-word;overflow-wrap:break-word;letter-spacing:-.02em;width:100%;min-width:0;margin:0;font-size:clamp(24px,4vh,32px);font-weight:900;line-height:1.3}.gt-controls-area{flex-direction:column;width:100%;min-width:0;display:flex}.gt-checkbox-label{align-items:center;gap:var(--spacing-md);color:#ffffff73;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-bottom:clamp(16px,3vh,32px);font-size:15px;transition:color .2s;display:flex;overflow:hidden}.gt-checkbox-label:hover{color:#fffc}.gt-button-group{gap:var(--spacing-md);min-width:0;display:flex}.gt-start-btn{min-width:0;max-width:100%;padding:var(--spacing-xl);white-space:normal;text-overflow:ellipsis;word-break:break-all;flex:1;font-size:20px;font-weight:800;overflow:hidden}.gt-backpack-btn{border-radius:var(--rounded-md);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;transition:all .2s;display:flex;position:relative}.gt-backpack-btn:hover{background:#ffffff1a;border-color:#fff3}.gt-badge{background:var(--color-blue-400);color:var(--color-text-primary);padding:var(--spacing-micro) var(--spacing-xs);border-radius:var(--rounded-sm-alt);border:3px solid var(--color-bg-primary);font-size:12px;font-weight:800;position:absolute;top:-6px;right:-6px;box-shadow:0 4px 10px #3b82f666}.gt-description{color:#ffffff8c;margin-bottom:var(--spacing-2xl);word-break:keep-all;overflow-wrap:break-word;font-size:16px;line-height:1.5}.gt-scroll-content{padding-right:var(--spacing-md);flex:1;min-height:0;overflow-y:auto}.level-tip-card{border-radius:var(--rounded-large-card);padding:var(--spacing-3xl);box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff14;width:100%;max-width:100%;display:block;overflow:hidden;box-shadow:0 10px 30px #0000004d}.level-tip-title{color:var(--color-gray-100);margin:0 0 var(--spacing-lg) 0;letter-spacing:-.01em;word-break:break-all;white-space:pre-wrap;box-sizing:border-box;width:100%;max-width:100%;font-size:22px;font-weight:800;display:block}.level-tip-text,.level-tip-strategy{color:#ffffffd9;margin:0 0 var(--spacing-md) 0;word-break:break-all;overflow-wrap:break-word;white-space:pre-wrap;box-sizing:border-box;width:100%;max-width:100%;font-size:16px;line-height:1.65;display:block}.level-tip-example{padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--rounded-card);margin-top:var(--spacing-xl);color:var(--color-blue-400);letter-spacing:.05em;word-break:break-all;white-space:pre-wrap;box-sizing:border-box;background:#00000080;border:1px solid #ffffff1a;width:100%;max-width:100%;font-size:18px;display:block}.gt-scroll-content::-webkit-scrollbar{width:6px}.gt-scroll-content::-webkit-scrollbar-thumb{border-radius:var(--rounded-button);background:#ffffff1f}@media (height<=480px){.gt-modal-content{max-height:98vh}.gt-left-panel,.gt-right-panel{padding:var(--spacing-xl) var(--spacing-3xl)}.gt-title-area{margin-bottom:var(--spacing-md)}.gt-description{margin-bottom:var(--spacing-md);font-size:14px}.gt-title-text{font-size:24px}.gt-start-btn{padding:var(--spacing-md);font-size:16px}.gt-backpack-btn{width:48px;height:48px;font-size:22px}.level-tip-card{padding:var(--spacing-xl)}}@media (width<=768px) and (orientation:portrait){.gt-layout-wrapper{flex-direction:column;max-height:94vh}.gt-left-panel{display:contents}.gt-title-area{padding:var(--spacing-3xl) var(--spacing-3xl) var(--spacing-small-alt);background:0 0;order:1;margin-bottom:0}.gt-right-panel{padding:var(--spacing-small-alt) var(--spacing-3xl) var(--spacing-xl);background:0 0;flex:1;order:2;min-height:0}.gt-controls-area{padding:var(--spacing-2xl) var(--spacing-3xl) var(--spacing-3xl);background:0 0;border-top:1px solid #ffffff0d;order:3}.gt-checkbox-label{margin-bottom:var(--spacing-xl)}}.alert-modal-content{width:100%;max-width:400px;padding:var(--spacing-xl)}.alert-modal-header{text-align:center;margin-bottom:var(--spacing-lg)}.alert-modal-header .warning-icon{margin-bottom:var(--spacing-sm);font-size:3rem;display:block}.alert-modal-header h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.alert-modal-body{margin-bottom:var(--spacing-xl);color:var(--color-text-secondary);line-height:1.6}.penalty-list{border-radius:var(--rounded-md);padding:0;padding:var(--spacing-md);background-color:#0003;list-style:none}.penalty-list li{margin-bottom:var(--spacing-xs);font-size:.9375rem}.alert-modal-footer{gap:var(--spacing-sm);flex-direction:column;display:flex}.alert-modal-footer button{padding:var(--spacing-md);border-radius:var(--rounded-button);cursor:pointer;border:none;font-size:1rem;font-weight:600;transition:all .2s}.primary-button{background:var(--color-blue-500);color:var(--color-text-primary)}.secondary-button,.shop-button{background-color:var(--color-surface-elevated);color:var(--color-text-primary);border:1px solid var(--color-border-primary)!important}.play-button{color:var(--color-text-secondary);background-color:#0000;text-decoration:underline;font-size:.875rem!important}.close-link{color:var(--color-text-muted);background-color:#0000;font-size:.875rem!important}.pause-modal-content{text-align:center;width:90%;max-width:320px;padding:var(--spacing-3xl) var(--spacing-2xl)}.pause-title{color:var(--color-gray-100);margin-bottom:var(--spacing-2xl);letter-spacing:var(--spacing-micro);font-size:2rem;font-weight:800}.pause-info{margin-bottom:var(--spacing-3xl)}.pause-warning{color:var(--color-toss-red);margin-bottom:var(--spacing-md);font-size:.9rem}.pause-count-display{color:var(--color-text-secondary);font-size:1rem}.count-value{color:var(--color-blue-400);text-shadow:0 0 10px #4facfe4d;font-size:1.3rem;font-weight:800}.pause-actions{gap:var(--spacing-md);flex-direction:column;display:flex}.pause-btn{width:100%;padding:var(--spacing-medium-alt);border-radius:var(--rounded-sm);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.pause-btn.resume{background:var(--color-success);color:var(--color-text-primary)}.pause-btn.exit{color:var(--color-gray-100);background:#ffffff1a}.promise-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000d9;justify-content:center;align-items:center;animation:.3s fade-in;display:flex;position:fixed;inset:0}.promise-card{background:var(--color-gray-900);border:2px solid var(--color-blue-500);border-radius:var(--rounded-lg);padding:var(--spacing-xxl);text-align:center;width:90%;max-width:400px;animation:.4s cubic-bezier(.175,.885,.32,1.275) slide-up;box-shadow:0 0 30px #3b82f64d}.promise-badge{background:var(--color-blue-600);color:var(--color-text-primary);padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--rounded-full);margin-bottom:var(--spacing-lg);letter-spacing:.05em;font-size:.9rem;font-weight:800;display:inline-block}.promise-rule{color:var(--color-gray-100);margin-bottom:var(--spacing-md);font-size:1.8rem;font-weight:800}.promise-example{padding:var(--spacing-md);border-radius:var(--rounded-md);color:var(--color-blue-300);margin-bottom:var(--spacing-xl);background:#ffffff0d;font-family:Space Mono,monospace;font-size:1.1rem}.promise-timer{color:var(--color-blue-500);margin-bottom:var(--spacing-lg);text-shadow:0 0 15px #3b82f680;font-size:3rem;font-weight:900}.promise-footer{color:var(--color-gray-500);font-size:.85rem}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tutorial-overlay{z-index:100;width:100%;height:100%;color:var(--color-text-primary);cursor:pointer;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.tutorial-instruction{pointer-events:none;flex-direction:column;align-items:center;gap:1rem;display:flex}.hand-pointer{font-size:3rem;animation:1s infinite alternate bounce}.instruction-text{text-align:center;border-radius:var(--rounded-sm);background:#000c;padding:1rem 2rem;font-size:1.5rem;font-weight:700;box-shadow:0 4px 12px #0000004d}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.preview-header-controls{align-items:center;gap:var(--spacing-md);display:flex}.preview-nav-button{color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--rounded-sm);background:0 0;border:none;justify-content:center;align-items:center;min-width:32px;min-height:32px;font-size:1.5rem;transition:background-color .2s;display:flex}.preview-nav-button:hover{background-color:#ffffff1a}.preview-title{color:var(--color-text-primary);font-size:1.2rem;font-weight:700}.quiz-page .quiz-card{flex-shrink:0}.preview-keyboard-container{width:100%;min-height:250px;padding:0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;align-items:center;display:flex;overflow:auto hidden}.preview-keyboard-container::-webkit-scrollbar{display:none}.preview-keyboard-container .qwerty-keypad{box-sizing:border-box;width:fit-content;min-width:100%;max-width:none;margin:0 auto;padding-left:30px;padding-right:30px}.preview-keyboard-container .keypad-container{width:100%;max-width:420px;margin:0 auto}@media (orientation:landscape){.quiz-page .quiz-card{flex:1.2;max-height:calc(100vh - 120px)}}.toast{bottom:max(calc(64px + clamp(20px, 4vh, 32px)), calc(64px + env(safe-area-inset-bottom)));z-index:10001;pointer-events:none;animation:.3s ease-out toastSlideUp;position:fixed;left:50%;transform:translate(-50%)}.toast.closing{animation:.3s ease-out forwards toastSlideDown}.toast-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--rounded-card);padding:var(--spacing-md) var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);width:calc(100vw - var(--spacing-xl));pointer-events:auto;background-color:#1c1c1ef2;max-width:360px;display:flex;box-shadow:0 4px 20px #0006}.toast-icon{flex-shrink:0;font-size:20px;line-height:normal}.toast-text{color:var(--color-text-primary);text-align:left;word-break:keep-all;overflow-wrap:break-word;white-space:pre-line;flex:1;font-size:.875rem;font-weight:500;line-height:1.4}.toast-text.wrap{white-space:normal}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%)translateY(100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastSlideDown{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(100%)}}.app-header{background-color:var(--color-gray-900);border-bottom:1px solid var(--color-bg-secondary);z-index:100;padding:0 var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#121212e6;position:fixed;top:0;left:0;right:0}.header-content{min-height:var(--header-height-portrait);justify-content:space-between;align-items:center;gap:var(--spacing-sm);max-width:100%;padding:var(--spacing-xs) 0;display:flex}@media (orientation:landscape){.app-header{padding:0 var(--spacing-lg)}.header-content{min-height:var(--header-height-landscape)}.header-logo{font-size:1.125rem}.header-icon-button{font-size:1.375rem}}.header-logo{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:1.05rem;font-weight:700;overflow:hidden}.header-logo.clickable{cursor:pointer}.header-logo.has-custom-title{font-size:1.2rem}.header-back-button{color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-xs);margin-right:var(--spacing-xs);background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;transition:all .2s;display:flex}.header-back-button:active{opacity:.6;transform:scale(.9)}.header-icons{gap:var(--spacing-sm);flex-shrink:0;align-items:center;display:flex}.header-icon-button{cursor:pointer;padding:var(--spacing-xs);color:var(--color-text-primary);background:0 0;border:none;font-size:1.3rem;transition:opacity .2s}.header-icon-button:hover{opacity:.7}.header-icon-button:active{opacity:.5}.header-status{gap:var(--spacing-xs);padding:2px var(--spacing-sm);border-radius:var(--rounded-md);background-color:#ffffff0d;flex-shrink:0;display:flex}.status-item{justify-content:center;align-items:center;gap:var(--spacing-micro);color:var(--color-text-primary);padding:var(--spacing-xs) var(--spacing-tiny);box-sizing:border-box;min-height:2.2rem;font-size:.75rem;font-weight:600;line-height:1.2;display:flex;overflow:hidden}.status-item.clickable{cursor:pointer}.status-icon{flex-shrink:0;justify-content:center;align-items:center;height:1.6rem;font-size:.9rem;line-height:1;display:flex;overflow:hidden}.status-value{text-align:center;box-sizing:border-box;justify-content:center;align-items:center;min-width:1.5rem;height:1.6rem;line-height:1;display:flex;overflow:hidden}.recharge-btn{background:var(--color-blue-400);color:var(--color-text-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-left:4px;padding:0;font-size:10px;font-weight:700;line-height:1.2;transition:all .2s;display:flex}.recharge-btn:hover{background:var(--color-blue-500);transform:scale(1.1)}.recharge-btn:active{transform:scale(.9)}.status-item.selected{border-radius:var(--rounded-sm);padding:0 var(--spacing-sm);background-color:#60a5f333;transition:all .2s;box-shadow:0 0 8px #60a5f380}.admin-mode-active .header-status{border:1px solid #ffa50080;box-shadow:0 0 10px #ffa5004d}.admin-badge{background-color:var(--color-confetti-yellow);color:var(--color-text-primary);padding:2px var(--spacing-tiny);border-radius:var(--rounded-2xs);pointer-events:none;z-index:101;font-size:.6rem;font-weight:700;animation:1s infinite alternate pulse;position:absolute;top:4px;left:10px}.admin-badge.clickable{cursor:pointer;pointer-events:auto}@keyframes pulse{0%{opacity:.7;transform:translate(-50%)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}.debug-panel-loading{z-index:9999;color:var(--color-text-primary);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.footer-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--color-bg-secondary);padding:var(--spacing-xs) 0;padding-bottom:calc(var(--spacing-xs) + env(safe-area-inset-bottom,0px));z-index:100;height:calc(var(--footer-height-portrait) + env(safe-area-inset-bottom,0px));background-color:#1e1e1ee6;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.footer-nav-bottom-guard{z-index:99;pointer-events:none;background-color:#1e1e1e;height:100px;position:fixed;bottom:-98px;left:0;right:0}@media (orientation:landscape){.footer-nav{height:calc(var(--footer-height-landscape) + env(safe-area-inset-bottom,0px));padding-bottom:calc(var(--spacing-xs) + env(safe-area-inset-bottom,0px))}.footer-nav-icon{font-size:1.375rem}.footer-nav-label{font-size:.6875rem}}.footer-nav-item{justify-content:center;align-items:center;gap:var(--spacing-micro);cursor:pointer;padding:0 var(--spacing-lg);color:var(--color-text-secondary);background:0 0;border:none;flex-direction:column;flex:1;height:100%;transition:opacity .2s;display:flex}.footer-nav-item:hover{opacity:.8}.footer-nav-item.active{color:var(--color-blue-400)}.footer-nav-icon{justify-content:center;align-items:center;font-size:1.5rem;line-height:1.2;display:flex}.footer-nav-label{font-size:.75rem;font-weight:500;line-height:1.2}.profile-form-container{background-color:var(--color-bg-primary);border-radius:var(--rounded-card);padding:var(--spacing-3xl) var(--spacing-2xl);max-width:var(--modal-width-portrait);margin:0 auto;position:relative}@media (orientation:landscape){.profile-form-container{gap:var(--spacing-3xl);max-width:800px;padding:var(--spacing-3xl);grid-template-columns:1fr 1fr;align-items:flex-start;display:grid;position:relative}.profile-form-back-button{top:var(--spacing-3xl);left:var(--spacing-3xl)}.profile-form-title{text-align:left;margin-bottom:var(--spacing-md);padding-right:var(--spacing-2xl);border-right:1px solid #ffffff1a;grid-column:1;font-size:1.75rem}.profile-form-description{text-align:left;padding-right:var(--spacing-2xl);white-space:pre-line;border-right:1px solid #ffffff1a;grid-column:1;margin-bottom:0;font-size:.9375rem;line-height:1.6}.profile-form{gap:var(--spacing-xl);grid-column:2}}.profile-form-back-button{top:var(--spacing-2xl);left:var(--spacing-2xl);z-index:10;position:absolute}.profile-form-title{color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;text-align:center;font-size:1.5rem;font-weight:700}.profile-form-description{color:var(--color-text-secondary);text-align:center;margin:0 0 var(--spacing-3xl) 0;font-size:.875rem;line-height:1.5}.profile-form{gap:var(--spacing-2xl);flex-direction:column;display:flex}.profile-form-field{gap:var(--spacing-sm);flex-direction:column;display:flex}.profile-form-label{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.profile-form-input.error{border-color:var(--color-toss-red)}.profile-form-error{color:var(--color-toss-red);margin:0;font-size:.75rem}.profile-form-hint{color:var(--color-text-secondary);text-align:right;margin:0;font-size:.75rem}.profile-form-submit{width:100%}.profile-form-password-container{align-items:center;display:flex;position:relative}.profile-form-password-container .profile-form-input{padding-right:50px}.profile-form-password-toggle{right:var(--spacing-md);color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.2rem;transition:color .2s;display:flex;position:absolute}.profile-form-password-toggle:hover{color:var(--color-text-primary)}.profile-form-google-button{width:100%;padding:var(--spacing-md) var(--spacing-lg);color:var(--color-text-primary);background-color:var(--color-tier-mid);border-radius:var(--rounded-button);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.profile-form-google-button:hover:not(:disabled){background-color:#357ae8}.profile-form-google-button:active:not(:disabled){background-color:#2d6cd9}.profile-form-google-button:disabled{opacity:.6;cursor:not-allowed}.profile-form-admin-notice{color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0;text-align:center;font-size:.875rem}.profile-form-error{white-space:pre-line;line-height:1.6}.profile-form-google-user{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-bg-secondary);border-radius:var(--rounded-button);border:1px solid var(--color-bg-tertiary);display:flex}.profile-form-google-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:48px;height:48px}.profile-form-google-info{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.profile-form-google-name{color:var(--color-text-primary);margin:0;font-size:.95rem;font-weight:600}.profile-form-google-email{color:var(--color-text-secondary);margin:0;font-size:.8rem}.profile-form-modal-overlay{z-index:1000;background-color:var(--color-bg-primary,#121212);padding:var(--spacing-xl,20px);flex-direction:column;justify-content:center;align-items:center;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUpModal;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes slideUpModal{0%{opacity:.8;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.custom-preset-modal-overlay{background-color:var(--color-overlay);z-index:10000;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.custom-preset-modal{background-color:var(--color-bg-primary);border-radius:var(--rounded-card);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-modal);flex-direction:column;display:flex;overflow:hidden}.custom-preset-modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-bg-secondary);justify-content:space-between;align-items:center;display:flex}.custom-preset-modal-header h3{color:var(--color-text-primary);margin:0;font-size:1.125rem;font-weight:600}.custom-preset-modal-close{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--rounded-button);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.5rem;transition:background-color .2s;display:flex}.custom-preset-modal-close:hover{background-color:var(--color-bg-secondary)}.custom-preset-modal-content{padding:var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.custom-preset-modal-field{gap:var(--spacing-sm);flex-direction:column;display:flex}.custom-preset-modal-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.custom-preset-modal-input,.custom-preset-modal-textarea,.custom-preset-modal-select{padding:var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);font-family:inherit;font-size:.875rem}.custom-preset-modal-input:focus,.custom-preset-modal-textarea:focus,.custom-preset-modal-select:focus{border-color:var(--color-blue-400);outline:none}.custom-preset-modal-textarea{resize:vertical;min-height:60px}.custom-preset-modal-actions-section{gap:var(--spacing-md);flex-direction:column;display:flex}.custom-preset-modal-actions-header{justify-content:space-between;align-items:center;display:flex}.custom-preset-modal-add-action-button{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-blue-400);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;border:none;font-size:.875rem;transition:background-color .2s}.custom-preset-modal-add-action-button:hover{background-color:var(--color-blue-500)}.custom-preset-modal-actions-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.custom-preset-modal-action-item{padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-button);justify-content:space-between;align-items:center;display:flex}.custom-preset-modal-action-info{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.custom-preset-modal-action-type{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.custom-preset-modal-action-param{color:var(--color-text-secondary);font-size:.75rem}.custom-preset-modal-action-buttons{gap:var(--spacing-sm);display:flex}.custom-preset-modal-action-button{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-bg-secondary);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;border:none;font-size:.75rem;transition:background-color .2s}.custom-preset-modal-action-button:hover{background-color:var(--color-bg-primary)}.custom-preset-modal-action-delete{background-color:var(--color-red-500)}.custom-preset-modal-action-delete:hover{background-color:var(--color-red-600)}.custom-preset-modal-action-editor{padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-card);gap:var(--spacing-md);flex-direction:column;display:flex}.custom-preset-modal-action-editor-buttons{gap:var(--spacing-md);justify-content:flex-end;display:flex}.custom-preset-modal-action-save-button,.custom-preset-modal-action-cancel-button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--rounded-button);cursor:pointer;border:none;font-size:.875rem;transition:background-color .2s}.custom-preset-modal-action-save-button{background-color:var(--color-blue-400);color:var(--color-text-primary)}.custom-preset-modal-action-save-button:hover{background-color:var(--color-blue-500)}.custom-preset-modal-action-cancel-button{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.custom-preset-modal-action-cancel-button:hover{background-color:var(--color-bg-primary)}.custom-preset-modal-footer{gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-bg-secondary);justify-content:flex-end;display:flex}.custom-preset-modal-save-button,.custom-preset-modal-cancel-button{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--rounded-button);cursor:pointer;border:none;font-size:.875rem;font-weight:500;transition:background-color .2s}.custom-preset-modal-save-button{background-color:var(--color-blue-400);color:var(--color-text-primary)}.custom-preset-modal-save-button:hover{background-color:var(--color-blue-500)}.custom-preset-modal-cancel-button{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.custom-preset-modal-cancel-button:hover{background-color:var(--color-bg-secondary)}.custom-preset-modal-error{padding:var(--spacing-md);background-color:var(--color-red-500);color:var(--color-text-primary);border-radius:var(--rounded-button);margin-bottom:var(--spacing-md);font-size:.875rem}.confirm-modal-header{margin-bottom:1rem}.confirm-modal-title{color:var(--color-text-primary);text-align:center;margin:0;font-size:1.25rem;font-weight:800}.confirm-modal-content{margin-bottom:2rem}.confirm-modal-message{color:var(--color-text-secondary);word-break:keep-all;text-align:center;margin:0;font-size:1rem;line-height:1.5}.confirm-modal-actions{gap:var(--spacing-md);display:flex}.confirm-modal-button{flex:1}.debug-resource-control{gap:var(--spacing-lg);flex-direction:column;display:flex}.debug-resource-item{gap:var(--spacing-sm);flex-direction:column;display:flex}.debug-resource-label{color:var(--color-text-secondary);font-size:.875rem}.debug-resource-input-group{gap:var(--spacing-sm);grid-template-columns:50px 1fr 50px;align-items:center;display:grid}.debug-resource-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);text-align:center;min-width:0;font-size:1rem}.debug-resource-input:focus{border-color:var(--color-blue-400);outline:none}.debug-resource-input:disabled{opacity:.5;cursor:not-allowed}.debug-resource-button{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;min-width:50px;font-size:.875rem;transition:background-color .2s}.debug-resource-button:hover:not(:disabled){background-color:var(--color-bg-primary)}.debug-resource-button:active:not(:disabled){background-color:var(--color-blue-400)}.debug-resource-button.plus{background-color:var(--color-blue-400);color:var(--color-text-primary);font-weight:700}.debug-resource-button.plus:hover:not(:disabled){background-color:var(--color-blue-500)}.debug-resource-button:disabled{opacity:.5;cursor:not-allowed}.debug-infinite-modes{margin-top:var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;display:flex}.debug-quick-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=480px){.debug-quick-grid{grid-template-columns:1fr}}.debug-warning-box.login-required{border:1px solid var(--adaptiveRed400);border-radius:var(--rounded-sm-alt);color:var(--adaptiveRed500);background-color:#ef44441a;margin-bottom:1rem;padding:.75rem;font-size:.85rem;line-height:1.5}.debug-toggle-description{color:var(--adaptiveGrey500);margin-top:4px;font-size:11px;line-height:1.3}.debug-shortcut-guide{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-bg-secondary);border:1px dashed var(--color-bg-tertiary);border-radius:var(--rounded-card)}.debug-shortcut-guide h5{margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary);font-size:.875rem;font-weight:600}.debug-shortcut-guide ul{padding-left:var(--spacing-lg);gap:var(--spacing-xs);flex-direction:column;margin:0;display:flex}.debug-shortcut-guide li{color:var(--color-text-secondary);font-size:.75rem}.debug-shortcut-guide code{background-color:var(--color-bg-tertiary);padding:var(--spacing-micro) var(--spacing-xs);border-radius:var(--rounded-2xs);color:var(--color-blue-400);font-family:monospace}.debug-toggle-item{justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-card);flex-direction:column;min-height:100px;display:flex}.debug-toggle-header{justify-content:space-between;align-items:center;width:100%;display:flex}.debug-toggle-label{color:var(--color-text-primary);font-size:.875rem}.debug-toggle-button{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;min-width:60px;font-size:.875rem;transition:background-color .2s}.debug-toggle-button:hover{background-color:var(--color-bg-primary)}.debug-toggle-button.active{background-color:var(--color-blue-400);color:var(--color-text-primary)}.debug-toggle-button.active:hover{background-color:var(--color-blue-500)}.debug-preset-section{margin-top:var(--spacing-xl);gap:var(--spacing-md);flex-direction:column;display:flex}.debug-preset-list{gap:var(--spacing-md);flex-direction:column;display:flex}.debug-preset-item{gap:var(--spacing-xs);padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-card);flex-direction:column;display:flex}.debug-preset-button{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-blue-400);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;text-align:left;border:none;font-size:.875rem;font-weight:500;transition:background-color .2s}.debug-preset-button:hover:not(:disabled){background-color:var(--color-blue-500)}.debug-preset-button:active:not(:disabled){background-color:var(--color-blue-700)}.debug-preset-button:disabled{opacity:.5;cursor:not-allowed}.debug-preset-description{color:var(--color-text-secondary);font-size:.75rem;line-height:1.4}.debug-preset-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.debug-preset-history-toggle{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;font-size:.75rem;transition:background-color .2s}.debug-preset-history-toggle:hover{background-color:var(--color-bg-tertiary)}.debug-preset-history-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-bg-secondary);border-radius:var(--rounded-card)}.debug-preset-history-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.debug-preset-history-title{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.debug-preset-history-clear{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-tertiary);border:1px solid var(--color-red-500);border-radius:var(--rounded-button);color:var(--color-red-500);cursor:pointer;font-size:.75rem;transition:background-color .2s}.debug-preset-history-clear:hover{background-color:var(--color-red-500);color:var(--color-text-primary)}.debug-preset-history-list{gap:var(--spacing-sm);flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.debug-preset-history-item{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-button);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.debug-preset-history-item.success{border-left:3px solid var(--color-blue-400)}.debug-preset-history-item.error{border-left:3px solid var(--color-red-500)}.debug-preset-history-info{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.debug-preset-history-name{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.debug-preset-history-time{color:var(--color-text-secondary);font-size:.75rem}.debug-preset-history-error{color:var(--color-red-500);word-break:break-word;font-size:.75rem}.debug-preset-history-reapply{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-blue-400);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;white-space:nowrap;border:none;font-size:.75rem;transition:background-color .2s}.debug-preset-history-reapply:hover:not(:disabled){background-color:var(--color-blue-500)}.debug-preset-history-reapply:disabled{opacity:.5;cursor:not-allowed}.debug-preset-history-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:.875rem}.debug-sync-result{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-card)}.alert-modal-header{margin-bottom:var(--spacing-lg)}.alert-modal-title{color:var(--color-text-primary);text-align:center;margin:0;font-size:20px;font-weight:700}.alert-modal-content{margin-bottom:var(--spacing-2xl)}.alert-modal-message{color:var(--color-text-secondary);text-align:center;margin:0;font-size:16px;line-height:1.5}.alert-modal-actions{justify-content:center;display:flex}.alert-modal-button{min-width:120px}.cycle-promotion-header{text-align:center;margin-bottom:var(--spacing-md)}.cycle-promotion-header h2{color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:24px;font-weight:700}.cycle-promotion-header p{color:var(--color-text-secondary);font-size:15px;line-height:1.5}.cycle-promotion-content{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl) 0;margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.stars-display{color:var(--color-tier-legend);text-align:center;font-size:32px;animation:2s ease-in-out infinite tier-glow}.pending-score{color:var(--color-text-primary);font-size:16px;font-weight:500}.error-message{color:var(--color-toss-red);text-align:center;font-size:14px}.cycle-promotion-actions{gap:var(--spacing-md);flex-direction:column;display:flex}.cycle-promotion-button{width:100%}@keyframes tier-glow{0%{text-shadow:0 0 10px #ffd70066}50%{text-shadow:0 0 25px #ffd700cc}to{text-shadow:0 0 10px #ffd70066}}.data-reset-confirm-modal-header{margin-bottom:var(--spacing-xl);text-align:center}.data-reset-confirm-modal-title{color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:20px;font-weight:700}.data-reset-confirm-modal-warning{color:var(--color-red-400);font-size:14px;font-weight:600}.data-reset-confirm-modal-content{margin-bottom:var(--spacing-2xl)}.data-reset-confirm-modal-message{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:15px}.data-reset-confirm-modal-list{padding:var(--spacing-md);margin:0 0 var(--spacing-md) 0;background-color:var(--color-bg-secondary);border-radius:var(--rounded-sm);gap:var(--spacing-xs);flex-direction:column;list-style:none;display:flex}.data-reset-confirm-modal-list li{color:var(--color-text-secondary);font-size:14px}.data-reset-confirm-modal-warning-text{color:var(--color-red-400);text-align:center;font-size:13px;font-weight:500}.data-reset-confirm-modal-actions{gap:var(--spacing-md);display:flex}.data-reset-confirm-modal-button{flex:1}.base-card{background-color:var(--color-toss-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-bounce), box-shadow var(--transition-base);width:100%;position:relative;overflow:hidden}.base-card.card-glass{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff4d}.base-card.card-interactive{cursor:pointer}.base-card.card-interactive:active{box-shadow:none;transform:scale(.98)}@media (hover:hover){.base-card.card-interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}}.padding-none{padding:0}.padding-sm{padding:var(--spacing-sm)}.padding-md{padding:var(--spacing-md)}.padding-lg{padding:var(--spacing-lg)}.under-development-toast{bottom:max(calc(64px + clamp(20px, 4vh, 32px)), calc(64px + env(safe-area-inset-bottom)));z-index:10001;pointer-events:none;margin:0;padding:0;animation:.3s ease-out toastSlideUp;position:fixed;left:50%;transform:translate(-50%)}.under-development-toast.closing{animation:.3s ease-out forwards toastSlideDown}.under-development-toast-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--rounded-card);min-width:200px;max-width:calc(100vw - var(--spacing-3xl));pointer-events:auto;background-color:#1c1c1ef2;align-items:center;gap:clamp(8px,2vw,12px);padding:clamp(12px,2.5vh,16px) clamp(20px,4vw,24px);display:flex;box-shadow:0 4px 20px #0006}.under-development-toast-icon{flex-shrink:0;font-size:clamp(20px,4vw,24px);line-height:normal}.under-development-toast-text{color:var(--color-text-primary);white-space:nowrap;font-size:clamp(.875rem,3vw,1rem);font-weight:500}.level-list-card{background-color:var(--color-bg-primary);border-radius:var(--rounded-card);padding:var(--spacing-xl);border:1px solid var(--color-bg-secondary)}.level-list-header{margin-bottom:var(--spacing-lg)}.level-list-title{color:var(--color-text-primary);margin:0;font-size:1.125rem;font-weight:700}.level-list-content{gap:var(--spacing-md);flex-direction:column;display:flex}.level-list-item{background-color:var(--color-bg-secondary);border-radius:var(--rounded-button);padding:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-lg);border:1px solid var(--color-bg-tertiary);transition:all .2s;display:flex}.level-list-item:not(.disabled):hover{border-color:var(--color-blue-400);background-color:var(--color-bg-tertiary);transform:translateY(-2px)}.level-list-item.disabled{opacity:.5;cursor:not-allowed}.level-list-item.under-development{background-color:var(--color-bg-primary);opacity:.7;border-color:var(--color-bg-tertiary)}.level-list-item.under-development:hover{border-color:var(--color-bg-tertiary);background-color:var(--color-bg-primary);transform:none}.level-list-item-left{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.level-list-item-header{align-items:center;gap:var(--spacing-sm);display:flex}.level-list-item-number{color:var(--color-text-primary);font-size:1rem;font-weight:700}.level-list-status{padding:2px var(--spacing-sm);border-radius:var(--spacing-sm);font-size:.75rem;font-weight:500}.level-list-status.cleared{background-color:var(--color-blue-400);color:var(--color-text-primary)}.level-list-status.locked,.level-list-status.under-dev{background-color:var(--color-gray-500);color:var(--color-text-primary)}.level-list-item-name{color:var(--color-text-secondary);font-size:.875rem}.level-list-item-best{color:var(--color-blue-400);font-size:.75rem;font-weight:500}.level-list-item-right{flex-shrink:0}.level-list-button{padding:var(--spacing-small-alt) var(--spacing-lg);border-radius:var(--rounded-button);cursor:pointer;white-space:nowrap;border:none;font-size:.875rem;font-weight:600;transition:all .2s}.level-list-button-primary{background-color:var(--color-blue-400);color:var(--color-text-primary)}.level-list-button-primary:hover{background-color:var(--color-blue-500)}.level-list-button-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.level-list-button-secondary:hover{background-color:var(--color-gray-600)}.level-list-button-disabled{background-color:var(--color-bg-secondary);color:var(--color-gray-500);cursor:not-allowed}.level-list-button-under-dev{background-color:var(--color-gray-500);color:var(--color-text-primary);cursor:not-allowed;opacity:.6}.level-list-button-under-dev:hover{background-color:var(--color-gray-500);opacity:.6}@media (width<=480px){.level-list-item{align-items:stretch;gap:var(--spacing-md);flex-direction:column;width:100%;margin-left:0;margin-right:0}.level-list-item-left{flex:none;width:100%}.level-list-item-right{flex-shrink:0;width:100%}.level-list-button{text-align:center;width:100%;padding:var(--spacing-lg) var(--spacing-2xl)}}.mode-select-modal{max-width:400px;padding:2.5rem}@media (orientation:landscape){.mode-select-modal{gap:var(--spacing-3xl);max-width:900px;padding:var(--spacing-3xl);flex-direction:row;align-items:stretch;padding-bottom:80px;display:flex;position:relative}.mode-select-modal-header{text-align:left;padding-right:var(--spacing-2xl);border-right:1px solid #ffffff1a;flex-direction:column;flex:0 0 40%;justify-content:center;margin-bottom:0;display:flex}.mode-select-stage-info{margin-bottom:var(--spacing-lg);justify-content:flex-start}.mode-select-modal-title{margin-bottom:var(--spacing-md);font-size:28px}.mode-select-modal-subtitle{margin-bottom:var(--spacing-sm);font-size:16px}.mode-select-modal-subtitle-secondary{margin-top:var(--spacing-md);font-size:15px}.mode-select-modal-content{gap:var(--spacing-lg);flex-direction:column;flex:1;justify-content:center;margin-bottom:0;padding-bottom:0;display:flex}.mode-select-button{flex:1;min-height:120px}.mode-select-modal-close{bottom:var(--spacing-lg);width:calc(100% - 64px);max-width:400px;margin-top:0;position:absolute;left:50%;transform:translate(-50%)}}.mode-select-modal-header{text-align:center;margin-bottom:var(--spacing-2xl)}.mode-select-stage-info{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:16px;font-weight:600;display:flex}.mode-select-stage-icon{font-size:20px}.mode-select-stage-title{font-size:16px}.mode-select-modal-title{color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;font-size:24px;font-weight:700}.mode-select-modal-subtitle{color:var(--color-text-secondary);margin:0 0 var(--spacing-xs) 0;font-size:14px}.mode-select-modal-subtitle-secondary{color:var(--color-text-secondary);margin:var(--spacing-sm) 0 0 0;font-size:14px}.mode-select-modal-content{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.mode-select-button{background-color:var(--color-bg-secondary);border:2px solid var(--color-bg-tertiary);border-radius:var(--rounded-card);padding:var(--spacing-xl);align-items:center;gap:var(--spacing-lg);cursor:pointer;text-align:left;width:100%;transition:all .2s;display:flex}.mode-select-button:hover{border-color:var(--color-blue-400);background-color:#ffffff1a;transform:translateY(-4px);box-shadow:0 10px 25px #0000004d}.mode-select-button:active{transform:translateY(0)}.mode-select-icon{flex-shrink:0;font-size:32px}.mode-select-button-text{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.mode-select-button-title{color:var(--color-text-primary);font-size:18px;font-weight:700}.mode-select-button-desc{color:var(--color-text-secondary);font-size:14px}.mode-select-modal-close{width:100%}.challenge-card{background-color:var(--bg-glass-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--rounded-card);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl);border:var(--border-glass);box-shadow:var(--shadow-glass)}.challenge-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.challenge-icon{font-size:1.5rem}.challenge-title{color:var(--color-text-primary);margin:0;font-size:1.25rem;font-weight:700}.challenge-description{color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;font-size:1.125rem;font-weight:700;line-height:1.4}.challenge-participants{color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0;font-size:.875rem}.challenge-button{width:100%}.my-record-card{background-color:var(--color-bg-primary);border-radius:var(--rounded-card);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);border:1px solid var(--color-bg-secondary)}.my-record-card-title{color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0;font-size:1.125rem;font-weight:700}.my-record-card-content{gap:var(--spacing-md);flex-direction:column;display:flex}.my-record-item{align-items:center;gap:var(--spacing-md);display:flex}.my-record-icon{flex-shrink:0;font-size:1.25rem}.my-record-label{color:var(--color-text-secondary);flex:1;font-size:.875rem}.my-record-value{color:var(--color-blue-400);font-size:1rem;font-weight:700}.my-record-card-skeleton{gap:var(--spacing-md);flex-direction:column;display:flex}.skeleton-title{background:linear-gradient(90deg, var(--color-bg-secondary) 25%, var(--color-bg-tertiary) 50%, var(--color-bg-secondary) 75%);border-radius:var(--rounded-sm);background-size:200% 100%;width:60%;height:24px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-item{background:linear-gradient(90deg, var(--color-bg-secondary) 25%, var(--color-bg-tertiary) 50%, var(--color-bg-secondary) 75%);border-radius:var(--rounded-sm);background-size:200% 100%;width:100%;height:20px;animation:1.5s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.unknown-mountain-card{border-radius:var(--rounded-card);padding:var(--spacing-lg);cursor:pointer;background-color:#2c2c2c99;border:1px solid #ffffff1a;transition:background-color .2s,border-color .2s}.unknown-mountain-card:hover{background-color:#3c3c3ccc;border-color:#fff3}.unknown-mountain-card.pressed{transform:scale(.98)}.unknown-mountain-content{align-items:center;gap:var(--spacing-md);display:flex}.unknown-mountain-icon-wrapper{background-color:var(--color-bg-secondary);border-radius:var(--rounded-sm);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.unknown-mountain-icon{width:32px;height:32px}.unknown-mountain-text{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.unknown-mountain-title{color:var(--color-text-primary);background:linear-gradient(to bottom, var(--color-text-primary) 0%, var(--color-text-primary) 60%, #ffffff4d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1rem;font-weight:600}.unknown-mountain-description{color:var(--color-gray-400);margin:0;font-size:.875rem}.unknown-mountain-button{border:1px solid var(--color-bg-tertiary);border-radius:var(--rounded-sm);padding:var(--spacing-tiny) var(--spacing-md);color:var(--color-text-primary);cursor:pointer;margin-top:var(--spacing-xs);background:0 0;width:fit-content;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .2s}.unknown-mountain-button:hover{border-color:var(--color-text-primary);color:var(--color-text-primary);background-color:#ffffff1a}.status-card{background-color:var(--bg-glass-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--rounded-card);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);border:var(--border-glass);box-shadow:var(--shadow-glass)}.status-card-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.status-subtitle{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.status-detail-link{color:var(--color-blue-400);cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;font-weight:500}.status-detail-link:hover{opacity:.8}.status-main{gap:var(--spacing-sm);flex-direction:column;display:flex}.status-rank{color:var(--color-text-primary);margin:0;font-size:1.5rem;font-weight:700}.status-info{color:var(--color-text-secondary);margin:0;font-size:.875rem}.status-card-skeleton{gap:var(--spacing-md);flex-direction:column;display:flex}.skeleton-line{background:linear-gradient(90deg, var(--color-bg-secondary) 25%, var(--color-bg-tertiary) 50%, var(--color-bg-secondary) 75%);border-radius:var(--spacing-xs);background-size:200% 100%;height:20px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-line.short{width:30%}.skeleton-line.medium{width:60%}.skeleton-line.long{width:100%}.status-card-error{padding:var(--spacing-xl);text-align:center;color:var(--color-toss-red)}.status-card-error p{margin:0;font-size:.875rem}.tier-upgrade-header{text-align:center;margin-bottom:var(--spacing-xl)}.tier-upgrade-header h2{color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:24px;font-weight:700}.tier-upgrade-header p{color:var(--color-text-secondary);font-size:15px;line-height:1.5}.tier-upgrade-content{align-items:center;gap:var(--spacing-xl);padding:var(--spacing-xl) 0;margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.tier-comparison{justify-content:center;align-items:center;gap:var(--spacing-lg);width:100%;display:flex}.tier-before,.tier-after{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.tier-icon-small{opacity:.7;font-size:32px}.tier-icon-large{font-size:48px}.tier-icon-large.stars-animation{animation:2s ease-in-out infinite tier-glow,.5s ease-in-out scale-bounce}@keyframes scale-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.tier-name-small,.tier-name-large{color:var(--color-text-primary);text-align:center;font-size:14px;font-weight:500}.tier-name-large{font-size:18px;font-weight:600}.tier-stars-small,.tier-stars-large{margin-left:var(--spacing-xs);color:var(--color-tier-legend);font-size:.9em}.tier-arrow{color:var(--color-text-secondary);font-size:32px;font-weight:700}.stars-celebration{text-align:center;padding:var(--spacing-lg);background-color:var(--color-bg-secondary);border-radius:var(--rounded-card);width:100%}.stars-display{color:var(--color-tier-legend);text-align:center;margin-bottom:var(--spacing-md);font-size:32px;animation:2s ease-in-out infinite tier-glow}.stars-celebration p{color:var(--color-text-primary);font-size:16px;font-weight:500}.tier-upgrade-actions{justify-content:center;display:flex}.tier-upgrade-button{padding:var(--spacing-md) var(--spacing-3xl)}.top-bar{width:100%;max-width:400px;margin-bottom:var(--spacing-xl);padding:0 var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.timer-container{flex-grow:1;justify-content:center;display:flex}.score-display{color:var(--color-text-primary);font-size:1.2rem;font-weight:700;transition:transform .15s ease-in-out}@keyframes correct-flash-animation{0%,to{border:2px solid #0000;transform:translateY(0)scale(1)}30%{border:2px solid var(--color-confetti-green);box-shadow:0 0 20px color-mix(in srgb, var(--color-confetti-green), transparent 50%);transform:translateY(-3px)scale(1.015)}70%{transform:translateY(1px)scale(1.005)}}.correct-flash{will-change:transform;animation:.35s cubic-bezier(.25,.46,.45,.94) correct-flash-animation;transform:translate(0,0)}@keyframes wrong-shake-animation{0%,to{transform:translate(0,0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.wrong-shake{will-change:transform;animation:.15s ease-in-out wrong-shake-animation;transform:translate(0,0)}@keyframes score-pop-animation{50%{transform:scale(1.3)}}.score-pop{animation:.15s ease-in-out score-pop-animation}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.fade-out{animation:.1s forwards fade-out}.fade-in{animation:.1s forwards fade-in}.quiz-page{background-color:var(--color-gray-900);box-sizing:border-box;overscroll-behavior:none;touch-action:none;--world-bg-top:var(--color-world-forest-top);--world-bg-mid:var(--color-world-forest-mid);--world-bg-bottom:var(--color-world-forest-bottom);background:linear-gradient(to bottom, var(--world-bg-top), var(--world-bg-mid), var(--world-bg-bottom));flex-direction:column;width:100vw;height:100dvh;max-height:100dvh;padding:0;transition:background .5s;display:flex;position:relative;overflow:hidden}.quiz-page[data-world=World1]{--world-bg-top:var(--color-world1-top);--world-bg-mid:var(--color-world1-mid);--world-bg-bottom:var(--color-world1-bottom)}.quiz-page[data-world=World2]{--world-bg-top:var(--color-world2-top);--world-bg-mid:var(--color-world2-mid);--world-bg-bottom:var(--color-world2-bottom)}.quiz-page[data-world=World3]{--world-bg-top:var(--color-world3-top);--world-bg-mid:var(--color-world3-mid);--world-bg-bottom:var(--color-world3-bottom)}.quiz-page[data-world=World4]{--world-bg-top:var(--color-world4-top);--world-bg-mid:var(--color-world4-mid);--world-bg-bottom:var(--color-world4-bottom)}.quiz-header{width:100%;max-width:min(var(--modal-width-portrait), 100%);height:clamp(56px, 8vh, var(--header-height-portrait));padding:0 clamp(var(--spacing-md), 2vw, var(--spacing-lg));z-index:var(--z-header);box-sizing:border-box;background-color:#0000;flex-shrink:0;justify-content:space-between;align-items:center;margin:0 auto;display:flex;position:relative}@media (orientation:landscape){.quiz-header{height:clamp(48px,6vh,56px)}}.quiz-timer-container{justify-content:center;align-items:center;display:flex}.quiz-header-spacer{width:44px;min-width:44px}.quiz-back-button{color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-md);border-radius:var(--rounded-sm);background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:1.75rem;font-weight:300;line-height:normal;transition:all .2s;display:flex}.quiz-back-button:hover{opacity:.7;background-color:var(--glass-bg-low)}.quiz-back-button:active{opacity:.5}.quiz-content{width:100%;max-width:min(var(--modal-width-portrait), 100%);padding:max(4px, env(safe-area-inset-top,0px)) clamp(var(--spacing-md), 2vw, var(--spacing-lg)) max(4px, env(safe-area-inset-bottom,0px));box-sizing:border-box;flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:clamp(4px,1vh,12px);min-height:0;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (orientation:landscape){.quiz-content{max-width:var(--modal-width-portrait);flex-direction:column;justify-content:space-between;align-items:center;gap:var(--spacing-xs)!important;padding:var(--spacing-micro) clamp(var(--spacing-md), 2vw, var(--spacing-lg)) var(--spacing-xs)!important}}.quiz-card{background-color:var(--glass-bg);border:var(--glass-border);width:100%;max-width:min(480px,94vw);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow);min-height:0;max-height:var(--quiz-card-max-height);border-radius:clamp(20px,3.5vh,28px);flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:clamp(6px,1.2vh,14px);margin-top:clamp(2px,.8vh,6px);margin-bottom:0;padding:clamp(8px,1.5vh,16px) clamp(16px,4vw,28px);display:flex;position:relative;overflow:hidden}.quiz-content-inner{justify-content:flex-start;align-items:center;gap:var(--spacing-sm);flex-direction:column;flex:1;width:100%;display:flex}.question-answer-group{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(12px,3vh,24px);width:100%;display:flex}.question-area-content{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}@media (orientation:landscape){.quiz-card{flex:0 auto;width:100%;max-width:min(480px,94vw);margin:var(--spacing-micro) auto 0!important;min-height:60px!important;max-height:22vh!important;padding:var(--spacing-xs) clamp(12px, 3vw, 24px)!important;gap:var(--spacing-xs)!important}.quiz-card .problem-text{font-size:clamp(1.2rem,5vh,1.8rem)!important}.quiz-card .answer-text{min-height:1.1em!important;font-size:clamp(1.1rem,4vh,1.5rem)!important}.quiz-card .answer-caret{min-width:80px!important;height:2px!important}}.exit-confirm-toast{width:calc(100% - var(--spacing-3xl));background-color:var(--bg-glass-overlay);max-width:320px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:var(--rounded-button);padding:var(--spacing-md) var(--spacing-lg);text-align:center;z-index:var(--z-toast-high);cursor:pointer;box-shadow:var(--shadow-card);transition:background-color .2s;animation:.3s ease-out exitConfirmSlideDown;position:fixed;bottom:clamp(240px,40vh,320px);left:50%;transform:translate(-50%)}@media (orientation:landscape){.exit-confirm-toast{max-width:var(--modal-width-portrait);bottom:clamp(180px,30vh,240px)}}.exit-confirm-toast:hover{background-color:#2c2c2cf2}.exit-confirm-toast:active{background-color:#2c2c2c}@keyframes exitConfirmSlideDown{0%{opacity:0;transform:translateX(-50%) translateY(var(--spacing-xl))}to{opacity:1;transform:translate(-50%)translateY(0)}}.exit-confirm-toast.fade-out{animation:.3s ease-out forwards exitConfirmSlideUp}@keyframes exitConfirmSlideUp{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(var(--spacing-xl))}}.exit-confirm-text{color:var(--color-text-primary);margin:0;font-size:.875rem;font-weight:500;line-height:1.4}.exit-confirm-hint{line-height:1.3;margin:var(--spacing-xs) 0 0 0!important;color:var(--color-text-secondary)!important;font-size:.75rem!important;font-weight:400!important}.question{font-size:var(--text-2xl);color:var(--color-text-primary);text-align:center;font-weight:700}.debug-answer-display{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-blue-400);color:var(--color-text-primary);border-radius:var(--rounded-button);text-align:center;font-size:.875rem}.debug-answer-display strong{font-size:1.125rem;font-weight:600}.problem-text{color:var(--color-text-primary);text-align:center;word-break:keep-all;text-shadow:-1px -1px #00000080,1px -1px #00000080,-1px 1px #00000080,1px 1px #00000080,0 4px 8px #0006;margin:0;font-size:clamp(2.8rem,10vw,3.8rem);font-weight:900;line-height:1.1}.quiz-answer-section{flex-direction:column;align-items:center;width:100%;display:flex}.answer-input-wrapper{width:100%;position:relative}.answer-display{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:50px;display:flex;position:relative}.answer-content-container{align-items:center;gap:var(--spacing-xs);flex-direction:column;flex:1;width:100%;display:flex}.answer-text{color:var(--color-mint-400);justify-content:center;align-items:center;min-height:1.2em;font-size:clamp(2.2rem,7vw,3rem);font-weight:800;display:flex}.answer-caret{background-color:var(--color-mint-400);border-radius:var(--rounded-xs);width:80%;min-width:120px;height:4px;box-shadow:0 0 10px var(--color-mint-400);animation:1s infinite caret-blink}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:.15}}.answer-input-system{border-radius:var(--rounded-button);border:var(--glass-border);background-color:var(--glass-bg);width:100%;color:var(--color-blue-400);text-align:center;-webkit-appearance:none;-moz-appearance:textfield;appearance:none;padding:clamp(12px,2vh,16px);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;transition:color .3s,border-color .3s,background-color .3s}.answer-input-system::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.answer-input-system::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.answer-input-system:focus{border-color:var(--color-blue-400);box-shadow:0 0 0 3px var(--color-primary-focus-shadow);outline:none}.answer-input-system:disabled{opacity:.6;cursor:not-allowed}@keyframes flash-red{0%{background-color:#0000;background-color:color-mix(in srgb, var(--color-toss-red), transparent 100%)}20%{background-color:#f0445233;background-color:color-mix(in srgb, var(--color-toss-red), transparent 80%)}to{background-color:#0000;background-color:color-mix(in srgb, var(--color-toss-red), transparent 100%)}}@keyframes flash-red-input{0%{background-color:#0000;background-color:color-mix(in srgb, var(--color-toss-red), transparent 100%);border-color:var(--color-bg-tertiary)}20%{background-color:#f0445233;background-color:color-mix(in srgb, var(--color-toss-red), transparent 80%);border-color:var(--color-toss-red)}to{background-color:#0000;background-color:color-mix(in srgb, var(--color-toss-red), transparent 100%);border-color:var(--color-bg-tertiary)}}.answer-input-system.is-error{color:var(--color-toss-red);border:2px solid var(--color-toss-red);background-color:#f044521a;background-color:color-mix(in srgb, var(--color-toss-red), transparent 90%)}.answer-input-system.input-error-flash{animation:.4s ease-out flash-red-input}.answer-display.input-error-flash{animation:.4s ease-out flash-red}.answer-input-system.is-error:focus{border-color:var(--color-toss-red);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-toss-red), transparent 80%)}.answer-input-system.is-error.readonly{cursor:default}.answer-display.is-error{color:var(--color-toss-red);transition:color .3s}.answer-display.is-error .answer-display-text{color:var(--color-toss-red)}.submit-button-system{width:100%;padding:var(--spacing-md);margin-top:var(--spacing-md);font-size:1.1rem}.submit-button-system:hover:not(:disabled){background-color:var(--color-blue-500)}.submit-button-system:active:not(:disabled){background-color:var(--color-blue-700);transform:scale(.975)}.submit-button-system:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-secondary)}.submit-button{padding:var(--spacing-medium-alt) 0;background:linear-gradient(135deg, var(--color-blue-400), var(--color-blue-500));color:var(--color-gray-100);border-radius:var(--rounded-button);cursor:pointer;border:none;font-size:1rem;font-weight:700;transition:transform .2s ease-in-out,background-color .2s ease-in-out}.submit-button:active{transform:scale(.975)}.quiz-timer-group{justify-content:center;align-items:center;gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.quiz-lives-container{gap:var(--spacing-tiny);justify-content:center;align-items:center;height:20px;display:flex}.quiz-life-item{filter:drop-shadow(0 0 2px #0000004d);font-size:1rem;line-height:normal;transition:all .3s}.quiz-life-item.used{opacity:.4;filter:grayscale();transform:scale(.85)}.quiz-life-item.active{animation:2s ease-in-out infinite item-pulse}@keyframes item-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.slide-toast{left:var(--toast-left);top:var(--toast-top);z-index:var(--z-toast-low);pointer-events:none;animation:1.5s ease-out forwards floatUp;position:absolute;transform:translate(-50%,-50%)}.slide-toast-text{padding:var(--spacing-tiny) var(--spacing-md);background-color:var(--color-toss-red);background-color:color-mix(in srgb, var(--color-toss-red), transparent 5%);color:var(--color-text-primary);border-radius:var(--rounded-small-alt);box-shadow:0 4px 12px color-mix(in srgb, var(--color-toss-red), transparent 50%);white-space:nowrap;font-size:1.125rem;font-weight:700;display:inline-block}.slide-toast-text.is-positive{background-color:var(--color-confetti-green);background-color:color-mix(in srgb, var(--color-confetti-green), transparent 5%);box-shadow:0 4px 12px color-mix(in srgb, var(--color-confetti-green), transparent 50%)}.slide-toast-text.is-positive.is-exhausted{background-color:var(--color-success);background-color:color-mix(in srgb, var(--color-success), transparent 40%);font-size:1rem;transform:scale(.85);box-shadow:0 2px 6px #0003}@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(.8)}15%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.95)}}.altimeter-hud{top:var(--spacing-sm);padding:0 var(--spacing-lg);z-index:100;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;left:0;right:0}.altimeter-hud>*{pointer-events:auto}.altimeter-center{align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex;transform:translateY(4px)}.altitude-display{filter:drop-shadow(0 2px 4px var(--overlay-dark-high));align-items:baseline;display:flex}.altitude-value{color:var(--color-gray-100);font-variant-numeric:tabular-nums;letter-spacing:-1px;font-family:Inter,system-ui,sans-serif;font-size:3rem;font-weight:800;line-height:normal}.altitude-unit{color:var(--color-gray-100);margin-left:var(--spacing-micro);opacity:.9;font-size:1.2rem;font-weight:700}.life-indicator{gap:var(--spacing-tiny);margin-top:var(--spacing-xs);display:flex}.life-icon{filter:drop-shadow(0 1px 2px #00000080);font-size:1.2rem;transition:all .3s}.life-icon.active{animation:2s infinite life-pulse}.life-icon.used{filter:grayscale()opacity(.5)drop-shadow(0 0 #0000);transform:scale(.8)}@keyframes life-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.quiz-header-rework{width:100%;max-width:min(var(--modal-width-portrait), 100%);padding:var(--spacing-lg);z-index:100;pointer-events:none;box-sizing:border-box;grid-template-columns:1fr auto 1fr;align-items:flex-start;margin:0 auto;display:grid;position:relative}.header-left-controls{pointer-events:auto;gap:var(--spacing-lg);flex-direction:column;align-items:flex-start;display:flex}.pause-button{-webkit-backdrop-filter:blur(8px);color:var(--color-gray-100);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 4px 12px #0003}.pause-button:hover{background:#ffffff26;border-color:#ffffff40;box-shadow:0 0 15px #fff3}.pause-button:active{background:#ffffff40;transform:scale(.92)}.pause-icon-svg{width:var(--spacing-xl);height:var(--spacing-xl);color:var(--color-gray-100);transition:transform .2s}.pause-button:hover .pause-icon-svg{transform:scale(1.1)}.vertical-item-stack{gap:var(--spacing-sm);flex-direction:column;display:flex}.side-item.active{background:#28c76f33;border:1px solid #28c76f80;animation:2s infinite life-pulse}.side-item.used{filter:grayscale()opacity(.5)}.header-center-timer{pointer-events:auto;flex-direction:column;align-items:center;margin-top:0;display:flex}.header-right-score{pointer-events:auto;justify-content:flex-end;display:flex}.score-display-round{margin-top:var(--spacing-sm);background:var(--overlay-dark-high);padding:var(--spacing-tiny) var(--spacing-lg);border-radius:var(--rounded-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--glass-border-low);justify-content:center;align-items:baseline;display:flex;box-shadow:0 4px 6px #0003}.score-capsule .score-val,.score-display-round .score-val{color:var(--color-gray-100);font-variant-numeric:tabular-nums;align-items:center;font-family:Inter,system-ui,sans-serif;font-size:1.2rem;font-weight:800;line-height:1.2;display:inline-flex}.score-capsule .score-unit,.score-display-round .score-unit{color:#fffc;margin-left:var(--spacing-micro);font-size:.8rem;font-weight:700}.score-combo-stack{align-items:flex-end;gap:var(--spacing-xs);flex-direction:column;display:flex}.combo-mini-badge{opacity:.75;justify-content:center;align-items:center;margin-top:-4px;transition:opacity .2s ease-in-out;animation:.4s cubic-bezier(.175,.885,.32,1.275) mini-combo-pop;display:flex}.combo-num{color:var(--color-blue-400);text-shadow:0 0 6px #3b82f666;font-variant-numeric:tabular-nums;font-family:Inter,system-ui,sans-serif;font-size:.95rem;font-weight:900;transform:skew(-5deg)}.fever-level-1 .combo-num{color:var(--color-orange-400);text-shadow:0 0 10px #fb923c80}.fever-level-2 .combo-num{color:var(--color-amber-400);text-shadow:0 0 12px #fbbf2499;font-size:1.25rem}@keyframes mini-combo-pop{0%{opacity:0;transform:scale(.6)}30%{opacity:1;filter:brightness(1.3);transform:scale(1.3)}to{opacity:.75;filter:brightness();transform:scale(1)}}.quiz-page[data-world=World1]{--world-primary:var(--color-blue-500);--world-secondary:var(--color-blue-600)}.quiz-page[data-world=World1] .top-bar{padding-bottom:var(--spacing-sm);border-bottom:2px solid #3b82f633}.quiz-page{--aurora-color-1:#3b82f638;--aurora-color-2:#06b6d438;--aurora-color-3:#8b5cf61f;overflow:hidden}.quiz-page[data-world=World2]{--aurora-color-1:#f59e0b38;--aurora-color-2:#ef444433;--aurora-color-3:#fbbf241f}.quiz-page[data-world=World3]{--aurora-color-1:#10b98138;--aurora-color-2:#06b6d438;--aurora-color-3:#3b82f61f}.quiz-page[data-world=World4]{--aurora-color-1:#8b5cf640;--aurora-color-2:#ec489933;--aurora-color-3:#4f46e526}.quiz-page[data-world=language]{--aurora-color-1:#ef444440;--aurora-color-2:#f43f5e33;--aurora-color-3:#fb923c1f}.quiz-page:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 15% 20%, var(--aurora-color-1) 0%, transparent 45%), radial-gradient(circle at 85% 80%, var(--aurora-color-2) 0%, transparent 45%), radial-gradient(circle at 50% 50%, var(--aurora-color-3) 0%, transparent 55%);filter:blur(50px);opacity:.85;animation:15s infinite alternate aurora-glow;position:absolute;inset:0}@keyframes aurora-glow{0%{opacity:.7}50%{opacity:.9}to{opacity:.75}}.category-label{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--rounded-md);color:var(--color-blue-400);text-transform:uppercase;letter-spacing:.05em;background:#3b82f626;border:1px solid #3b82f64d;margin-bottom:0;font-size:.75rem;font-weight:800;display:inline-block}.pill-card{background:var(--overlay-dark-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0 var(--spacing-lg);border-radius:var(--rounded-pill);border:1px solid var(--glass-border-low);justify-content:center;align-items:center;gap:var(--spacing-xs);box-sizing:border-box;height:44px;display:flex;box-shadow:0 4px 6px #0003}.pill-card.pulse{animation:.3s ease-out pill-pulse}@keyframes pill-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.world-info-header-floating{text-align:center;color:#ffffffb3;width:auto;min-width:max-content;max-width:90vw;padding:var(--spacing-xs) var(--spacing-medium-alt);border-radius:var(--rounded-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;text-overflow:ellipsis;z-index:10;pointer-events:none;letter-spacing:-.01em;background:#00000040;border:1px solid #ffffff1a;font-size:13px;font-weight:700;position:absolute;top:24px;left:50%;overflow:hidden;transform:translate(-50%)}@media (orientation:landscape){.world-info-header-floating{top:var(--spacing-sm);margin-bottom:0;position:absolute;left:50%;transform:translate(-50%)}}.pause-count-badge{background:var(--color-blue-500);color:var(--color-text-primary);border:2px solid var(--color-gray-900);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.landmark-popup-overlay{z-index:var(--z-toast-high);pointer-events:none;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards landmark-appear;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%)}.landmark-popup{background:var(--overlay-dark-high);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--rounded-card);align-items:center;gap:var(--spacing-md);border:1px solid #fff3;display:flex;box-shadow:0 8px 32px #00000080}.landmark-icon{font-size:2rem}.landmark-text{color:var(--color-text-primary);letter-spacing:-.02em;font-size:1.1rem;font-weight:800}@keyframes landmark-appear{0%{opacity:0;transform:translate(-50%,-30%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.side-item{border-radius:var(--rounded-xs);background:#ffffff1a;border:1px solid #fff3;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000004d}.side-item.active{background:#3b82f633;border-color:#3b82f680;box-shadow:0 0 10px #3b82f64d}.visualizer-container{margin-bottom:2rem}.problem-hidden{display:none}.problem-visible{display:block}.keyboard-container{width:100%;min-height:auto;margin-top:auto;margin-bottom:var(--quiz-keypad-bottom-margin);box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:none;align-items:center;padding:0;display:flex;overflow:auto hidden}.keyboard-container::-webkit-scrollbar{display:none}.keyboard-container .qwerty-keypad{box-sizing:border-box;width:fit-content;min-width:100%;max-width:none;margin:0 auto;padding-left:30px;padding-right:30px}.keyboard-container .keypad-container{width:100%;max-width:420px;margin:0 auto}@media (height<=720px) and (orientation:portrait){.quiz-header{height:44px!important;padding:0 12px!important}.quiz-back-button{min-width:36px!important;min-height:36px!important;padding:var(--spacing-xs)!important;font-size:1.4rem!important}.quiz-timer-container{transform:scale(.85)}.quiz-card{height:auto!important;max-height:calc(100dvh - 380px)!important;padding:var(--spacing-sm) var(--spacing-md)!important;gap:var(--spacing-xs)!important;min-height:90px!important;margin-top:2px!important}.quiz-content-inner,.question-answer-group,.contents-display,.answer-content-container{gap:var(--spacing-micro)!important}.world-info-header-floating{padding:1px var(--spacing-tiny);font-size:10px;top:4px}.problem-text{margin:0!important;font-size:clamp(1.2rem,3.8vh,1.6rem)!important}.answer-caret{min-width:100px!important;height:3px!important}.timer-wrapper{transform:scale(.8)}}@media (width<=480px) and (height>=721px) and (orientation:portrait){.quiz-content{padding-top:max(8px, env(safe-area-inset-top,0px))!important;justify-content:flex-start!important;gap:var(--spacing-small-alt)!important;padding-bottom:0!important;padding-left:12px!important;padding-right:12px!important}.quiz-header{height:52px!important;padding:0 16px!important}.quiz-back-button{min-width:40px!important;min-height:40px!important;padding:var(--spacing-tiny)!important;font-size:1.6rem!important}.quiz-timer-container{transform:scale(.92)}.quiz-card{gap:clamp(14px,3vh,24px)!important;height:auto!important;min-height:clamp(200px,36vh,340px)!important;max-height:calc(100dvh - 460px)!important;margin-top:clamp(8px,2vh,16px)!important;margin-bottom:0!important;padding:clamp(16px,3.5vh,28px) clamp(16px,4vw,28px)!important}.keyboard-container{margin-top:auto!important;margin-bottom:0!important}.quiz-content-inner,.question-answer-group,.contents-display,.answer-content-container{gap:var(--spacing-medium-alt)!important}.world-info-header-floating{padding:var(--spacing-micro) var(--spacing-sm);font-size:11px;top:6px}.problem-text{margin:0!important;font-size:clamp(2.4rem,8vh,3.2rem)!important}.answer-caret{min-width:120px!important;height:4px!important}.timer-wrapper{transform:scale(.9)}}.quiz-loading{width:100%;min-height:100vh;color:var(--color-white);letter-spacing:.5px;text-shadow:0 2px 10px #0000004d;flex-direction:column;justify-content:center;align-items:center;font-family:Outfit,Inter,sans-serif;font-size:18px;font-weight:500;animation:1.8s ease-in-out infinite pulse-loading;display:flex}.loading-spinner{border:3px solid #ffffff26;border-top-color:var(--color-white);width:42px;height:42px;margin-bottom:var(--spacing-md);border-radius:50%;animation:1s ease-in-out infinite spin-loading;box-shadow:0 0 15px #ffffff1a}@keyframes pulse-loading{0%,to{opacity:.75;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}@keyframes spin-loading{to{transform:rotate(360deg)}}.keyboard-info-modal{width:100%;max-width:100%;height:100%;max-height:100%;box-shadow:none;background-color:var(--color-gray-900);border-radius:0;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.keyboard-info-modal-header{padding:max(clamp(12px, 2vh, 20px), env(safe-area-inset-top,0px)) clamp(12px, 2vw, 16px);background-color:#0000;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:0;display:flex;position:relative;top:0;left:0;right:0}.keyboard-info-modal-title{color:var(--color-text-primary);text-align:center;flex:1;margin:0;font-size:1.2rem;font-weight:700}.keyboard-info-modal-subtitle{color:var(--color-text-secondary);margin:0;font-size:.875rem}.keyboard-info-content-wrapper{width:100%;max-width:var(--modal-width-portrait);margin:0 auto;position:relative}.keyboard-info-category-tabs{width:100%;max-width:var(--modal-width-portrait);z-index:1;pointer-events:none;flex-shrink:0;margin:0 auto;padding:0 clamp(12px,2vw,16px);position:absolute;top:0;left:0;right:0}.keyboard-info-category-tabs-scroll{pointer-events:auto;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);scrollbar-width:thin;scrollbar-color:#4c4c4c var(--color-bg-secondary);-webkit-overflow-scrolling:touch;display:flex;overflow:auto hidden}.keyboard-info-category-tabs-scroll::-webkit-scrollbar{height:4px}.keyboard-info-category-tabs-scroll::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--rounded-tiny)}.keyboard-info-category-tabs-scroll::-webkit-scrollbar-thumb{background:var(--color-gray-600);border-radius:var(--rounded-tiny)}.keyboard-info-category-tabs-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-bg-tertiary)}.keyboard-info-category-tab{align-items:center;gap:var(--spacing-tiny);padding:var(--spacing-small-alt) var(--spacing-lg);background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;white-space:nowrap;flex-shrink:0;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.keyboard-info-category-tab:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-gray-600)}.keyboard-info-category-tab.active{background-color:var(--color-blue-400);border-color:var(--color-blue-400);color:var(--color-text-primary)}.keyboard-info-tab-icon{font-size:1.1rem}.keyboard-info-tab-name{font-weight:500}.keyboard-info-preview-header{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-bg-tertiary);flex-shrink:0;justify-content:space-between;align-items:center;width:100%;margin-bottom:clamp(8px,1.5vh,20px);display:flex}.keyboard-info-preview-title{align-items:center;gap:var(--spacing-small-alt);display:flex}.keyboard-info-preview-icon{font-size:1.5rem}.keyboard-info-preview-category{color:var(--color-text-secondary);font-size:.75rem;font-weight:500}.keyboard-info-preview-subtopic{color:var(--color-text-primary);font-size:1rem;font-weight:600}.keyboard-info-negative-badge{color:var(--color-blue-400);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--rounded-xs);white-space:nowrap;background-color:#00bfa51a;font-size:.7rem;font-weight:500}.keyboard-info-nav-wrapper{justify-content:center;align-items:center;gap:var(--spacing-md);width:100%;max-width:var(--modal-width-portrait);z-index:2;pointer-events:none;margin:0 auto;display:flex;position:absolute;top:50px;left:0;right:0}.keyboard-info-nav-wrapper>*{pointer-events:auto}.keyboard-info-nav-label{color:var(--color-text-secondary);text-align:center;min-width:120px;font-size:.875rem;font-weight:500}.keyboard-info-nav-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-bg-tertiary);width:36px;height:36px;color:var(--color-text-primary);cursor:pointer;background-color:#2c2c2cd9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.25rem;font-weight:700;line-height:normal;transition:all .2s;display:flex}.keyboard-info-nav-button:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-blue-400);transform:scale(1.1)}.keyboard-info-nav-button:active{transform:scale(.95)}.keyboard-info-content-wrapper>.custom-keypad,.keyboard-info-content-wrapper>.qwerty-keypad{box-sizing:border-box;width:100%!important;max-width:var(--modal-width-portrait)!important;margin:0 auto!important;position:static!important;left:auto!important;right:auto!important;transform:none!important}.keyboard-info-preview-indicator{text-align:center;color:var(--color-text-secondary);width:100%;max-width:var(--modal-width-portrait);z-index:1;flex-shrink:0;margin-top:clamp(8px,1.5vh,20px);margin-left:auto;margin-right:auto;font-size:.75rem;font-weight:500;position:relative}.keyboard-info-modal-close{top:max(clamp(12px, 2vh, 20px), env(safe-area-inset-top,0px));width:auto;min-width:40px;height:40px;padding:0 var(--spacing-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;z-index:10;background-color:#2c2c2cd9;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;position:absolute;right:clamp(12px,2vw,16px)}.keyboard-info-modal-close:hover{background-color:var(--color-bg-tertiary)}.keyboard-info-modal-close:active{transform:scale(.98)}@media (orientation:landscape){.keyboard-info-nav-wrapper{top:50px}.keyboard-info-category-tabs{top:0}}.badge-notification-overlay{background-color:var(--color-overlay);z-index:1001;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.badge-notification{background-color:var(--color-bg-primary);border-radius:var(--rounded-large-card);padding:var(--spacing-2xl);width:100%;max-width:400px;box-shadow:var(--shadow-modal);gap:var(--spacing-xl);flex-direction:column;animation:.3s ease-out slide-in;display:flex}@keyframes slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.badge-notification-header{text-align:center}.badge-notification-header h2{color:var(--color-text-primary);margin:0;font-size:1.5rem;font-weight:700}.badge-notification-content{gap:var(--spacing-lg);flex-direction:column;display:flex}.badge-notification-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-bg-secondary);border-radius:var(--rounded-card);display:flex}.badge-notification-icon{font-size:3rem;line-height:1}.badge-notification-info{flex:1}.badge-notification-name{color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:1.1rem;font-weight:600}.badge-notification-description{color:var(--color-text-secondary);font-size:.9rem}.badge-notification-actions{justify-content:center;display:flex}.badge-notification-button{background-color:var(--color-blue-400);color:var(--color-text-primary);border-radius:var(--rounded-button);padding:var(--spacing-md) var(--spacing-2xl);cursor:pointer;border:none;font-size:1rem;font-weight:600;transition:background-color .2s}.badge-notification-button:hover{background-color:var(--color-blue-500)}.badge-notification-button:active{background-color:var(--color-blue-700)}.notification-playground{padding:var(--spacing-lg);background-color:var(--color-bg-secondary);border-radius:var(--rounded-card);margin-top:var(--spacing-2xl);border:1px dashed var(--color-blue-400)}.playground-title{margin:0 0 var(--spacing-xs) 0;color:var(--color-blue-400);font-size:1.1rem}.playground-desc{margin:0 0 var(--spacing-lg) 0;color:var(--color-text-secondary);font-size:.8rem}.playground-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.playground-section{gap:var(--spacing-sm);flex-direction:column;display:flex}.playground-section h4{color:var(--color-text-primary);opacity:.8;padding-bottom:var(--spacing-xs);margin:0;margin-bottom:var(--spacing-xs);border-bottom:1px solid #ffffff1a;font-size:.9rem}.playground-section button{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;text-align:left;border:1px solid #ffffff1a;font-size:.85rem;transition:all .2s}.playground-section button:hover{background-color:var(--color-blue-400);color:var(--color-text-primary);border-color:#0000}.playground-overlay{z-index:9999;padding:var(--spacing-lg);background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.playground-card-container{width:100%;max-width:400px;position:relative}.playground-card-scroll-container{background:var(--color-bg-primary);width:100%;max-width:500px;max-height:80vh;padding:var(--spacing-lg);border-radius:var(--rounded-large-card);overflow-y:auto}.card-preview-row{margin-bottom:var(--spacing-xl)}.card-preview-row h5{margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.playground-close-btn{margin-top:var(--spacing-md);width:100%;padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;border:none;font-weight:700}.debug-card-wrapper{max-width:300px}.debug-tier-control{gap:var(--spacing-lg);flex-direction:column;display:flex}.debug-tier-item{gap:var(--spacing-sm);flex-direction:column;display:flex}.debug-tier-label{color:var(--color-text-secondary);font-size:.875rem}.debug-tier-select{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);font-size:1rem}.debug-tier-select:focus{border-color:var(--color-blue-400);outline:none}.debug-tier-select:disabled{opacity:.5;cursor:not-allowed}.debug-tier-input-group{gap:var(--spacing-sm);align-items:center;display:flex}.debug-tier-input{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);text-align:center;flex:1;font-size:1rem}.debug-tier-input:focus{border-color:var(--color-blue-400);outline:none}.debug-tier-input:disabled{opacity:.5;cursor:not-allowed}.debug-tier-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-blue-400);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;margin-top:var(--spacing-xs);border:none;font-size:.875rem;transition:background-color .2s}.debug-tier-button:hover:not(:disabled){background-color:var(--color-blue-500)}.debug-tier-button:active:not(:disabled){background-color:var(--color-blue-700)}.debug-tier-button:disabled{opacity:.5;cursor:not-allowed}.debug-tier-button-small{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;min-width:60px;font-size:.875rem;transition:background-color .2s}.debug-tier-button-small:hover:not(:disabled){background-color:var(--color-bg-primary)}.debug-tier-button-small:active:not(:disabled){background-color:var(--color-blue-400)}.debug-tier-button-small:disabled{opacity:.5;cursor:not-allowed}.debug-tier-result{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-card)}.debug-tier-result-item{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-bg-secondary);justify-content:space-between;align-items:center;display:flex}.debug-tier-result-item:last-child{border-bottom:none}.debug-tier-result-label{color:var(--color-text-secondary);font-size:.875rem}.debug-tier-result-value{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.debug-tier-upgrade-simulation{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-card)}.debug-tier-upgrade-controls{gap:var(--spacing-md);flex-direction:column;display:flex}.debug-tier-upgrade-row{align-items:center;gap:var(--spacing-md);display:flex}.debug-tier-upgrade-label{min-width:100px;color:var(--color-text-secondary);font-size:.875rem}.debug-tier-upgrade-select{padding:var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;flex:1;font-size:.875rem}.debug-tier-upgrade-select:focus{border-color:var(--color-blue-400);outline:none}.debug-tier-upgrade-button{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--rounded-button);background-color:var(--color-blue-400);color:var(--color-text-primary);cursor:pointer;border:none;font-size:.875rem;transition:background-color .2s}.debug-tier-upgrade-button:hover{background-color:var(--color-blue-500)}.debug-badge-controls{margin-bottom:var(--spacing-lg)}.debug-badge-notification-test{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-card)}.debug-badge-notification-controls{gap:var(--spacing-md);flex-direction:column;display:flex}.debug-badge-notification-row{align-items:center;gap:var(--spacing-md);display:flex}.debug-badge-notification-label{min-width:100px;color:var(--color-text-secondary);font-size:.875rem}.debug-badge-notification-select{padding:var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;flex:1;font-size:.875rem}.debug-badge-notification-select:focus{border-color:var(--color-blue-400);outline:none}.debug-badge-notification-button{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--rounded-button);background-color:var(--color-blue-400);color:var(--color-text-primary);cursor:pointer;border:none;font-size:.875rem;transition:background-color .2s}.debug-badge-notification-button:hover:not(:disabled){background-color:var(--color-blue-500)}.debug-badge-notification-button:disabled{opacity:.5;cursor:not-allowed}.debug-sync-result{margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-card)}.debug-sync-item{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-bg-secondary);justify-content:space-between;align-items:center;display:flex}.debug-sync-item:last-child{border-bottom:none}.debug-sync-label{color:var(--color-text-secondary);font-size:.875rem}.debug-sync-status{font-size:.875rem;font-weight:500}.debug-sync-status.success{color:var(--color-blue-400)}.debug-sync-status.error{color:var(--color-red-500)}.debug-sync-issues{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-bg-secondary)}.debug-sync-issues-title{margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary);font-size:.875rem;font-weight:500}.debug-sync-issues-list{padding-left:var(--spacing-lg);color:var(--color-text-secondary);margin:0;font-size:.75rem;line-height:1.6}.debug-sync-issues-list li{margin-bottom:var(--spacing-xs)}.debug-badge-reset-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-red-500);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;border:none;font-size:.875rem;transition:background-color .2s}.debug-badge-reset-button:hover:not(:disabled){background-color:var(--color-red-600)}.debug-badge-reset-button:disabled{opacity:.5;cursor:not-allowed}.debug-badge-list{gap:var(--spacing-md);flex-direction:column;display:flex}.debug-badge-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-card);cursor:pointer;transition:background-color .2s;display:flex}.debug-badge-item:hover{background-color:var(--color-bg-secondary)}.debug-badge-item.earned{border-left:3px solid var(--color-blue-400)}.debug-badge-item.locked{opacity:.6}.debug-badge-icon{text-align:center;min-width:2rem;font-size:2rem}.debug-badge-info{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.debug-badge-name{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.debug-badge-description{color:var(--color-text-secondary);font-size:.75rem}.debug-badge-status{font-size:1.25rem}.debug-empty-state{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-card)}.debug-session-info{gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-card);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.debug-session-item{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-bg-secondary);justify-content:space-between;align-items:center;display:flex}.debug-session-item:last-child{border-bottom:none}.debug-session-label{color:var(--color-text-secondary);font-size:.875rem}.debug-session-value{color:var(--color-text-primary);word-break:break-all;text-align:right;font-size:.875rem;font-weight:500}.debug-session-actions{gap:var(--spacing-md);flex-direction:column;display:flex}.debug-session-button{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;border:none;font-size:.875rem;transition:background-color .2s}.debug-session-button-danger{background-color:var(--color-red-500)}.debug-session-button-danger:hover:not(:disabled){background-color:var(--color-red-600)}.debug-session-button-warning{background-color:var(--color-bg-tertiary)}.debug-session-button-warning:hover:not(:disabled){background-color:var(--color-bg-secondary)}.debug-session-button-secondary{background-color:var(--color-bg-tertiary)}.debug-session-button-secondary:hover:not(:disabled){background-color:var(--color-bg-secondary)}.debug-session-button:disabled{opacity:.5;cursor:not-allowed}.debug-session-selector{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.debug-session-selector-label{color:var(--color-text-secondary);font-size:.875rem}.debug-session-select{padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-bg-secondary);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;font-size:.875rem}.debug-session-select:focus{border-color:var(--color-blue-400);outline:none}.debug-session-select:disabled{opacity:.5;cursor:not-allowed}.debug-session-badge{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-blue-400);color:var(--color-text-primary);border-radius:var(--rounded-button);margin-bottom:var(--spacing-md);font-size:.75rem;font-weight:500;display:inline-block}.debug-session-extend{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-card)}.debug-session-extend-control{gap:var(--spacing-md);align-items:center;display:flex}.debug-session-extend-input{padding:var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);flex:1;font-size:.875rem}.debug-session-extend-input:focus{border-color:var(--color-blue-400);outline:none}.debug-session-extend-input:disabled{opacity:.5;cursor:not-allowed}.debug-session-button-primary{background-color:var(--color-blue-400)}.debug-session-button-primary:hover:not(:disabled){background-color:var(--color-blue-500)}.debug-quiz-generation{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-card)}.debug-quiz-generation-controls{gap:var(--spacing-md);flex-direction:column;display:flex}.debug-quiz-generation-row{align-items:center;gap:var(--spacing-md);display:flex}.debug-quiz-generation-label{min-width:80px;color:var(--color-text-secondary);font-size:.875rem}.debug-quiz-generation-select{padding:var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;flex:1;font-size:.875rem}.debug-quiz-generation-select:focus{border-color:var(--color-blue-400);outline:none}.debug-quiz-result{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-bg-secondary);border-radius:var(--rounded-card)}.debug-quiz-question{margin-bottom:var(--spacing-md)}.debug-quiz-question-label,.debug-quiz-answer-label,.debug-quiz-options-label{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);font-size:.75rem}.debug-quiz-question-text{color:var(--color-text-primary);padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-button);font-size:1rem;font-weight:500}.debug-quiz-answer{margin-bottom:var(--spacing-md)}.debug-quiz-answer-value{color:var(--color-blue-400);padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-button);font-size:1.25rem;font-weight:600}.debug-quiz-options-list{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.debug-quiz-option{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);font-size:.875rem}.debug-loading{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary)}.debug-item-controls{margin-bottom:var(--spacing-lg);gap:var(--spacing-md);display:flex}.debug-item-reset-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-red-500);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;border:none;flex:1;font-size:.875rem;font-weight:600;transition:background-color .2s}.debug-item-restore-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-blue-600);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;border:none;flex:1;font-size:.875rem;font-weight:600;transition:all .2s}.debug-item-restore-button:hover:not(:disabled){background-color:var(--color-blue-700);box-shadow:0 0 12px #2563eb66}.debug-item-restore-button:active:not(:disabled){transform:scale(.98)}.debug-item-restore-button:disabled{opacity:.5;cursor:not-allowed}.debug-item-reset-button:hover:not(:disabled){background-color:var(--color-red-600)}.debug-item-reset-button:disabled{opacity:.5;cursor:not-allowed}.debug-item-list{gap:var(--spacing-md);flex-direction:column;display:flex}.debug-item-item{gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-card);flex-direction:column;display:flex}.debug-item-info{gap:var(--spacing-xs);flex-direction:column;display:flex}.debug-item-name{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.debug-item-description{color:var(--color-text-secondary);font-size:.75rem}.debug-item-control{gap:var(--spacing-sm);align-items:center;display:flex}.debug-item-input{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);text-align:center;flex:1;font-size:1rem}.debug-item-input:focus{border-color:var(--color-blue-400);outline:none}.debug-item-input:disabled{opacity:.5;cursor:not-allowed}.debug-item-button-small{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;min-width:50px;font-size:.875rem;transition:background-color .2s}.debug-item-button-small:hover:not(:disabled){background-color:var(--color-bg-primary)}.debug-item-button-small:active:not(:disabled){background-color:var(--color-blue-400)}.debug-item-button-small:disabled{opacity:.5;cursor:not-allowed}.debug-item-use-button{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-blue-400);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;white-space:nowrap;border:none;font-size:.875rem;transition:background-color .2s}.debug-item-use-button:hover:not(:disabled){background-color:var(--color-blue-500)}.debug-item-use-button:disabled{opacity:.5;cursor:not-allowed}.debug-item-button{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-blue-400);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;border:none;font-size:.875rem;transition:background-color .2s}.debug-item-button:hover:not(:disabled){background-color:var(--color-blue-500)}.debug-item-button:active:not(:disabled){background-color:var(--color-blue-700)}.debug-item-button:disabled{opacity:.5;cursor:not-allowed}.debug-message-info{background-color:var(--color-blue-700);color:var(--color-text-primary)}.debug-sync-control{margin-bottom:var(--spacing-lg)}.debug-sync-button{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-blue-400);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;border:none;font-size:.875rem;font-weight:500;transition:background-color .2s}.debug-sync-button:hover:not(:disabled){background-color:var(--color-blue-500)}.debug-sync-button:disabled{opacity:.5;cursor:not-allowed}.debug-subsection-title{margin:var(--spacing-xl) 0 var(--spacing-md) 0;color:var(--color-text-primary);font-size:1rem;font-weight:500}.debug-data-section{margin-bottom:var(--spacing-xl)}.debug-reset-buttons{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.debug-reset-button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;border:none;font-size:.875rem;transition:background-color .2s}.debug-reset-button-score{background-color:var(--color-bg-tertiary)}.debug-reset-button-score:hover:not(:disabled){background-color:var(--color-bg-secondary)}.debug-reset-button-minerals{background-color:var(--color-bg-tertiary)}.debug-reset-button-minerals:hover:not(:disabled){background-color:var(--color-bg-secondary)}.debug-reset-button-tier{background-color:var(--color-bg-tertiary)}.debug-reset-button-tier:hover:not(:disabled){background-color:var(--color-bg-secondary)}.debug-reset-button-all{background-color:var(--color-red-500)}.debug-reset-button-all:hover:not(:disabled){background-color:var(--color-red-600)}.debug-reset-button:disabled{opacity:.5;cursor:not-allowed}.debug-export-buttons{gap:var(--spacing-md);display:flex}.debug-export-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-blue-400);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;border:none;flex:1;font-size:.875rem;transition:background-color .2s}.debug-export-button:hover{background-color:var(--color-blue-500)}.debug-snapshot-buttons{gap:var(--spacing-md);display:flex}.debug-game-records-delete{gap:var(--spacing-md);flex-direction:column;display:flex}.debug-game-records-row{align-items:center;gap:var(--spacing-md);display:flex}.debug-game-records-label{min-width:100px;color:var(--color-text-secondary);font-size:.875rem}.debug-game-records-input,.debug-game-records-select{padding:var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);flex:1;font-size:.875rem}.debug-game-records-input:focus,.debug-game-records-select:focus{border-color:var(--color-blue-400);outline:none}.debug-game-records-input:disabled,.debug-game-records-select:disabled{opacity:.5;cursor:not-allowed}.debug-game-records-button{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--rounded-button);background-color:var(--color-blue-400);color:var(--color-text-primary);cursor:pointer;border:none;font-size:.875rem;transition:background-color .2s}.debug-game-records-button:hover:not(:disabled){background-color:var(--color-blue-500)}.debug-game-records-button:disabled{opacity:.5;cursor:not-allowed}.debug-game-records-button-danger{background-color:var(--color-red-500)}.debug-game-records-button-danger:hover:not(:disabled){background-color:var(--color-red-600)}.debug-level-progress-reset{gap:var(--spacing-md);flex-direction:column;display:flex}.debug-level-progress-row{align-items:center;gap:var(--spacing-md);display:flex}.debug-level-progress-label{min-width:100px;color:var(--color-text-secondary);font-size:.875rem}.debug-level-progress-select{padding:var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;flex:1;font-size:.875rem}.debug-level-progress-select:focus{border-color:var(--color-blue-400);outline:none}.debug-level-progress-select:disabled{opacity:.5;cursor:not-allowed}.debug-level-progress-button{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--rounded-button);background-color:var(--color-blue-400);color:var(--color-text-primary);cursor:pointer;border:none;font-size:.875rem;transition:background-color .2s}.debug-level-progress-button:hover:not(:disabled){background-color:var(--color-blue-500)}.debug-level-progress-button:disabled{opacity:.5;cursor:not-allowed}.debug-snapshot-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;border:none;flex:1;font-size:.875rem;transition:background-color .2s}.debug-snapshot-button:hover{background-color:var(--color-bg-secondary)}.debug-message{margin-top:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--rounded-button);font-size:.875rem}.debug-message-success{background-color:var(--color-blue-400);color:var(--color-text-primary)}.debug-message-error{background-color:var(--color-red-500);color:var(--color-text-primary)}.debug-section{padding:var(--spacing-lg)}.debug-section-title{margin:0 0 var(--spacing-lg) 0;color:var(--color-text-primary);font-size:1.125rem;font-weight:600}.debug-log-controls{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.debug-log-search{width:100%}.debug-log-search-input{width:100%;padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-bg-secondary);border-radius:var(--rounded-button);color:var(--color-text-primary);font-size:.875rem}.debug-log-search-input:focus{border-color:var(--color-blue-400);outline:none}.debug-log-search-input::placeholder{color:var(--color-text-secondary)}.debug-log-filters{gap:var(--spacing-md);flex-direction:column;display:flex}.debug-log-filter-group{align-items:center;gap:var(--spacing-sm);display:flex}.debug-log-filter-label{color:var(--color-text-secondary);min-width:40px;font-size:.875rem}.debug-log-filter-button{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;border:none;font-size:.75rem;transition:background-color .2s}.debug-log-filter-button:hover{background-color:var(--color-bg-secondary)}.debug-log-filter-button.active{background-color:var(--color-blue-400);color:var(--color-text-primary)}.debug-log-filter-button.active:hover{background-color:var(--color-blue-500)}.debug-log-actions{gap:var(--spacing-md);display:flex}.debug-log-export-button{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-blue-400);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;border:none;font-size:.875rem;transition:background-color .2s}.debug-log-export-button:hover:not(:disabled){background-color:var(--color-blue-500)}.debug-log-export-button:disabled{opacity:.5;cursor:not-allowed}.debug-log-clear-button{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-red-500);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;border:none;font-size:.875rem;transition:background-color .2s}.debug-log-clear-button:hover{background-color:var(--color-red-600)}.debug-log-list{gap:var(--spacing-md);flex-direction:column;max-height:60vh;display:flex;overflow-y:auto}.debug-log-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-card)}.debug-log-entry{padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-card);border-left:3px solid var(--color-bg-secondary)}.debug-log-header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.debug-log-level{text-transform:uppercase;font-size:.75rem;font-weight:600}.debug-log-time{color:var(--color-text-secondary);font-size:.75rem}.debug-log-context{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);font-size:.75rem;font-style:italic}.debug-log-message{color:var(--color-text-primary);margin-bottom:var(--spacing-xs);word-break:break-word;font-size:.875rem}.debug-log-stack{margin-top:var(--spacing-sm)}.debug-log-stack summary{color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.75rem}.debug-log-stack summary:hover{color:var(--color-text-primary)}.debug-log-stack pre{margin-top:var(--spacing-xs);padding:var(--spacing-sm);background-color:var(--color-bg-secondary);border-radius:var(--rounded-xs);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;font-size:.75rem;overflow-x:auto}.debug-boundary-group{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-card)}.debug-boundary-buttons{gap:var(--spacing-md);margin-top:var(--spacing-md);flex-wrap:wrap;display:flex}.debug-boundary-button{min-width:80px;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--rounded-button);color:var(--color-text-primary);cursor:pointer;flex:1;font-size:.875rem;font-weight:500;transition:background-color .2s}.debug-boundary-button:hover:not(:disabled){background-color:var(--color-blue-400);color:var(--color-text-primary)}.debug-boundary-button:active:not(:disabled){background-color:var(--color-blue-500)}.debug-boundary-button:disabled{opacity:.5;cursor:not-allowed}.debug-network-control{gap:var(--spacing-md);flex-direction:column;display:flex}.debug-network-item{border-radius:var(--radius-md);padding:var(--spacing-md);background:#ffffff0d}.debug-network-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-weight:600;display:block}.debug-network-latency{align-items:center;gap:var(--spacing-md);display:flex}.debug-network-slider{appearance:none;border-radius:var(--rounded-micro);background:#ffffff1a;outline:none;flex:1;height:6px}.debug-network-slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .15s}.debug-network-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.debug-network-value{text-align:right;min-width:60px;color:var(--color-primary);font-weight:600}.debug-network-presets{gap:var(--spacing-xs);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.debug-network-preset-button{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;background:0 0;border:1px solid #fff3;transition:all .15s}.debug-network-preset-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.debug-network-preset-button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-primary)}.debug-toggle-button.error{background:var(--color-error)!important;border-color:var(--color-error)!important}.debug-network-warning{margin-top:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--font-size-xs);text-align:center;background:#ff3b3026;border:1px solid #ff3b304d}.debug-network-status{margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:#0003}.debug-network-status-item{padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);justify-content:space-between;display:flex}.debug-network-status-item span:first-child{color:var(--color-text-secondary)}.debug-network-status-item span.active{color:var(--color-warning)}.debug-network-status-item span.error{color:var(--color-error)}.debug-visual-control{gap:var(--spacing-md);flex-direction:column;display:flex}.debug-toggle-info{gap:var(--spacing-xs);flex-direction:column;display:flex}.debug-toggle-description{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.debug-visual-info{margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:#0003}.debug-visual-device-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.debug-visual-device-item{padding:var(--spacing-xs) 0;font-size:var(--font-size-xs);border-bottom:1px solid #ffffff0d;justify-content:space-between;display:flex}.debug-visual-device-item:last-child{border-bottom:none}.debug-visual-device-item span:first-child{color:var(--color-text-secondary)}.debug-visual-device-item span:last-child{color:var(--color-text-tertiary);font-family:monospace}.debug-macro-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.debug-macro-item{padding:var(--spacing-md);border-radius:var(--radius-md);background:#ffffff0d;justify-content:space-between;align-items:center;transition:all .2s;display:flex}.debug-macro-item:hover{background:#ffffff14}.debug-macro-item.running{background:rgba(var(--color-primary-rgb), .15);border:1px solid rgba(var(--color-primary-rgb), .3)}.debug-macro-info{align-items:center;gap:var(--spacing-md);display:flex}.debug-macro-icon{font-size:1.5rem}.debug-macro-text{gap:var(--spacing-xs);flex-direction:column;display:flex}.debug-macro-name{color:var(--color-text-primary);font-weight:600}.debug-macro-description{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.debug-macro-run-button{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;border:none;min-width:60px;font-weight:600;transition:all .15s}.debug-macro-run-button:hover:not(:disabled){opacity:.9;transform:scale(1.02)}.debug-macro-run-button:disabled{opacity:.5;cursor:not-allowed}.debug-macro-result{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-md);display:flex}.debug-macro-result.success{background:#34c75926;border:1px solid #34c7594d}.debug-macro-result.error{background:#ff3b3026;border:1px solid #ff3b304d}.debug-macro-result-icon{font-size:1.125rem}.debug-macro-result-text{font-size:var(--font-size-sm)}.debug-macro-info-box{margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:#0003}.debug-macro-help-list{padding-left:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0}.debug-macro-help-list li{margin-bottom:var(--spacing-xs)}.debug-macro-help-list li:last-child{margin-bottom:0}.debug-progression-control{gap:var(--spacing-xl);flex-direction:column;display:flex}.debug-progression-item{padding:var(--spacing-md);border-radius:var(--rounded-small-alt);background:#ffffff0d;justify-content:space-between;align-items:center;display:flex}.debug-progression-info{gap:var(--spacing-xs);flex-direction:column;display:flex}.debug-progression-label{font-size:14px;font-weight:600}.debug-progression-desc{opacity:.6;font-size:11px}.debug-teleport-zone{gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--rounded-sm);background:#ffffff14;border:1px solid #ffffff1a;flex-direction:column;display:flex}.debug-subtitle{color:var(--color-text-primary);opacity:.9;margin:0;font-size:13px}.debug-teleport-selects{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}.debug-select-group{gap:var(--spacing-tiny);flex-direction:column;display:flex}.debug-select-group label{opacity:.7;font-size:11px}.debug-select-group select{padding:var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--rounded-xs);color:var(--color-text-primary);border:1px solid #fff3;outline:none;font-size:13px}.debug-select-group select:focus{border-color:var(--color-primary)}.debug-teleport-button{margin-top:var(--spacing-sm);padding:var(--spacing-md);background:linear-gradient(135deg, var(--color-primary), var(--adaptiveBlue600));color:var(--color-text-primary);border-radius:var(--rounded-small-alt);cursor:pointer;border:none;font-weight:600;transition:all .2s}.debug-teleport-button:active{opacity:.9;transform:scale(.98)}.debug-section{color:var(--color-text-primary)}.debug-user-info-box{background-color:var(--color-bg-secondary);border-radius:var(--rounded-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border:1px solid #ffffff1a;box-shadow:inset 0 2px 4px #0003}.debug-user-info-box p{margin:var(--spacing-xs) 0;font-size:.9rem}.debug-button-group{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.debug-button-group button{min-width:100px;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-secondary);border-radius:var(--rounded-button);color:var(--color-text-secondary);cursor:pointer;border:1px solid #ffffff1a;flex:1;font-size:.85rem;transition:all .2s}.debug-button-group button:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.debug-button-group button.active{background-color:var(--color-blue-400);color:var(--color-text-primary);border-color:var(--color-blue-500)}.debug-results{border-radius:var(--rounded-md);padding:var(--spacing-md);margin-top:var(--spacing-lg);background-color:#0003}.debug-results h4{margin:0 0 var(--spacing-md) 0;color:var(--color-blue-300);font-size:1rem}.test-result-item{padding:var(--spacing-xs) 0;border-bottom:1px solid #ffffff0d;flex-direction:column;font-size:.85rem;display:flex}.test-result-item:last-child{border-bottom:none}.test-result-item strong{color:var(--color-text-secondary);margin-bottom:2px}.success{color:var(--color-green-400);font-weight:600}.error{color:var(--color-red-400);font-weight:600}.error-detail{color:var(--color-red-300);padding:var(--spacing-xs);border-radius:var(--rounded-xs);word-break:break-all;background-color:#f044521a;margin-top:4px;font-size:.75rem}.debug-hint-box{border:1px dashed var(--adaptiveBlue300);border-radius:var(--rounded-sm-alt);color:var(--color-text-secondary);background-color:#4593fc0d;margin-top:.5rem;padding:.75rem;font-size:.85rem}.debug-info-list{padding:var(--spacing-md);background-color:var(--color-bg-secondary);border-radius:var(--rounded-md);margin-top:1rem}.debug-info-list h4{margin:0 0 var(--spacing-sm) 0;color:var(--color-blue-300);font-size:.95rem}.debug-info-list ul{padding-left:var(--spacing-xl);color:var(--color-text-secondary);margin:0;font-size:.85rem}.debug-info-list li{margin-bottom:var(--spacing-xs)}.debug-info-list li strong{color:var(--color-text-primary)}.dummy-record-section{flex-direction:column;gap:1rem;display:flex}.dummy-form{background:var(--color-bg-tertiary);padding:var(--spacing-lg);border-radius:var(--rounded-card);gap:var(--spacing-md);flex-direction:column;display:flex}.dummy-field{gap:var(--spacing-xs);flex-direction:column;display:flex}.dummy-field label{color:var(--color-text-secondary);font-size:.85rem}.dummy-field select,.dummy-field input{background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);color:var(--color-text-primary);padding:var(--spacing-sm);border-radius:var(--rounded-md);outline:none}.dummy-field input:focus{border-color:var(--color-primary)}.dummy-submit-button{background:var(--color-primary);color:var(--color-text-primary);padding:var(--spacing-md);border-radius:var(--rounded-md);cursor:pointer;border:none;font-weight:700;transition:opacity .2s}.dummy-submit-button:hover{background:var(--color-primary-dark,var(--color-primary))}.dummy-submit-button:disabled{background:var(--color-bg-tertiary);cursor:not-allowed}.dummy-message{padding:var(--spacing-sm);border-radius:var(--rounded-sm);font-size:.9rem}.dummy-message.success{color:var(--color-success);border:1px solid var(--color-success);background:#10b9811a}.dummy-message.error{color:var(--color-error);border:1px solid var(--color-error);background:#ef44441a}.dummy-player-manager{gap:var(--spacing-xl);flex-direction:column;font-family:inherit;display:flex}.manager-header{justify-content:space-between;align-items:center;display:flex}.manager-title{margin:0;font-size:1.1rem;font-weight:600}.delete-all-button{padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-error);border:1px solid var(--color-error);border-radius:var(--rounded-sm);cursor:pointer;background-color:#ef44441a;font-size:.8rem;transition:all .2s}.delete-all-button:hover:not(:disabled){background-color:var(--color-error);color:var(--color-text-primary)}.persona-generator-grid{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);display:grid}.gen-btn{padding:var(--spacing-md);border-radius:var(--rounded-md);cursor:pointer;background:var(--color-bg-tertiary);color:var(--color-text-primary);border:none;font-weight:600;transition:transform .1s,filter .2s}.gen-btn:hover:not(:disabled){filter:brightness(1.1)}.gen-btn:active:not(:disabled){transform:scale(.95)}.gen-btn.newbie{border:1px solid var(--color-success);color:var(--color-success)}.gen-btn.regular{border:1px solid var(--color-primary);color:var(--color-primary)}.gen-btn.veteran{border:1px solid var(--color-warning);color:var(--color-warning)}.manager-message{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--rounded-sm);font-size:.9rem}.manager-message.success{color:var(--color-success);background:#10b9811a}.manager-message.error{color:var(--color-error);background:#ef44441a}.dummy-list-container{gap:var(--spacing-sm);background:var(--color-bg-tertiary);max-height:300px;padding:var(--spacing-sm);border-radius:var(--rounded-md);flex-direction:column;display:flex;overflow-y:auto}.dummy-card{padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--rounded-sm);border:1px solid var(--color-bg-tertiary);justify-content:space-between;align-items:center;display:flex}.dummy-info{gap:var(--spacing-xs);flex-direction:column;display:flex}.dummy-main{align-items:center;gap:var(--spacing-sm);display:flex}.dummy-nickname{font-size:.95rem;font-weight:600}.persona-tag{padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--rounded-pill);text-transform:uppercase;font-size:.7rem;font-weight:700}.persona-tag.newbie{color:var(--color-success);background:#10b9811a}.persona-tag.regular{color:var(--color-primary);background:#3b82f61a}.persona-tag.veteran{color:var(--color-warning);background:#f59e0b1a}.dummy-stats{gap:var(--spacing-md);color:var(--color-text-secondary);font-size:.8rem;display:flex}.card-action-btn.delete{color:var(--color-error);border:1px solid var(--color-error);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--rounded-sm);cursor:pointer;background:0 0;font-size:.8rem}.card-action-btn.delete:hover{background:var(--color-error);color:var(--color-text-primary)}.empty-list{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary);font-size:.9rem}.debug-panel-overlay{z-index:9999;pointer-events:auto;background-color:#0000004d;position:fixed;inset:0}.debug-panel{background-color:var(--color-bg-secondary);width:25%;min-width:300px;max-width:400px;height:100vh;box-shadow:var(--shadow-modal);pointer-events:auto;z-index:10000;flex-direction:column;max-width:100%;transition:transform .3s;display:flex;position:fixed;top:0;right:0;overflow:hidden auto;transform:translate(100%)}.debug-panel.open{transform:translate(0)}.debug-panel-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-bg-tertiary);background-color:var(--color-bg-primary);justify-content:space-between;align-items:center;display:flex}.debug-panel-header h2{color:var(--color-text-primary);margin:0;font-size:1.25rem}.debug-panel-header button{color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-xs);background:0 0;border:none;font-size:1.5rem;line-height:1}.debug-panel-header button:hover{color:var(--color-text-secondary)}.debug-panel-tabs{gap:var(--spacing-xs);padding:var(--spacing-md);border-bottom:1px solid var(--color-bg-tertiary);background-color:var(--color-bg-primary);flex-wrap:wrap;display:flex}.debug-panel-tab{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--rounded-button);background-color:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;border:none;font-size:.875rem;transition:background-color .2s}.debug-panel-tab:hover{background-color:var(--color-bg-tertiary)}.debug-panel-tab.active{background-color:var(--color-blue-400);color:var(--color-text-primary)}.debug-panel-tab.active:hover{background-color:var(--color-blue-500)}.debug-panel-content{padding:var(--spacing-lg);color:var(--color-text-primary);flex:1;overflow-y:auto}.debug-panel-loading{background:var(--color-overlay);z-index:9999;color:var(--color-text-primary);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (width<=768px){.debug-panel{width:100%;max-width:100%;transform:translateY(100%)}.debug-panel.open{transform:translateY(0)}}.debug-safearea-top,.debug-safearea-bottom{color:#ff3b30e6;text-transform:uppercase;letter-spacing:.5px;pointer-events:none;z-index:99998;background:#ff3b3040;border:1px dashed #ff3b3099;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex;position:fixed;left:0;right:0}.debug-safearea-top{border-top:none;height:44px;top:0}.debug-safearea-bottom{border-bottom:none;height:34px;bottom:0}.static-ui-section{border-radius:var(--rounded-card);padding:var(--spacing-lg);background:#0003;border:1px solid #ffffff0d}.main-toggle{padding:var(--spacing-md);border-radius:var(--rounded-sm);background:#ffffff08;border:1px solid #ffffff1a;margin-bottom:24px}.static-effects-audit{margin-top:20px}.static-effects-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:12px;display:grid}.static-effect-card{padding:var(--spacing-md);border-radius:var(--rounded-md-alt);background:#ffffff0d;border:1px solid #ffffff0d;transition:all .3s}.static-effect-card.suppressed{opacity:.6;filter:grayscale();border-style:dashed}.effect-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.effect-title{color:var(--color-blue-400);font-size:.9rem;font-weight:700}.suppressed .effect-title{color:var(--adaptiveGrey500);text-decoration:line-through}.effect-status-tag{padding:var(--spacing-micro) var(--spacing-tiny);border-radius:var(--rounded-2xs);background:#ffffff1a;font-size:.7rem;font-weight:800}.suppressed .effect-status-tag{background:var(--adaptiveRed500);color:var(--color-text-primary)}.static-ui-notice{padding:var(--spacing-md);border-left:3px solid var(--color-blue-500);border-radius:var(--rounded-2xs);background:#3b82f60d;margin-top:24px}.static-ui-notice p{color:var(--adaptiveBlue300);margin:0;font-size:.7rem;line-height:1.5}.withdraw-modal-content{text-align:center}.withdraw-modal-icon{margin-bottom:var(--spacing-md);font-size:40px}.withdraw-modal-title{color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-size:20px;font-weight:700}.withdraw-modal-description{color:var(--color-text-secondary);text-align:left;margin-bottom:var(--spacing-xl);font-size:15px;line-height:1.6}.withdraw-modal-description p{margin-bottom:var(--spacing-sm)}.withdraw-modal-description ul{margin:0 0 var(--spacing-md) var(--spacing-xl);padding:0}.withdraw-modal-description li{margin-bottom:var(--spacing-xs)}.withdraw-modal-warning-text{color:var(--color-red-400);text-align:center;margin-top:var(--spacing-md);font-weight:600}.withdraw-modal-actions{gap:var(--spacing-md);display:flex}.withdraw-modal-button{flex:1}.my-page-account-badge{align-items:center;gap:var(--spacing-2xs,4px);color:var(--color-text-secondary,#94a3b8);margin-top:2px;margin-bottom:6px;font-size:.8rem;display:inline-flex}.my-page-account-badge .account-icon{font-size:.75rem}.mypage-admin-link-container{margin-top:var(--spacing-3xl);padding-bottom:var(--spacing-4xl)}.mypage-admin-link-button{width:100%;padding:var(--spacing-lg);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px dashed var(--color-bg-tertiary);border-radius:var(--rounded-card);justify-content:center;align-items:center;gap:var(--spacing-md);font-size:14px;font-weight:500;transition:all .2s;display:flex}.mypage-admin-link-button:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border-style:solid}.mypage-admin-link-button:active{background-color:#ffffff1a;transform:scale(.98)}.my-page{background-color:var(--color-gray-900);overscroll-behavior-y:contain;touch-action:pan-y;position:fixed;inset:0;overflow:hidden auto}.my-page-main{padding-top:var(--header-height-portrait);min-height:calc(100vh - var(--header-height-portrait));background-color:#0000;padding-bottom:80px}@media (orientation:landscape){.my-page-main{padding-top:var(--header-height-landscape);padding-bottom:var(--footer-height-landscape)}}.my-page-content{max-width:var(--modal-width-portrait);min-height:0;margin:0 auto;padding:0;overflow-x:hidden}@media (orientation:landscape){.my-page-content{max-width:var(--modal-width-landscape-small)}}.trend-chart{height:120px;padding:var(--spacing-md) 0;justify-content:space-between;align-items:flex-end;gap:var(--spacing-xs);display:flex}.trend-bar-wrapper{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.trend-bar{width:100%;height:var(--bar-height,4px);background:linear-gradient(to top, var(--color-teal-500), var(--color-teal-300));border-radius:var(--rounded-xs) var(--rounded-xs) 0 0;transition:height .3s;position:relative}.trend-count{color:var(--color-teal-300);font-size:.75rem;font-weight:700;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.trend-label{color:var(--color-text-secondary);margin-top:var(--spacing-xs);font-size:.7rem}.activity-log-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.activity-log-item{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--rounded-sm);padding:var(--spacing-sm);transition:transform .2s}.activity-log-item:hover{border-color:var(--color-teal-500);transform:translate(4px)}.log-header{margin-bottom:var(--spacing-xs);justify-content:space-between;font-size:.75rem;display:flex}.log-mode{color:var(--color-text-primary);font-weight:700}.log-date{color:var(--color-text-secondary)}.log-main{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.log-world{font-size:.9rem;font-weight:600}.log-score{color:var(--color-teal-400);font-size:1rem;font-weight:800}.log-details{gap:var(--spacing-sm);color:var(--color-text-secondary);align-items:center;font-size:.75rem;display:flex}.log-expand-icon{color:var(--color-gray-450);margin-left:auto;font-size:.6rem;transition:transform .2s}.activity-log-item.expanded{border-color:var(--color-blue-400)}.log-details-expanded{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px dashed var(--color-border);animation:.3s ease-out forwards slideDown}.log-wrong-answers-title{color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;font-size:.85rem;font-weight:600}.log-wrong-answer-item{border-radius:var(--rounded-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);gap:var(--spacing-xs);background:#ff6b6b0d;border:1px solid #ff6b6b33;flex-direction:column;display:flex}.log-wrong-answer-item:last-child{margin-bottom:0}.log-wa-q{color:var(--color-text-primary);word-break:break-all;font-size:.85rem;font-weight:500}.log-wa-wrong{color:var(--color-red-400);font-size:.75rem;text-decoration:line-through}.log-wa-correct{color:var(--color-green-400);font-size:.75rem;font-weight:600}.log-perfect-score{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);border-radius:var(--rounded-sm);color:var(--color-green-400);background:#00bfa50d;justify-content:center;font-size:.85rem;font-weight:600;display:flex}.perfect-icon{font-size:1.1rem}.empty-log-text{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-xl) 0;font-style:italic}.wrong-answer-grid{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.wrong-answer-card-mini{border-radius:var(--rounded-sm);padding:var(--spacing-sm);background:#ff6b6b0d;border:1px solid #ff6b6b33}.wa-q{margin-bottom:var(--spacing-xs);word-break:break-all;font-size:.85rem;font-weight:600}.wa-footer{justify-content:space-between;font-size:.75rem;display:flex}.wa-wrong{color:var(--color-red-400);text-decoration:line-through}.wa-correct{color:var(--color-green-400);font-weight:700}@media (width<=480px){.wrong-answer-grid{grid-template-columns:1fr}}.my-page-tier-section{margin-top:var(--spacing-xl);align-items:center;gap:var(--spacing-lg);flex-direction:column;width:100%;display:flex}.my-page-guest-view{background-color:var(--bg-glass-card);border-radius:var(--rounded-large-card);padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;width:calc(100% - 24px);max-width:520px;margin:var(--spacing-md) auto;border:var(--border-glass);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));box-shadow:var(--shadow-glass);min-height:calc(100vh - var(--header-height-portrait) - 48px);flex-direction:column;justify-content:center;align-items:center;animation:.6s cubic-bezier(.16,1,.3,1) slideUp;display:flex}.my-page-header{background-color:var(--color-blue-400);padding:var(--spacing-4xl) var(--spacing-xl) var(--spacing-3xl);text-align:center;border-bottom:var(--border-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-x:hidden;color:var(--color-gray-900)!important}.my-page-profile-section{justify-content:center;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);min-width:0;display:flex}.my-page-profile-icon{flex-shrink:0;font-size:64px;line-height:normal}.my-page-profile-info{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column;flex:1;min-width:0;display:flex}.my-page-nickname-row{align-items:center;gap:var(--spacing-sm);width:100%;min-width:0;display:flex}.my-page-nickname{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:24px;font-weight:700;line-height:1.4;overflow:hidden;color:var(--color-gray-900)!important}.my-page-streak-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-micro) var(--spacing-sm);border-radius:var(--rounded-sm);background-color:#0003;border:1px solid #fff3;display:flex;box-shadow:0 0 10px #f903}.streak-icon{font-size:14px}.streak-count{color:var(--color-orange-400);font-size:12px;font-weight:800}.my-page-profile-edit-button{border-radius:var(--rounded-button);padding:var(--spacing-xs) var(--spacing-md);cursor:pointer;background-color:#0000001a;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;color:var(--color-gray-900)!important;border:1px solid #0000004d!important}.my-page-profile-edit-button:hover{background-color:#ffffff4d;border-color:#ffffff80}.my-page-profile-edit-button:active{background-color:#ffffff40;transform:scale(.98)}.my-page-mastery-section{margin-bottom:var(--spacing-xl);box-sizing:border-box;min-height:4.25rem}.my-page-mastery-label{margin-bottom:var(--spacing-sm);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden;color:#000000bf!important}.my-page-mastery-value{text-overflow:ellipsis;white-space:nowrap;font-size:36px;font-weight:700;line-height:1.2;overflow:hidden;color:var(--color-gray-900)!important}.my-page-header-title{color:var(--color-text-primary);margin:0;font-size:24px;font-weight:600;line-height:1.5}.my-page-header-highlight{color:var(--color-gray-900);font-size:32px;font-weight:700}.my-page-stats-grid{gap:var(--spacing-md);padding:var(--spacing-xl);grid-template-columns:repeat(2,1fr);display:grid}.my-page-stat-card{background-color:var(--bg-glass-card);border:var(--border-glass);border-radius:var(--rounded-card);padding:var(--spacing-xl);text-align:center;box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur))}.my-page-stat-card-clickable{cursor:pointer;transition:all .2s}.my-page-stat-card-clickable:hover{background-color:var(--bg-glass-card-hover);box-shadow:var(--shadow-glass-hover);border:var(--border-glass-hover);transform:translateY(-2px)}.my-page-stat-card-clickable:active{transform:translateY(0)scale(.98)}.my-page-stat-card-loading{opacity:.7;cursor:not-allowed;pointer-events:none}.my-page-stat-card-loading:hover{background-color:var(--color-bg-secondary);transform:translateY(0);box-shadow:0 1px 3px #0000001a}.my-page-stat-label{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-size:13px;font-weight:500}.my-page-stat-value{color:var(--color-text-primary);box-sizing:border-box;align-items:center;min-height:24px;font-size:20px;font-weight:700;line-height:1.2;display:flex}.my-page-settings{padding:0 var(--spacing-xl) var(--spacing-xl)}.my-page-settings-section{margin-bottom:var(--spacing-3xl)}.my-page-settings-section:last-child{margin-bottom:0}.my-page-settings-section-title{color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0;padding:0 var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.my-page-settings-list{background-color:var(--bg-glass-overlay);border-radius:var(--rounded-button);box-shadow:var(--shadow-glass);border:var(--border-glass);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));overflow:hidden}.my-page-settings-item{padding:var(--spacing-lg) var(--spacing-xl);-webkit-user-select:none;user-select:none;background-color:#0000;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.my-page-settings-item-clickable:hover{background-color:#ffffff08}.my-page-settings-item-clickable:active{background-color:#ffffff14}.my-page-settings-item:last-child{border-bottom:none}.my-page-settings-item-button{cursor:pointer;text-align:left;border:none;width:100%;font-family:inherit}.my-page-settings-item-button:hover{background-color:#ffffff0d}.my-page-settings-item-button:active{background-color:#ffffff1a}.my-page-settings-item-logout-label{color:var(--color-red-400)}.my-page-settings-item-button:disabled{opacity:.5;cursor:not-allowed}.my-page-settings-item-content{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.my-page-settings-item-label{color:var(--color-text-primary);font-size:16px;font-weight:500}.my-page-settings-item-description{color:var(--color-text-secondary);font-size:12px;font-weight:400}.my-page-settings-item-value{color:var(--color-text-secondary);font-size:16px;font-weight:400}.my-page-settings-toggle{vertical-align:middle;flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.my-page-settings-toggle input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute}.my-page-settings-toggle-slider{background-color:var(--color-gray-toggle-bg);border-radius:var(--rounded-pill);z-index:1;box-sizing:border-box;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.my-page-settings-toggle-slider:before{content:"";background-color:var(--color-gray-100);box-sizing:border-box;border-radius:50%;width:18px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0003}.my-page-settings-toggle input:checked+.my-page-settings-toggle-slider{background-color:var(--color-blue-400)}.my-page-settings-toggle input:checked+.my-page-settings-toggle-slider:before{transform:translate(20px)}.my-page-settings-toggle input:focus+.my-page-settings-toggle-slider{box-shadow:0 0 0 2px #ffffff1a}.my-page-settings-keyboard-selector{gap:var(--spacing-sm);flex-shrink:0;display:flex}.my-page-settings-keyboard-option{padding:var(--spacing-tiny) var(--spacing-md);border-radius:var(--rounded-sm);border:1px solid var(--color-bg-tertiary);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.my-page-settings-keyboard-option:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-gray-450)}.my-page-settings-keyboard-option.active{background-color:var(--color-blue-400);border-color:var(--color-blue-400);color:var(--color-text-primary)}.my-page-settings-keyboard-option:active{background-color:#ffffff1a;transform:scale(.95)}.my-page-settings-item-arrow{color:var(--color-gray-350);margin-left:var(--spacing-md);flex-shrink:0}.my-page-settings-item-button:hover .my-page-settings-item-arrow{color:var(--color-gray-550)}.my-page-error{padding:var(--spacing-xl);text-align:center;color:var(--color-red-500);font-size:14px}.my-page-guest-view-container{min-height:calc(100vh - var(--header-height-portrait) - 20px);padding:var(--spacing-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.my-page-guest-icon{margin-bottom:var(--spacing-2xl);font-size:80px;line-height:normal}.my-page-guest-title{color:var(--color-text-primary);margin:0 0 48px;font-size:24px;font-weight:600;line-height:1.6}.my-page-guest-highlight{color:var(--color-blue-400);font-weight:700}.my-page-guest-buttons{width:100%;max-width:var(--modal-width-portrait);gap:var(--spacing-md);flex-direction:column;display:flex}@media (orientation:landscape){.my-page-guest-buttons{max-width:var(--modal-width-landscape-small)}}.my-page-guest-login-button{background-color:var(--color-blue-400);width:100%;height:56px;color:var(--color-text-primary);border-radius:var(--rounded-card);cursor:pointer;border:none;font-family:inherit;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #00bfa54d}.my-page-guest-login-button:hover{background-color:var(--color-blue-500);box-shadow:0 4px 12px #00bfa566}.my-page-guest-google-button{justify-content:center;align-items:center;gap:var(--spacing-small-alt);width:100%;height:56px;padding:0 var(--spacing-md) 0 var(--spacing-md);color:#e3e3e3;border-radius:var(--rounded-card);cursor:pointer;box-shadow:none;background-color:#131314;border:1px solid #8e918f;font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;line-height:20px;transition:background-color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.my-page-guest-google-button:hover{background-color:#1f1f1f;border-color:#a8abaa;box-shadow:0 1px 2px #0003}.my-page-guest-google-button:active{background-color:#2c2c2e;transform:scale(.99)}.my-page-guest-google-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.my-page-guest-google-icon svg{width:18px;height:18px;display:block}.my-page-guest-google-text{flex-shrink:0}.my-page-guest-login-button:active{background-color:var(--color-blue-700);transform:scale(.98)}.my-page-guest-anonymous-link{color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-sm) 0;background:0 0;border:none;font-family:inherit;font-size:14px;font-weight:400;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:all .2s}.my-page-guest-anonymous-link:hover{color:var(--color-gray-650);-webkit-text-decoration-color:var(--color-gray-650);text-decoration-color:var(--color-gray-650)}.my-page-guest-anonymous-link:active{color:var(--color-gray-750)}.my-page-settings-item-logout{border-top:1px solid var(--color-bg-tertiary);margin-top:var(--spacing-sm)}.my-page-settings-item-logout-label{font-weight:600;color:var(--color-toss-red-a11y)!important}.my-page-settings-item-logout:hover{background-color:var(--color-logout-hover)}.my-page-settings-item-logout:active{background-color:var(--color-logout-active)}.my-page-quick-access{padding:0 var(--spacing-xl) var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;display:flex}.my-page-quick-access-card{background-color:var(--color-bg-secondary);border-radius:var(--rounded-card);padding:var(--spacing-xl);box-shadow:var(--shadow-card);min-height:0;overflow:hidden}.my-page-quick-access-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.my-page-quick-access-icon{font-size:24px;line-height:normal}.my-page-quick-access-title{font-size:var(--spacing-xl);color:var(--color-text-primary);margin:0;font-weight:600}.my-page-quick-access-description{color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0;font-size:14px;line-height:1.5}.my-page-quick-access-button{background-color:var(--color-blue-400);border-radius:var(--rounded-button);width:100%;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;border:none;font-family:inherit;font-size:16px;font-weight:600;transition:all .2s;color:var(--color-gray-900)!important}.my-page-quick-access-button:hover{background-color:var(--color-blue-500)}.my-page-quick-access-button:active{background-color:var(--color-blue-700)}.my-page-favorites-list{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.my-page-favorite-item{padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border-radius:var(--rounded-sm);cursor:pointer;border:none;justify-content:space-between;align-items:center;font-family:inherit;transition:all .2s;display:flex}.my-page-favorite-item:hover{background-color:var(--color-gray-450);transform:translate(4px)}.my-page-favorite-item:active{transform:translate(2px)}.my-page-favorite-name{color:var(--color-text-primary);text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.my-page-favorite-arrow{color:var(--color-text-secondary);margin-left:var(--spacing-sm);flex-shrink:0}.my-page-favorite-item:hover .my-page-favorite-arrow{color:var(--color-text-primary)}.my-page-favorites-more{border:1px solid var(--color-bg-tertiary);border-radius:var(--rounded-button);width:100%;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);cursor:pointer;background:0 0;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.my-page-favorites-more:hover{border-color:var(--color-blue-400);color:var(--color-blue-400);background-color:#00bfa51a}.my-page-favorites-more:active{transform:scale(.98)}.my-page-effects-guide{padding:0 var(--spacing-xl) var(--spacing-3xl);margin-top:var(--spacing-xl)}.effects-guide-container{gap:var(--spacing-2xl);flex-direction:column;display:flex}.effects-guide-group{gap:var(--spacing-md);flex-direction:column;display:flex}.effects-guide-subtitle{color:var(--color-text-primary);align-items:center;gap:var(--spacing-xs);margin:0;font-size:15px;font-weight:700;display:flex}.effects-grid{gap:var(--spacing-md);background-color:var(--bg-glass-overlay);padding:var(--spacing-md);border-radius:var(--rounded-card);border:var(--border-glass);flex-direction:column;display:flex}.effect-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--rounded-sm);background-color:#ffffff08;transition:background-color .2s;display:flex}.effect-card:hover{background-color:#ffffff0f}.effect-icon-wrapper{border-radius:var(--rounded-button);width:44px;height:44px;font-size:var(--spacing-2xl);flex-shrink:0;justify-content:center;align-items:center;display:flex}.effect-info{gap:var(--spacing-micro);flex-direction:column;display:flex}.effect-name{color:var(--color-text-primary);font-size:15px;font-weight:600}.effect-description{color:var(--color-text-secondary);font-size:13px;line-height:1.4}.history-tab{padding:var(--spacing-xl);gap:var(--spacing-2xl);flex-direction:column;animation:.4s ease-out fadeIn;display:flex}.stats-summary-grid{gap:var(--spacing-md);flex-direction:column;display:flex}.stats-main-card{background:linear-gradient(135deg, var(--color-blue-400), var(--color-blue-500));border-radius:var(--rounded-card);padding:var(--spacing-2xl);color:var(--color-gray-900);box-shadow:0 8px 24px #00bfa533}.stats-main-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.stats-main-icon{font-size:24px}.stats-main-label{opacity:.8;font-size:14px;font-weight:600}.stats-main-value{margin-bottom:var(--spacing-md);font-size:48px;font-weight:800}.stats-main-progress{border-radius:var(--rounded-xs);background-color:#0000001a;height:8px;overflow:hidden}.stats-main-progress .progress-bar{background-color:var(--color-gray-900);border-radius:var(--rounded-xs);height:100%;width:var(--win-rate,0%)}.stats-mini-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.stats-mini-card{background-color:var(--bg-glass-card);border:var(--border-glass);border-radius:var(--rounded-card);padding:var(--spacing-xl);gap:var(--spacing-xs);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));flex-direction:column;display:flex}.stats-mini-label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.stats-mini-value{color:var(--color-text-primary);font-size:24px;font-weight:700}.history-info-section{margin-top:var(--spacing-md)}.section-title{color:var(--color-text-primary);margin-bottom:var(--spacing-lg);font-size:18px;font-weight:700}.report-list{gap:var(--spacing-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.report-item{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--bg-glass-overlay);border-radius:var(--rounded-card);border:var(--border-glass);display:flex}.report-icon{font-size:20px}.report-text{color:var(--color-text-secondary);font-size:15px;line-height:1.5}.history-tip-card{border-radius:var(--rounded-card);padding:var(--spacing-xl);align-items:flex-start;gap:var(--spacing-md);background-color:#00bfa50d;border:1px solid #00bfa533;display:flex}.tip-icon{font-size:20px}.tip-text{color:var(--color-blue-400);margin:0;font-size:14px;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(var(--spacing-xs))}to{opacity:1;transform:translateY(0)}}.my-page-settings-item-actions{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.sound-player-modal-overlay{-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));z-index:1000;background-color:#000000bf;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.sound-player-modal-container{width:100%;max-width:var(--modal-width-portrait);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--rounded-card);height:90vh;max-height:800px;box-shadow:var(--shadow-glass);flex-direction:column;display:flex;overflow:hidden}.sound-player-modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary);justify-content:space-between;align-items:center;display:flex}.sound-player-back-btn{align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--rounded-sm);background:0 0;border:none;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:flex}.sound-player-back-btn:hover{color:var(--color-text-primary);background-color:var(--color-bg-tertiary)}.sound-player-modal-title{color:var(--color-text-primary);margin:0;font-size:18px;font-weight:700}.sound-player-tabs{padding:var(--spacing-sm) var(--spacing-xl);gap:var(--spacing-sm);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex}.sound-player-tab{padding:var(--spacing-md);border-radius:var(--rounded-button);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;flex:1;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.sound-player-tab:hover{color:var(--color-text-primary);background-color:var(--color-bg-tertiary)}.sound-player-tab.active{background-color:var(--color-blue-400);color:var(--color-gray-900)}.sound-player-content{padding:var(--spacing-xl);flex:1;overflow-y:auto}.sound-player-status-bar{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-secondary);border-radius:var(--rounded-card);border:1px solid var(--color-border);margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.sound-player-status-info{align-items:center;gap:var(--spacing-sm);display:flex}.sound-player-status-indicator{border-radius:var(--rounded-full);background-color:var(--color-text-secondary);width:8px;height:8px}.sound-player-status-indicator[data-active=true]{background-color:var(--color-success);box-shadow:0 0 8px var(--color-success)}.sound-player-status-text{color:var(--color-text-primary);font-size:13px;font-weight:600}.sound-player-toggle-btn{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--rounded-sm);color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.sound-player-toggle-btn:hover{background-color:var(--color-gray-450)}.sound-player-track-grid{gap:var(--spacing-md);flex-direction:column;display:flex}.sound-player-track-card{border:1px solid var(--color-border);border-radius:var(--rounded-card);background-color:var(--color-bg-secondary);flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.sound-player-track-card.active{border-color:var(--color-success);box-shadow:0 0 12px #00c85333}.sound-player-track-main-btn{width:100%;padding:var(--spacing-lg) var(--spacing-xl);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;font-family:inherit;display:flex}.sound-player-track-header{align-items:center;gap:var(--spacing-md);display:flex}.sound-player-track-emoji{font-size:24px}.sound-player-track-meta{gap:var(--spacing-2xs);flex-direction:column;display:flex}.sound-player-track-title{color:var(--color-text-primary);font-size:15px;font-weight:700}.sound-player-track-tempo{color:var(--color-text-secondary);font-size:12px;font-weight:500}.sound-player-play-icon{color:var(--color-success);font-size:16px;font-weight:700}.sound-player-progress-panel{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-lg);gap:var(--spacing-sm);background-color:#0003;border-top:1px dashed #ffffff1a;flex-direction:column;display:flex}.sound-player-progress-header{justify-content:space-between;align-items:center;font-size:12px;display:flex}.sound-player-part-name{color:var(--color-text-primary);font-weight:600}.sound-player-part-time{color:var(--color-text-secondary)}.sound-player-progress-bar-bg{background-color:var(--color-bg-tertiary);border-radius:var(--rounded-pill);width:100%;height:8px;overflow:hidden}.sound-player-progress-bar-interactive{cursor:pointer;height:12px;transition:transform .1s}.sound-player-progress-bar-interactive:hover{transform:scaleY(1.2)}.sound-player-progress-bar-fill{background:linear-gradient(90deg, var(--color-teal-500), var(--color-success));border-radius:var(--rounded-pill);height:100%;transition:width 80ms linear}.sound-player-part-buttons{gap:var(--spacing-xs);margin-top:var(--spacing-2xs);display:flex}.sound-player-part-btn{padding:var(--spacing-xs) var(--spacing-2xs);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--rounded-sm);color:var(--color-text-secondary);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;font-family:inherit;transition:all .15s;display:flex}.sound-player-part-btn.active{border-color:var(--color-success);color:var(--color-success);background-color:#00c85333;box-shadow:0 0 8px #00c85340}.sound-player-part-btn-title{font-size:11px;font-weight:700}.sound-player-part-btn.active .sound-player-part-btn-title{color:var(--color-success)}.sound-player-part-btn-range{color:var(--color-text-secondary);margin-top:2px;font-size:9px}.sound-player-part-btn:hover{color:var(--color-text-primary);border-color:var(--color-success)}.sound-player-instruments-panel{margin-top:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--rounded-sm);background-color:var(--color-bg-secondary);border:1px solid #ffffff0d}.sound-player-instruments-title{color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:11px;font-weight:700}.sound-player-instruments-tags{gap:var(--spacing-2xs);margin-bottom:var(--spacing-xs);flex-wrap:wrap;display:flex}.sound-player-instrument-tag{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-micro) var(--spacing-sm);border-radius:var(--rounded-pill);color:var(--color-success);will-change:transform, background-color, border-color, box-shadow;background-color:#00c8531f;border:1px solid #00c85347;font-size:11px;font-weight:600;transition:background-color .14s ease-out,border-color .14s ease-out,color .14s ease-out,box-shadow .14s ease-out,transform .14s cubic-bezier(.25,1,.5,1);display:inline-flex;transform:scale(1)translateY(0)}.sound-player-instrument-tag .instrument-icon{transform-origin:50%;transition:transform 80ms cubic-bezier(.34,1.56,.64,1);display:inline-block}.sound-player-instrument-tag.is-playing{border-color:var(--color-warning);color:var(--color-warning);z-index:1;background-color:#ffcc0059;font-weight:700;transition:background-color 30ms ease-out,border-color 30ms ease-out,color 30ms ease-out,box-shadow 30ms ease-out,transform 30ms cubic-bezier(.18,.89,.32,1.28);transform:scale(1.12)translateY(-2px);box-shadow:0 0 14px #ffcc00b3,0 0 2px #ffffffe6,inset 0 0 6px #fc06}.sound-player-instrument-tag.is-playing .instrument-icon{transform:scale(1.25)rotate(-8deg)}.sound-player-instrument-tag .instrument-wave{opacity:.3;background-color:currentColor;border-radius:50%;width:5px;height:5px;transition:opacity .1s ease-out,transform .1s ease-out;display:inline-block}.sound-player-instrument-tag.is-playing .instrument-wave{opacity:1;box-shadow:0 0 8px var(--color-warning);transform:scale(1.4)}.sound-player-part-desc{color:var(--color-text-secondary);font-size:11px;line-height:1.4}.sound-player-sfx-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.sound-player-sfx-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--rounded-card);color:var(--color-text-primary);cursor:pointer;text-align:left;font-family:inherit;transition:all .15s;display:flex}.sound-player-sfx-btn:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-teal-500)}.sound-player-sfx-btn:active{transform:scale(.97)}.sound-player-sfx-emoji{font-size:20px}.sound-player-sfx-name{font-size:13px;font-weight:600}.my-page-tip-preview-card{background:var(--color-bg-card,var(--color-toss-card-background));border-radius:var(--rounded-card);padding:var(--spacing-2xl);margin-bottom:var(--spacing-xl);box-shadow:0 var(--spacing-xs) var(--spacing-2xl) #0000000a;border:1px solid #0000000a;transition:all .3s}@media (prefers-color-scheme:dark){.my-page-tip-preview-card{background:var(--color-toss-card-background);box-shadow:0 var(--spacing-xs) var(--spacing-2xl) #0003;border-color:#ffffff0d}}.my-page-tip-preview-header{align-items:center;gap:var(--spacing-small-alt);margin-bottom:var(--spacing-xl);display:flex}.my-page-tip-preview-icon{font-size:22px}.my-page-tip-preview-title{color:var(--color-toss-text-primary);font-size:18px;font-weight:700}@media (prefers-color-scheme:dark){.my-page-tip-preview-title{color:var(--color-toss-text-primary)}}.my-page-tip-preview-tabs{gap:var(--spacing-tiny);background:var(--color-toss-background);padding:var(--spacing-xs);border-radius:var(--rounded-button);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}@media (prefers-color-scheme:dark){.my-page-tip-preview-tabs{background:var(--color-toss-background)}}.my-page-tip-preview-tab{padding:var(--spacing-small-alt) 0;color:var(--color-toss-text-secondary);border-radius:var(--rounded-xs);cursor:pointer;text-align:center;background:0 0;border:none;font-size:14px;font-weight:600;transition:all .2s}@media (prefers-color-scheme:dark){.my-page-tip-preview-tab{color:var(--color-toss-text-secondary)}}.my-page-tip-preview-tab:hover{color:var(--color-toss-text-primary)}@media (prefers-color-scheme:dark){.my-page-tip-preview-tab:hover{color:var(--color-toss-text-primary)}}.my-page-tip-preview-tab.active{background:var(--color-toss-card-background);color:var(--color-toss-primary);box-shadow:0 var(--spacing-xs) var(--spacing-md) #0000000d}@media (prefers-color-scheme:dark){.my-page-tip-preview-tab.active{background:var(--color-toss-card-background);color:var(--color-toss-primary);box-shadow:0 var(--spacing-xs) var(--spacing-md) #0003}}.my-page-tip-preview-tab.locked{opacity:.5;cursor:not-allowed;font-size:13px}.my-page-tip-preview-tab.locked:hover{color:var(--color-toss-text-secondary)!important;background:0 0!important}.my-page-tip-preview-selectors{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.my-page-tip-preview-selector{background:var(--color-toss-background);border-radius:var(--rounded-card);padding:var(--spacing-tiny);border:1px solid #00000005;justify-content:space-between;align-items:center;transition:opacity .2s;display:flex}@media (prefers-color-scheme:dark){.my-page-tip-preview-selector{background:var(--color-toss-background);border-color:#ffffff05}}.my-page-tip-preview-selector.disabled{opacity:.5}.my-page-tip-preview-arrow-btn{background:var(--color-toss-card-background);width:38px;height:38px;color:var(--color-toss-text-primary);border-radius:var(--rounded-button);cursor:pointer;box-shadow:0 var(--spacing-xs) var(--spacing-tiny) #00000008;border:none;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:all .2s;display:flex}@media (prefers-color-scheme:dark){.my-page-tip-preview-arrow-btn{background:var(--color-toss-card-background);color:var(--color-toss-text-primary);box-shadow:0 var(--spacing-xs) var(--spacing-tiny) #00000026}}.my-page-tip-preview-arrow-btn:hover:not(:disabled){background:var(--color-toss-primary-light,#e6f7f0);color:var(--color-toss-primary);transform:scale(1.03)}@media (prefers-color-scheme:dark){.my-page-tip-preview-arrow-btn:hover:not(:disabled){background:var(--color-toss-primary-light,#1c362b);color:var(--color-toss-primary)}}.my-page-tip-preview-arrow-btn:disabled{cursor:not-allowed;opacity:.4}.my-page-tip-preview-selector-value{color:var(--color-toss-text-primary);font-size:15px;font-weight:700}@media (prefers-color-scheme:dark){.my-page-tip-preview-selector-value{color:var(--color-toss-text-primary)}}.my-page-tip-content-box{background:var(--color-toss-card-background);border-radius:var(--rounded-card);padding:var(--spacing-xl);border:1.5px solid #10b98114;transition:all .3s}@media (prefers-color-scheme:dark){.my-page-tip-content-box{background:var(--color-toss-card-background);border-color:#10b98126}}.my-page-tip-content-title{color:var(--color-toss-primary);margin-bottom:var(--spacing-lg);border-left:var(--spacing-xs) solid var(--color-toss-primary);padding-left:var(--spacing-sm);font-size:16px;font-weight:700}.my-page-tip-content-body{gap:var(--spacing-medium-alt);flex-direction:column;display:flex}.my-page-tip-content-item{gap:var(--spacing-xs);flex-direction:column;display:flex}.my-page-tip-label{color:var(--color-toss-text-secondary);font-size:12px;font-weight:700}@media (prefers-color-scheme:dark){.my-page-tip-label{color:var(--color-toss-text-secondary)}}.my-page-tip-text{color:var(--color-toss-text-primary);margin:0;font-size:14px;font-weight:500;line-height:1.5}@media (prefers-color-scheme:dark){.my-page-tip-text{color:var(--color-toss-text-primary)}}.my-page-tip-content-example-box{background:var(--color-toss-background);border-radius:var(--rounded-xs);padding:var(--spacing-md);gap:var(--spacing-xs);flex-direction:column;display:flex}@media (prefers-color-scheme:dark){.my-page-tip-content-example-box{background:var(--color-toss-background)}}.my-page-tip-example-label{color:var(--color-toss-text-secondary);text-transform:uppercase;font-size:11px;font-weight:700}.my-page-tip-example-text{color:var(--color-toss-red-a11y);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;font-weight:600}@media (prefers-color-scheme:dark){.my-page-tip-example-text{color:var(--color-toss-red)}}.my-page-tip-content-empty{text-align:center;color:var(--color-toss-text-secondary);padding:var(--spacing-3xl) 0;font-size:14px;font-weight:500}.animate-fade-in{animation:.25s ease-out forwards fadeIn}.my-page-tip-live-sample-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px dashed #ffffff14}@media (prefers-color-scheme:dark){.my-page-tip-live-sample-section{border-top-color:#ffffff14}}.my-page-tip-live-sample-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.my-page-tip-live-title{color:var(--color-mint-500);font-size:13px;font-weight:700}.my-page-tip-refresh-btn{background:var(--color-bg-tertiary-light);color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--rounded-xs);align-items:center;gap:var(--spacing-tiny);border:1px solid #ffffff14;font-size:11px;font-weight:600;transition:all .2s;display:flex}.my-page-tip-refresh-btn:hover{background:var(--color-text-secondary);color:var(--color-bg-primary);transform:translateY(-1px)}.my-page-tip-refresh-btn:active{transform:translateY(0)}.my-page-tip-live-question-card{background:var(--color-bg-tertiary);border-radius:var(--rounded-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);gap:var(--spacing-sm);border:1px solid #ffffff0d;flex-direction:column;display:flex}.live-question-row,.live-answer-row{align-items:center;gap:var(--spacing-sm);display:flex}.q-badge,.a-badge{border-radius:var(--rounded-pill);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:flex}.q-badge{background:var(--color-mint-500);color:var(--color-pure-black)}.a-badge{background:var(--color-bg-tertiary-light);color:var(--color-mint-500)}.question-text{color:var(--color-text-primary);font-size:15px;font-weight:700}.answer-text{color:var(--color-mint-400);font-size:15px;font-weight:700}.my-page-tip-solution-section{background:var(--color-bg-tertiary);border-radius:var(--rounded-card);padding:var(--spacing-md);border:1px solid #ffffff0d}.my-page-tip-solution-title{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700;display:block}.my-page-tip-solution-timeline{gap:var(--spacing-sm);flex-direction:column;display:flex}.my-page-tip-solution-step-item{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;display:flex}.my-page-tip-solution-step-item:not(:last-child){border-bottom:1px solid #ffffff0a}.step-step-badge{background:var(--color-bg-tertiary-light);color:var(--color-mint-500);padding:var(--spacing-tiny) var(--spacing-small-alt);border-radius:var(--rounded-xs);white-space:nowrap;flex-shrink:0;margin-top:1px;font-size:11px;font-weight:700}.step-step-content{color:var(--color-text-primary);word-break:keep-all;margin:0;font-size:13px;font-weight:500;line-height:1.5}.step-step-content code{color:var(--color-toss-red-a11y);padding:var(--spacing-tiny) var(--spacing-xs);border-radius:var(--rounded-2xs);margin:0 var(--spacing-tiny);background:#ffffff0f;border:1px solid #ffffff14;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;font-weight:600}