:root{--bg: #2d1b2e;--fg: #f5e6d3;--accent: #ffb7c5;--accent-hover: #ff8fab;--accent-light: #ffd4dc;--color-success: #88c0d0;--color-success-light: rgba(136,192,208,.9);--color-success-bg: rgba(136,192,208,.15);--color-success-border: rgba(136,192,208,.35);--color-success-glow: rgba(136,192,208,.5);--color-error: #d08770;--color-error-light: rgba(208,135,112,.9);--color-error-bg: rgba(208,135,112,.15);--color-error-border: rgba(208,135,112,.35);--color-error-hover: #bf616a;--color-error-glow: rgba(208,135,112,.5);--color-combo: #c9a0dc;--color-combo-light: rgba(201,160,220,.9);--color-combo-bg: rgba(201,160,220,.15);--color-combo-border: rgba(201,160,220,.35);--white: #ffffff;--white-5: rgba(255,255,255,.05);--white-10: rgba(255,255,255,.1);--white-15: rgba(255,255,255,.15);--white-20: rgba(255,255,255,.2);--white-30: rgba(255,255,255,.3);--white-40: rgba(255,255,255,.4);--white-50: rgba(255,255,255,.5);--white-60: rgba(255,255,255,.6);--white-80: rgba(255,255,255,.8);--white-90: rgba(255,255,255,.9);--black-25: rgba(0,0,0,.25);--black-30: rgba(45,27,46,.4);--black-50: rgba(45,27,46,.6);--black-65: rgba(0,0,0,.65);--black-70: rgba(0,0,0,.7);--black-85: rgba(45,27,46,.92);--accent-035: rgba(255,183,197,.035);--accent-04: rgba(255,183,197,.04);--accent-08: rgba(255,183,197,.08);--accent-10: rgba(255,183,197,.1);--accent-12: rgba(255,183,197,.12);--accent-15: rgba(255,183,197,.15);--accent-18: rgba(255,183,197,.18);--accent-20: rgba(255,183,197,.2);--accent-30: rgba(255,183,197,.3);--accent-40: rgba(255,183,197,.4);--accent-50: rgba(255,183,197,.5);--accent-60: rgba(255,183,197,.6);--accent-80: rgba(255,183,197,.8);--combo-03: rgba(201,160,220,.03);--combo-06: rgba(201,160,220,.06);--combo-08: rgba(201,160,220,.08);--combo-10: rgba(201,160,220,.1);--combo-12: rgba(201,160,220,.12);--combo-18: rgba(201,160,220,.18);--success-025: rgba(136,192,208,.025);--plum-shadow: rgba(45,27,46,.3);--plum-shadow-deep: rgba(45,27,46,.4);--game-max-width: 1200px;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 16px;--space-8: 20px;--space-9: 24px;--space-10: 32px;--space-11: 48px;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 12px;--font-sm: 12px;--font-md: 14px;--font-lg: 16px;--font-xl: 20px;--font-2xl: 24px;--font-3xl: 32px;--font-4xl: 40px;--font-5xl: 48px;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-black: 900;--transition-fast: .15s;--shadow-md: 0 2px 8px rgba(208,135,112,.3);--shadow-success-text: 0 0 10px rgba(136,192,208,.9), 0 0 20px rgba(136,192,208,.5);--shadow-error-text: 0 0 10px rgba(208,135,112,.9), 0 0 20px rgba(208,135,112,.5);--shadow-combo-text: 0 0 10px rgba(201,160,220,.9), 0 0 20px rgba(201,160,220,.5);--token-size: 72px;--token-border: 2px;--danger-zone-height: 80px;--z-floating: 50;--z-overlay: 100;--z-modal: 1000;--backdrop-blur-sm: 4px;--backdrop-blur-md: 8px;--backdrop-blur-lg: 12px;--font-mono: "Courier New", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"}html,body{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden}body{color:var(--fg);font-family:var(--font-sans);font-size:var(--font-sm);position:relative}body:before{content:"";position:fixed;inset:0;background-image:url(/kana-game/assets/background-D986TdQM.webp);background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:0}@supports not (background-image: url(data:image/webp;base64,)){body:before{background-image:url(/kana-game/assets/background-BNt-3M82.png)}}body>*{position:relative;z-index:1}#app{min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100vw;overflow-x:hidden}.hidden{display:none!important}@media(min-width:421px){body{font-size:var(--font-md)}}header{background:linear-gradient(135deg,var(--black-70),var(--black-65));border-bottom:var(--token-border) solid var(--accent-30);padding:var(--space-2) var(--space-3);padding-top:var(--space-9);width:100%;flex-shrink:0;position:relative;box-sizing:border-box;backdrop-filter:blur(var(--backdrop-blur-md))}header:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,var(--accent-08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,var(--combo-06) 0%,transparent 50%);pointer-events:none}.header-title,.header-controls{max-width:var(--game-max-width);margin-left:auto;margin-right:auto}.header-title{text-align:center;padding-bottom:var(--space-2);margin-bottom:var(--space-3);border-bottom:1px solid var(--accent-20)}.header-title h1{margin:0;font-size:var(--font-md);font-weight:var(--font-bold);color:var(--accent);letter-spacing:3px;text-shadow:0 2px 16px var(--accent-60);font-family:Georgia,Times New Roman,serif}.header-controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative;min-height:100px}.control-section{display:flex;flex-direction:column;gap:var(--space-2);overflow:visible;box-sizing:border-box;max-width:100%}.section-label{display:none;font-size:var(--font-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:1px;color:var(--white-40);text-align:center;padding-bottom:var(--space-2);border-bottom:1px solid var(--white-10)}.section-items{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center;justify-content:center;max-width:100%;box-sizing:border-box}.btn-settings{position:absolute;top:var(--space-2);right:var(--space-2);background:linear-gradient(135deg,var(--accent-15),var(--combo-10));border:1px solid var(--accent-30);color:var(--fg);padding:var(--space-4) var(--space-3);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-sm);font-weight:var(--font-bold);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;z-index:10}.btn-settings .btn-icon-wrap{display:flex;align-items:center;justify-content:center}.btn-settings .btn-icon-wrap .btn-icon{width:24px;height:24px;display:block}.btn-settings .btn-label{display:none}.btn-settings:hover{background:linear-gradient(135deg,var(--accent-20),var(--combo-15));border-color:var(--accent-40);transform:translateY(-1px);box-shadow:0 2px 8px var(--plum-shadow)}.btn-settings:active{transform:translateY(0)}.settings-section .section-items{justify-content:center}.controls-section{position:static;max-width:100%;box-sizing:border-box;overflow:hidden}.controls-section .section-items{justify-content:center;flex-direction:row;gap:var(--space-3);width:100%;max-width:100%;padding:0;flex-wrap:wrap}@media(min-width:421px){header{padding:var(--space-3) var(--space-4);padding-top:var(--space-9)}.header-title{padding-bottom:var(--space-3);margin-bottom:var(--space-4)}.header-title h1{font-size:var(--font-xl)}.section-label{display:block;font-size:var(--font-sm);padding-bottom:var(--space-2)}.control-section,.section-items{gap:var(--space-3)}.btn-settings{top:var(--space-3);right:var(--space-4);padding:var(--space-2) var(--space-4)}.btn-settings .btn-icon-wrap{font-size:var(--font-xl)}}@media(min-width:601px){header{padding:var(--space-4) var(--space-6);padding-top:var(--space-10)}.header-title{padding-bottom:var(--space-4);margin-bottom:var(--space-6)}.header-title h1{font-size:var(--font-3xl)}.header-controls{justify-content:center;gap:var(--space-5)}.control-section,.section-items{gap:var(--space-4)}.btn-settings{top:var(--space-4);right:var(--space-6);padding:var(--space-3) var(--space-6);font-size:var(--font-md)}.btn-settings .btn-label{display:inline}.btn-settings .btn-icon-wrap .btn-icon{width:28px;height:28px}.btn-settings .btn-icon-wrap{font-size:var(--font-2xl)}}@media(min-width:901px){header{padding:var(--space-6) var(--space-7)}.header-title{padding-bottom:var(--space-7);margin-bottom:var(--space-7)}.header-title h1{font-size:var(--font-4xl)}.btn-settings{top:var(--space-5);right:var(--space-7);padding:var(--space-4) var(--space-7);font-size:var(--font-lg);gap:var(--space-6)}.btn-settings .btn-icon-wrap .btn-icon{width:32px;height:32px}}@media(min-width:1061px){.header-controls{flex-direction:row;justify-content:center;align-items:start}.controls-section{position:absolute;right:0;top:0;z-index:5;max-width:auto}.controls-section .section-items{flex-direction:column;gap:var(--space-3)}}.stats-section .section-items{justify-content:center;max-width:100%;box-sizing:border-box}.stat-box{display:flex;flex-direction:column;gap:var(--space-1);align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid;min-width:46px}.stat-box .stat-label{font-size:var(--font-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px}.stat-box>div{font-size:var(--font-lg);font-weight:var(--font-bold);font-family:var(--font-mono);line-height:1}.score-box{background:var(--color-success-bg);border-color:var(--color-success-border)}.score-box label,.score-box .stat-label{color:var(--color-success-light)}.score-box #score{color:var(--color-success)}.combo-box{background:var(--color-combo-bg);border-color:var(--color-combo-border)}.combo-box label,.combo-box .stat-label{color:var(--color-combo-light)}.combo-box #combo{color:var(--color-combo)}.speed-box{background:var(--accent-15);border-color:var(--accent-30)}.speed-box label,.speed-box .stat-label{color:var(--accent-80)}.speed-box #speed{color:var(--accent)}.lives-box{background:var(--color-error-bg);border-color:var(--color-error-border)}.lives-box label,.lives-box .stat-label{color:var(--color-error-light)}.lives-box #lives{letter-spacing:1px;white-space:nowrap;min-height:1em;display:flex;align-items:center;gap:2px}.heart-icon{width:16px;height:16px;display:inline-block;vertical-align:middle}.stat-highlight{animation:stat-pulse .3s ease-out;will-change:transform}@keyframes stat-pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.stat-shake{animation:shake .4s ease-out;will-change:transform}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@media(min-width:421px){.stat-box{padding:var(--space-3) var(--space-4);min-width:50px;gap:var(--space-2);border-radius:var(--radius-md)}.stat-box>div{font-size:var(--font-xl)}.heart-icon{width:20px;height:20px}}@media(min-width:601px){.stat-box{padding:var(--space-4) var(--space-5);min-width:75px;gap:var(--space-4);border-width:1px}.heart-icon{width:24px;height:24px}}@media(min-width:901px){.stat-box{padding:var(--space-5) var(--space-6);min-width:85px;gap:var(--space-6);border-width:2px;border-radius:var(--radius-lg)}.stat-box>div{font-size:var(--font-2xl)}.lives-box #lives{letter-spacing:var(--space-1)}.heart-icon{width:28px;height:28px}}@keyframes btn-press-pop{0%{transform:translateY(0) scale(1)}28%{transform:translateY(3px) scale(.96)}65%{transform:translateY(-2px) scale(.99)}to{transform:translateY(0) scale(1)}}.btn-press-pop{animation:btn-press-pop .32s cubic-bezier(.22,.61,.36,1)!important}.btn-start,.btn-restart,.btn-end-game,.btn-pause{border:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-weight:var(--font-bold);font-size:var(--font-md);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-1);box-sizing:border-box}.btn-start .btn-icon-wrap,.btn-restart .btn-icon-wrap,.btn-end-game .btn-icon-wrap,.btn-pause .btn-icon-wrap{width:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn-start .btn-icon-wrap .btn-icon,.btn-restart .btn-icon-wrap .btn-icon,.btn-end-game .btn-icon-wrap .btn-icon,.btn-pause .btn-icon-wrap .btn-icon{width:20px;height:20px;display:block}.btn-start .btn-label,.btn-restart .btn-label,.btn-end-game .btn-label,.btn-pause .btn-label{white-space:nowrap;font-size:var(--font-md);padding:0 var(--space-2)}.btn-end-game,.btn-pause{width:auto;max-width:48%;min-width:140px;justify-content:flex-start}.btn-start,.btn-restart{width:100%;justify-content:center}.btn-end-game{background:linear-gradient(135deg,var(--color-error),var(--color-error-hover));color:var(--black-70);box-shadow:var(--shadow-md),0 2px 4px var(--plum-shadow);border:1px solid var(--white-15)}.btn-end-game:hover:not(:disabled){background:linear-gradient(135deg,var(--color-error-hover),var(--color-error));transform:translateY(-1px);box-shadow:0 4px 12px var(--color-error-glow),0 4px 8px var(--plum-shadow-deep)}.btn-end-game:active{transform:translateY(2px) scale(.97);box-shadow:0 1px 6px var(--color-error-glow)}.btn-end-game:disabled{opacity:.5;cursor:not-allowed}.btn-pause{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:var(--black-70);box-shadow:var(--shadow-md),0 2px 4px var(--plum-shadow);border:1px solid var(--white-20)}.btn-pause:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-hover),var(--accent));transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-40),0 4px 8px var(--plum-shadow-deep)}.btn-pause:active{transform:translateY(2px) scale(.97);box-shadow:0 1px 6px var(--accent-40)}.btn-pause:disabled{opacity:.5;cursor:not-allowed}.btn-start,.btn-restart{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:var(--black-70);border:1px solid var(--white-20);box-shadow:0 4px 12px var(--accent-40),0 2px 4px var(--plum-shadow)}.btn-start:hover,.btn-restart:hover{background:linear-gradient(135deg,var(--accent-hover),var(--accent));transform:translateY(-2px);box-shadow:0 6px 16px var(--accent-60),0 4px 8px var(--plum-shadow-deep)}.btn-start:active,.btn-restart:active{transform:translateY(2px) scale(.97);box-shadow:0 1px 8px var(--accent-40)}kbd{display:none;padding:var(--space-1) var(--space-2);font-size:var(--font-sm);font-weight:var(--font-semibold);line-height:1;color:var(--white-90);background:var(--black-30);border:1px solid var(--white-20);border-radius:var(--radius-sm);box-shadow:inset 0 -1px 0 var(--black-25);font-family:var(--font-mono);text-transform:uppercase;margin-left:var(--space-2)}@media(min-width:421px){.btn-start,.btn-restart,.btn-end-game,.btn-pause{padding:var(--space-3) var(--space-4);gap:var(--space-2);border-radius:var(--radius-xl)}.btn-start .btn-icon-wrap,.btn-restart .btn-icon-wrap,.btn-end-game .btn-icon-wrap,.btn-pause .btn-icon-wrap{width:28px}.btn-start .btn-icon-wrap .btn-icon,.btn-restart .btn-icon-wrap .btn-icon,.btn-end-game .btn-icon-wrap .btn-icon,.btn-pause .btn-icon-wrap .btn-icon{width:24px;height:24px}.btn-start .btn-label,.btn-restart .btn-label,.btn-end-game .btn-label,.btn-pause .btn-label{padding:0 var(--space-3)}}@media(min-width:601px){.btn-end-game,.btn-pause{padding:var(--space-4) var(--space-5);min-width:180px;gap:var(--space-3)}.btn-start,.btn-restart{padding:var(--space-4) var(--space-6);gap:var(--space-3)}.btn-start .btn-icon-wrap,.btn-restart .btn-icon-wrap,.btn-end-game .btn-icon-wrap,.btn-pause .btn-icon-wrap{width:32px}.btn-start .btn-icon-wrap .btn-icon,.btn-restart .btn-icon-wrap .btn-icon,.btn-end-game .btn-icon-wrap .btn-icon,.btn-pause .btn-icon-wrap .btn-icon{width:28px;height:28px}.btn-start .btn-label,.btn-restart .btn-label,.btn-end-game .btn-label,.btn-pause .btn-label{font-size:var(--font-lg);padding:0 var(--space-4)}}@media(min-width:901px){.btn-end-game,.btn-pause{padding:var(--space-4) var(--space-6)}.btn-start,.btn-restart{padding:var(--space-5) var(--space-8);border-radius:var(--radius-2xl)}.btn-start .btn-icon-wrap,.btn-restart .btn-icon-wrap,.btn-end-game .btn-icon-wrap,.btn-pause .btn-icon-wrap{width:40px}.btn-start .btn-icon-wrap .btn-icon,.btn-restart .btn-icon-wrap .btn-icon,.btn-end-game .btn-icon-wrap .btn-icon,.btn-pause .btn-icon-wrap .btn-icon{width:32px;height:32px}.btn-start .btn-label,.btn-restart .btn-label,.btn-end-game .btn-label,.btn-pause .btn-label{font-size:var(--font-xl);padding:0 var(--space-6)}}@media(min-width:1061px){.btn-end-game,.btn-pause{width:100%;max-width:200px}}.setting-item{display:flex;flex-direction:column;gap:var(--space-2)}.setting-item label{font-size:var(--font-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--white-50)}.setting-item select{background:var(--black-30);border:1px solid var(--accent-30);color:var(--fg);padding:var(--space-2);padding-right:2.5rem;border-radius:var(--radius-md);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23f6d0df' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px 12px}.setting-item select::-ms-expand{display:none}.setting-item select:hover{border-color:var(--accent);background-color:var(--black-50)}.setting-item select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-20)}.checkbox-control{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-2) var(--space-3);background:var(--black-30);border:1px solid var(--accent-30);border-radius:var(--radius-md);transition:all var(--transition-fast)}.checkbox-control:hover{background:var(--black-50);border-color:var(--accent)}.checkbox-control input[type=checkbox]{width:var(--space-5);height:var(--space-5);cursor:pointer;accent-color:var(--accent)}.checkbox-control span{font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--fg);text-transform:none;letter-spacing:0;user-select:none}.checkbox-label{font-size:var(--font-sm);color:var(--fg)}.music-credit{padding-top:var(--space-2);border-top:1px solid var(--white-10)}.music-credit span{font-size:var(--font-sm);color:var(--white-70);display:block;text-align:center}.music-credit a{color:var(--accent);text-decoration:none;font-weight:var(--font-medium);transition:color var(--transition-fast)}.music-credit a:hover{color:var(--combo);text-decoration:underline}.slider-control{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--black-30);border:1px solid var(--accent-30);border-radius:var(--radius-md)}.slider-control input[type=range]{flex:1;background:transparent;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.slider-control input[type=range]::-webkit-slider-runnable-track{height:6px;background:var(--black-50);border-radius:var(--radius-md)}.slider-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-5px;background-color:var(--accent);background-image:none;border:none;border-radius:50%;cursor:pointer;transition:background-color var(--transition-fast)}.slider-control input[type=range]:hover::-webkit-slider-thumb,.slider-control input[type=range]:focus::-webkit-slider-thumb{background-color:var(--accent-hover)}.slider-control input[type=range]::-moz-range-track{height:6px;background:var(--black-50);border:none;border-radius:var(--radius-md)}.slider-control input[type=range]::-moz-range-thumb{width:16px;height:16px;background-color:var(--accent);background-image:none;border:none;border-radius:50%;cursor:pointer;transition:background-color var(--transition-fast)}.slider-control input[type=range]:hover::-moz-range-thumb,.slider-control input[type=range]:focus::-moz-range-thumb{background-color:var(--accent-hover)}.slider-value{font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--accent);min-width:3rem;text-align:right}@media(min-width:421px){.slider-control{gap:var(--space-4);padding:var(--space-3) var(--space-4)}.slider-control input[type=range]::-webkit-slider-runnable-track,.slider-control input[type=range]::-moz-range-track{height:8px}.slider-control input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-5px}.slider-control input[type=range]::-moz-range-thumb{width:18px;height:18px}}@media(min-width:601px){.slider-control{padding:var(--space-4)}.slider-control input[type=range]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-6px}.slider-control input[type=range]::-moz-range-thumb{width:20px;height:20px}.slider-value{font-size:var(--font-md)}}@media(min-width:421px){.setting-item select{padding:var(--space-3) var(--space-4);padding-right:2.75rem;background-position:right 1rem center}.checkbox-control{gap:var(--space-3);padding:var(--space-3) var(--space-4)}.checkbox-control input[type=checkbox]{width:var(--space-6);height:var(--space-6)}}@media(min-width:601px){.setting-item select{padding:var(--space-4) var(--space-5);padding-right:3rem;font-size:var(--font-md);background-position:right 1.25rem center;background-size:14px 14px}.checkbox-control{gap:var(--space-4);padding:var(--space-4)}.checkbox-control span{font-size:var(--font-md)}.checkbox-control input[type=checkbox]{width:var(--space-7);height:var(--space-7)}.checkbox-label{font-size:var(--font-md)}}@media(min-width:901px){.checkbox-control{gap:var(--space-4);padding:var(--space-4) var(--space-5)}.checkbox-control input[type=checkbox]{width:20px;height:20px}.checkbox-label{font-size:var(--font-lg)}}main#game-area{position:relative;flex:1;max-height:calc(100vh - 110px);overflow:hidden;max-width:var(--game-max-width);margin:0 auto;width:100%;background:var(--bg);contain:layout style paint}@keyframes paused-overlay-in{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(8px)}}@keyframes paused-text-enter{0%{opacity:0;transform:scale(.65);letter-spacing:.35em}to{opacity:1;transform:scale(1);letter-spacing:normal}}@keyframes paused-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.paused-indicator{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--black-85);backdrop-filter:blur(8px);z-index:150;pointer-events:none}.paused-indicator.hidden{display:none}.paused-indicator:not(.hidden){animation:paused-overlay-in .22s ease both}.paused-text{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-4xl);font-weight:var(--font-bold);color:var(--accent);text-shadow:0 0 20px var(--accent-50),0 0 40px var(--accent-30);user-select:none}.paused-indicator:not(.hidden) .paused-text{animation:paused-text-enter .4s cubic-bezier(.34,1.56,.64,1) both,paused-pulse 2s ease-in-out .4s infinite}.paused-icon{width:3rem;height:3rem;filter:drop-shadow(0 0 20px var(--accent-50)) drop-shadow(0 0 40px var(--accent-30))}main#game-area:before{content:"";position:absolute;inset:0;background:var(--accent-30);opacity:0;pointer-events:none}main#game-area.speed-flash:before{animation:speed-flash-anim .6s ease-out forwards}@keyframes speed-flash-anim{0%{opacity:0}15%{opacity:1}to{opacity:0}}#tokens{position:absolute;inset:0;border-left:1px solid var(--white-5);border-right:1px solid var(--white-5);contain:layout style}#tokens:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--danger-zone-height);background:linear-gradient(to top,var(--color-error-bg),transparent);border-top:var(--token-border) dashed var(--color-error-border);pointer-events:none;opacity:.8}.token{position:absolute;left:0;top:0;width:var(--token-size);height:var(--token-size);display:flex;align-items:center;justify-content:center;background:var(--white-5);border-radius:var(--radius-lg);font-size:var(--font-3xl);border:var(--token-border) solid transparent;will-change:transform;backface-visibility:hidden}.token-success{background:var(--color-success-glow)!important;border-color:var(--color-success)!important;animation:token-success-anim .15s ease-out forwards}.token-miss{background:var(--color-error-glow)!important;border-color:var(--color-error)!important;animation:token-miss-anim .2s ease-out forwards}.floating-text{position:absolute;font-weight:var(--font-bold);font-size:var(--font-3xl);pointer-events:none;z-index:var(--z-floating);animation:float-up 1s ease-out forwards;font-family:var(--font-mono);will-change:transform,opacity;backface-visibility:hidden}.floating-points{color:var(--color-success);text-shadow:var(--shadow-success-text)}.floating-combo{color:var(--color-combo);text-shadow:var(--shadow-combo-text)}.floating-speed{color:var(--accent);text-shadow:0 0 15px var(--accent),0 0 30px var(--accent-60);font-size:var(--font-5xl);font-weight:var(--font-black)}.floating-life{color:var(--color-error);text-shadow:var(--shadow-error-text);font-size:var(--font-4xl)}@keyframes token-success-anim{0%{transform:translate3d(var(--tx),var(--ty),0) scale(1);opacity:1}50%{transform:translate3d(var(--tx),var(--ty),0) scale(1.15);opacity:1}to{transform:translate3d(var(--tx),var(--ty),0) scale(.8);opacity:0}}@keyframes token-miss-anim{0%{transform:translate3d(var(--tx),var(--ty),0) scale(1);opacity:1}50%{transform:translate3d(var(--tx),var(--ty),0) scale(1.05);opacity:.8}to{transform:translate3d(var(--tx),var(--ty),0) scale(.95);opacity:0}}@keyframes success-glow{0%,to{box-shadow:var(--shadow-success)}50%{box-shadow:0 0 30px var(--color-success),0 0 40px var(--color-success-glow)}}@keyframes miss-glow{0%,to{box-shadow:var(--shadow-error)}50%{box-shadow:0 0 30px var(--color-error),0 0 40px var(--color-error-glow)}}@media(min-width:421px){.paused-text{font-size:var(--font-5xl)}.paused-icon{width:4rem;height:4rem}}@media(min-width:601px){.paused-text{font-size:4rem}.paused-icon{width:5rem;height:5rem}}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-80px) scale(1.2);opacity:0}}@media(min-width:421px){main#game-area{max-height:calc(100vh - 150px)}}@media(min-width:601px){main#game-area{max-height:calc(100vh - 140px)}}@media(min-width:901px){main#game-area{max-height:calc(100vh - 170px)}}@media(min-width:1061px){main#game-area{max-height:calc(100vh - 280px)}}footer{flex-shrink:0;width:100%;background:transparent;padding:0;display:flex;justify-content:center;box-sizing:border-box}#mobile-input{position:fixed;left:0;bottom:0;width:100%;height:1px;opacity:0;border:none;outline:none;background:transparent;font-size:16px;caret-color:transparent;color:transparent;z-index:-1;padding:0;margin:0}#input-display{max-width:var(--game-max-width);width:100%;margin:0 auto;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--black-70),var(--black-65));border:var(--token-border) solid var(--accent);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none;display:flex;flex-direction:column;gap:var(--space-2);align-items:center;box-sizing:border-box;backdrop-filter:blur(var(--backdrop-blur-md))}#input-display label{font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--accent);text-transform:uppercase;letter-spacing:.5px}#input-echo{font-size:var(--font-lg);font-weight:var(--font-semibold);min-height:24px;padding:var(--space-2) var(--space-4);background:var(--black-30);border-radius:var(--radius-md);min-width:200px;text-align:center;color:var(--accent);font-family:var(--font-mono);letter-spacing:var(--space-1)}@media(min-width:421px){#input-display{padding:var(--space-4) var(--space-6);gap:var(--space-3)}#input-echo{font-size:var(--font-2xl);padding:var(--space-3) var(--space-6);min-height:32px}}@media(min-width:601px){#input-display{padding:var(--space-5) var(--space-7);gap:var(--space-4);border-radius:0 0 var(--radius-xl) var(--radius-xl)}#input-echo{font-size:var(--font-3xl);padding:var(--space-4) var(--space-8);min-height:40px}}@media(min-width:901px){#input-display{padding:var(--space-7) var(--space-9)}#input-display label{font-size:var(--font-md)}#input-echo{font-size:var(--font-4xl);padding:var(--space-4) var(--space-9);min-height:var(--space-11)}}@keyframes screen-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes card-enter{0%{opacity:0;transform:scale(.82) translateY(28px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes card-exit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.88) translateY(16px)}}#start-screen,#game-over{position:absolute;inset:0;background:var(--black-85);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);backdrop-filter:blur(var(--backdrop-blur-sm))}#start-screen.hidden,#game-over.hidden{display:none}#start-screen:not(.hidden),#game-over:not(.hidden){animation:screen-overlay-in .35s ease forwards}#start-screen:not(.hidden) .start-screen-content,#game-over:not(.hidden) .game-over-content{animation:card-enter .45s cubic-bezier(.34,1.56,.64,1) both}#start-screen.screen-exiting .start-screen-content,#game-over.screen-exiting .game-over-content{animation:card-exit .28s cubic-bezier(.4,0,.6,1) both}.start-screen-content,.game-over-content{background:linear-gradient(135deg,var(--accent-18),var(--combo-18));border:var(--token-border) solid var(--accent);border-radius:var(--radius-2xl);padding:var(--space-7);text-align:center;max-width:280px;box-shadow:0 8px 32px var(--accent-30),0 0 1px var(--white-10) inset;backdrop-filter:blur(12px)}.start-screen-content h2,.game-over-content h2{margin:0 0 var(--space-6) 0;font-size:var(--font-2xl);color:var(--accent);text-shadow:0 2px 24px var(--accent-50),0 0 60px var(--accent-30);font-family:Georgia,Times New Roman,serif;letter-spacing:4px}.start-screen-content p{font-size:var(--font-md);margin:var(--space-4) 0 var(--space-6) 0;color:var(--fg)}.high-scores-list{margin:var(--space-6) 0;padding:var(--space-4);background:var(--black-30);border-radius:var(--radius-lg);min-width:240px;max-height:200px;overflow-y:auto}.high-scores-list h3{margin:0 0 var(--space-4) 0;font-size:var(--font-sm);text-transform:uppercase;letter-spacing:1px;color:var(--white-60)}.high-scores-list .high-score-message{color:var(--white-40);font-size:var(--font-sm);padding:var(--space-2);margin:0}.high-score-entry{display:flex;justify-content:space-between;padding:var(--space-2) var(--space-3);margin:var(--space-1) 0;background:var(--white-5);border-radius:var(--radius-sm);font-size:var(--font-sm)}.high-score-entry.highlight{background:var(--color-success-bg);border:1px solid var(--color-success-border)}.high-score-rank{color:var(--white-50);min-width:30px}.high-score-value{color:var(--color-success);font-weight:var(--font-bold);font-family:var(--font-mono)}.high-score-date{color:var(--white-40);font-size:var(--font-sm)}.game-over-content .final-score{font-size:var(--font-xl);margin:var(--space-4) 0;color:var(--fg)}.game-over-content .final-score span{font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--color-success);font-family:var(--font-mono)}.new-high-score{font-size:var(--font-lg);font-weight:var(--font-bold);color:var(--color-success);margin:var(--space-3) 0 var(--space-5) 0;animation:pulse-glow 1s ease-in-out infinite}.new-high-score.hidden{display:none}@keyframes pulse-glow{0%,to{text-shadow:0 0 10px var(--color-success-glow)}50%{text-shadow:0 0 20px var(--color-success),0 0 30px var(--color-success-glow)}}@media(min-width:421px){.start-screen-content,.game-over-content{padding:var(--space-9);max-width:340px;border-radius:var(--radius-2xl)}.start-screen-content h2,.game-over-content h2{margin:0 0 var(--space-7) 0;font-size:var(--font-3xl)}.start-screen-content p{font-size:var(--font-lg);margin:var(--space-5) 0 var(--space-7) 0}.high-scores-list{margin:var(--space-7) 0;padding:var(--space-5);min-width:260px;max-height:220px}.high-scores-list h3{margin:0 0 var(--space-5) 0;font-size:var(--font-md)}.high-score-entry{padding:var(--space-2) var(--space-4)}.game-over-content .final-score{font-size:var(--font-xl);margin:var(--space-5) 0}.new-high-score{font-size:var(--font-xl);margin:var(--space-4) 0 var(--space-6) 0}}@media(min-width:601px){.start-screen-content,.game-over-content{max-width:400px}.start-screen-content p{font-size:var(--font-xl);margin:var(--space-7) 0 var(--space-10) 0}.high-scores-list{margin:var(--space-8) 0;padding:var(--space-6);min-width:280px;max-height:240px}.high-scores-list h3{margin:0 0 var(--space-6) 0}.high-score-entry{padding:var(--space-3) var(--space-4);margin:var(--space-2) 0;font-size:var(--font-md)}.game-over-content .final-score{font-size:var(--font-2xl);margin:var(--space-7) 0 var(--space-4) 0}.game-over-content .final-score span{font-size:var(--font-3xl)}}.modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);box-sizing:border-box}.modal.hidden{display:none}.modal-overlay{position:absolute;inset:0;background:var(--black-85);backdrop-filter:blur(var(--backdrop-blur-md));animation:modal-slide-in .2s ease-out}.modal-content{position:relative;background:linear-gradient(135deg,var(--accent-18),var(--combo-18));border:2px solid var(--accent);border-radius:var(--radius-2xl);box-shadow:0 8px 32px var(--accent-30),0 0 1px var(--white-10) inset;backdrop-filter:blur(12px);max-width:90vw;max-height:90vh;display:flex;flex-direction:column;z-index:1;animation:modal-slide-in .2s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:2px solid var(--white-10)}.modal-header h2{margin:0;font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--accent-light);display:flex;align-items:center;gap:var(--space-3)}.modal-header-icon{width:28px;height:28px;display:inline-block;vertical-align:middle}.btn-modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:2px solid var(--white-20);border-radius:var(--radius-md);color:var(--white-60);font-size:var(--font-2xl);cursor:pointer;transition:all var(--transition-fast)}.btn-modal-close:hover{background:var(--white-10);border-color:var(--accent);color:var(--accent-light);transform:rotate(90deg)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.settings-modal-content{width:500px;max-width:90vw}.settings-notice{background:linear-gradient(135deg,var(--accent-15),var(--combo-10));border:2px solid var(--accent-40);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5)}.settings-notice p{margin:0;color:var(--accent-light);font-size:var(--font-sm);line-height:1.5}.settings-group{display:flex;flex-direction:column;gap:var(--space-5)}.settings-row{display:flex;gap:var(--space-4);align-items:center}.how-to-play-link{display:inline-block;margin-top:var(--space-4);color:var(--accent-light);text-decoration:none;font-size:var(--font-xl);font-weight:var(--font-semibold);padding:var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast)}.how-to-play-link:hover{color:var(--accent-light);background:var(--accent-10);transform:translateY(-1px)}.help-modal-content{max-width:600px;max-height:80vh;overflow-y:auto}.help-content{display:flex;flex-direction:column;gap:var(--space-6)}.help-section{display:flex;flex-direction:column;gap:var(--space-3)}.help-section h3{margin:0;font-size:var(--font-xl);font-weight:var(--font-bold);color:var(--accent);display:flex;align-items:center;gap:var(--space-2)}.help-section p{margin:0;font-size:var(--font-md);line-height:1.6;color:var(--white-80)}.help-section ul{margin:0;padding-left:var(--space-7);display:flex;flex-direction:column;gap:var(--space-2)}.help-section li{font-size:var(--font-md);line-height:1.6;color:var(--white-80)}.help-section li strong{color:var(--accent-light);font-weight:var(--font-semibold)}.help-section a{color:var(--accent);text-decoration:none;font-weight:var(--font-medium);transition:color var(--transition-fast)}.help-section a:hover{color:var(--accent-hover);text-decoration:underline}.credits-section{padding:var(--space-4);background:var(--accent-10);border:1px solid var(--accent-30);border-radius:var(--radius-lg)}.credits-section p:first-child{font-size:var(--font-lg);margin-bottom:var(--space-2)}.help-section kbd{margin-left:0}.kana-modal-content{max-width:95vw;max-height:85vh;width:1400px}.btn-kana-reference{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--accent);color:var(--bg);border:2px solid var(--accent-light);border-radius:var(--radius-md);font-size:var(--font-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.btn-kana-reference:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-30)}.kana-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);border-bottom:2px solid var(--white-10)}.kana-tab{flex:1;padding:var(--space-3) var(--space-4);background:transparent;color:var(--white-60);border:none;border-bottom:3px solid transparent;font-size:var(--font-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.kana-tab:hover{color:var(--white-80);background:var(--white-5)}.kana-tab.active{color:var(--accent-light);border-bottom-color:var(--accent)}.kana-content{overflow-y:auto;max-height:calc(85vh - 200px);padding-right:var(--space-2)}.kana-section:after{content:"";position:absolute;right:0;top:48px;bottom:0;width:40px;background:linear-gradient(to left,var(--bg-primary),transparent);pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}.kana-section:has(.kana-table):after{opacity:1}.kana-section:last-child{margin-bottom:0}.kana-section h3{margin:0 0 var(--space-4) 0;font-size:var(--font-2xl);color:var(--accent-light);font-weight:var(--font-bold)}.kana-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-3)}.kana-table{display:flex;flex-direction:row;gap:var(--space-3);justify-content:flex-start;overflow-x:auto;padding-bottom:var(--space-2)}.kana-section{margin-bottom:var(--space-8);position:relative}.kana-section h3{display:flex;align-items:center;gap:var(--space-2)}.kana-scroll-hint{display:none;font-size:var(--font-sm);color:var(--white-40);font-weight:var(--font-normal);font-style:italic}.kana-section.has-scroll .kana-scroll-hint{display:inline}.kana-column{display:flex;flex-direction:column;gap:var(--space-2);flex-shrink:0}.kana-column .kana-item{width:80px}.kana-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);background:var(--white-5);border:2px solid var(--white-10);border-radius:var(--radius-md);transition:all var(--transition-fast)}.kana-item:hover{background:var(--white-10);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 8px var(--black-30)}.kana-char{font-size:var(--font-4xl);font-weight:var(--font-bold);color:var(--white);margin-bottom:var(--space-2)}.kana-romaji{font-size:var(--font-sm);color:var(--accent-light);font-weight:var(--font-medium);text-align:center}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(min-width:421px){.modal-header{padding:var(--space-6) var(--space-7)}.modal-body{padding:var(--space-7)}}@media(min-width:601px){.modal-header h2{font-size:var(--font-3xl)}.modal-header-icon{width:32px;height:32px}}@media(max-width:600px){.modal-content{max-width:95%;margin:10px}.settings-modal-content{width:400px}.modal-header h2{font-size:var(--font-xl)}.btn-modal-close{width:32px;height:32px;font-size:var(--font-xl)}.modal-body{padding:var(--space-4)}.kana-modal-content{max-width:95%}.kana-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.kana-tab{font-size:var(--font-md);padding:var(--space-2) var(--space-3)}.kana-column .kana-item{width:70px}.kana-table{gap:var(--space-2)}.kana-section h3{font-size:var(--font-xl)}}@media(max-width:420px){.modal-content{max-width:98%;margin:5px}.settings-modal-content{width:320px}.modal-header{padding:var(--space-3) var(--space-4)}.modal-header h2{font-size:var(--font-lg)}.btn-modal-close{width:28px;height:28px;font-size:var(--font-lg)}.modal-body{padding:var(--space-3)}.kana-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--space-2)}.kana-item{padding:var(--space-2) var(--space-1)}.kana-char{font-size:var(--font-2xl);margin-bottom:var(--space-1)}.kana-column .kana-item{width:60px}.kana-column,.kana-table{gap:var(--space-1)}.kana-section h3{font-size:var(--font-lg);margin-bottom:var(--space-2)}.kana-section{margin-bottom:var(--space-4)}}@media(max-height:500px)and (orientation:landscape){.modal-content{max-width:90%;margin:10px auto}.modal-header{padding:var(--space-2) var(--space-3)}.modal-body{padding:var(--space-3)}.kana-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--space-2)}.kana-item{padding:var(--space-2)}.kana-char{font-size:var(--font-2xl)}.kana-column .kana-item{width:60px}.kana-table{gap:var(--space-2)}.kana-section h3{font-size:var(--font-lg)}.kana-content{max-height:calc(85vh - 120px)}}.confirm-end-modal-content{width:460px;max-width:90vw}.confirm-end-body{display:flex;flex-direction:column;gap:var(--space-6)}.confirm-end-message{margin:0;font-size:var(--font-lg);color:var(--fg);line-height:1.5;text-align:center}.confirm-end-actions{display:flex;gap:var(--space-5);justify-content:center}.btn-confirm{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-7);border:none;border-radius:var(--radius-lg);font-size:var(--font-lg);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-fast);min-width:130px;justify-content:center}.btn-confirm kbd{font-size:var(--font-sm);padding:var(--space-1) var(--space-2);background:var(--black-20);border-radius:var(--radius-sm);font-family:var(--font-mono);color:inherit;border:1px solid var(--black-30)}.btn-confirm-yes{background:linear-gradient(135deg,var(--color-error),var(--color-error-hover));color:var(--black-70);box-shadow:var(--shadow-md)}.btn-confirm-yes:hover{background:linear-gradient(135deg,var(--color-error-hover),var(--color-error));transform:translateY(-1px)}.btn-confirm-yes:active{transform:translateY(1px)}.btn-confirm-no{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:var(--black-70);box-shadow:var(--shadow-md)}.btn-confirm-no:hover{background:linear-gradient(135deg,var(--accent-hover),var(--accent));transform:translateY(-1px)}.btn-confirm-no:active{transform:translateY(1px)}body.keyboard-visible #app{height:var(--viewport-height, 100dvh);max-height:var(--viewport-height, 100dvh);min-height:0;overflow:hidden}body.keyboard-visible header{padding:var(--space-1) var(--space-3)}body.keyboard-visible .header-title{display:none}body.keyboard-visible .header-controls{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:var(--space-2);min-height:auto}body.keyboard-visible .header-controls .control-section,body.keyboard-visible .header-controls .section-items{display:contents}body.keyboard-visible .stat-label{display:none}body.keyboard-visible .stat-box{padding:var(--space-1) var(--space-2);gap:0;min-width:0;border-radius:var(--radius-sm)}body.keyboard-visible .stat-box>div{font-size:var(--font-md);line-height:1.2}body.keyboard-visible .heart-icon{width:12px;height:12px}body.keyboard-visible .btn-end-game,body.keyboard-visible .btn-pause{min-width:0;max-width:none;width:auto;padding:var(--space-1) var(--space-3);gap:0}body.keyboard-visible #end-game{order:-1}body.keyboard-visible #pause{order:1}body.keyboard-visible .btn-end-game .btn-label,body.keyboard-visible .btn-pause .btn-label{display:none}body.keyboard-visible .btn-end-game .btn-icon-wrap,body.keyboard-visible .btn-pause .btn-icon-wrap{width:18px}body.keyboard-visible .btn-end-game .btn-icon-wrap .btn-icon,body.keyboard-visible .btn-pause .btn-icon-wrap .btn-icon{width:18px;height:18px}body.keyboard-visible .btn-settings{top:var(--space-1);padding:var(--space-1) var(--space-2)}body.keyboard-visible .btn-settings .btn-label{display:none}body.keyboard-visible .btn-settings .btn-icon-wrap .btn-icon{width:18px;height:18px}body.keyboard-visible main#game-area{flex:1;max-height:none}body.keyboard-visible .token{--token-size: 56px;font-size:var(--font-2xl)}body.keyboard-visible .floating-text{font-size:var(--font-xl);text-shadow:none}body.keyboard-visible .floating-speed{font-size:var(--font-2xl);text-shadow:0 0 10px var(--accent-50)}body.keyboard-visible .floating-life{font-size:var(--font-2xl)}body.keyboard-visible #input-display{padding:var(--space-1) var(--space-3);gap:0;border-width:1px}body.keyboard-visible #input-display label{display:none}body.keyboard-visible #input-echo{font-size:var(--font-md);padding:var(--space-1) var(--space-3);min-height:0;min-width:120px}@media(max-width:420px){:root{--token-size: 56px;--danger-zone-height: 60px}.token{font-size:var(--font-2xl)}.floating-text{font-size:var(--font-xl);text-shadow:none}.floating-points{color:var(--color-success)}.floating-combo{color:var(--color-combo)}.floating-speed{font-size:var(--font-2xl);text-shadow:0 0 10px var(--accent-50)}.floating-life{font-size:var(--font-2xl)}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-40px) scale(1.05);opacity:0}}.volume-setting{display:none}header,#input-display{backdrop-filter:none}}