body{margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#000;overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none}#gameCanvas{background-color:#000;width:100vw;height:100vh;object-fit:contain;object-position:center;image-rendering:auto;image-rendering:-webkit-optimize-contrast;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){#gameCanvas{image-rendering:auto}}@media screen and (orientation: portrait) and (max-width: 1024px){#gameCanvas{max-width:100vw;max-height:100vh}}@media screen and (max-width: 768px){body{position:fixed;width:100%;height:100%}#gameCanvas{position:fixed;top:0;left:0;width:100vw!important;height:100vh!important}}@supports (padding-bottom: env(safe-area-inset-bottom)){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}:fullscreen #gameCanvas,:-webkit-full-screen #gameCanvas,:-moz-full-screen #gameCanvas{width:100vw;height:100vh;object-fit:contain}#gameCanvas{will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.debug-mode #gameCanvas{border:2px solid red}@media (prefers-reduced-motion: reduce){#gameCanvas{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#uiOverlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}#kanjiInput{position:absolute;padding:10px 15px;font-size:20px;text-align:center;border:2px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0003;background:#fffffff2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:none;width:min(300px,80vw);max-width:400px;font-family:UDデジタル教科書体,sans-serif;transition:all .2s ease}#kanjiInput:focus{outline:none;border-color:#3498db;box-shadow:0 4px 12px #3498db4d;transform:scale(1.02)}@media screen and (max-width: 768px){#kanjiInput{font-size:18px;padding:8px 12px;width:min(280px,85vw)}}@media screen and (max-width: 480px){#kanjiInput{font-size:16px;padding:6px 10px;width:min(250px,90vw)}}.game-input{position:absolute;padding:10px;font-size:24px;text-align:center;border:2px solid #ccc;border-radius:5px;box-shadow:0 2px 5px #0000001a;background:#fffffff2;width:300px;z-index:10;font-family:UDデジタル教科書体,sans-serif}body,input,button{font-family:UDデジタル教科書体,sans-serif}.locked{filter:grayscale(1) brightness(.3)}#monsterContainer{padding:20px;display:none;grid-template-columns:repeat(5,150px);gap:10px;justify-content:center;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,177,153,.3) 0%,transparent 50%),linear-gradient(135deg,#8b4513,tan,wheat,#deb887,#8b4513);background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.1) 2px,rgba(255,255,255,.1) 4px),repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 4px);position:fixed;top:0;left:0;width:100vw;height:100vh;box-sizing:border-box;grid-template-rows:auto auto 1fr;overflow-y:auto}.monster-card{width:150px;text-align:center;position:relative;background:linear-gradient(145deg,#deb887e6,#a0522dcc);border:3px solid #8B4513;border-radius:12px;padding:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000004d,inset 0 1px #fff3}.monster-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 12px 24px #0006,inset 0 1px #ffffff4d;border-color:peru}.monster-card.locked{filter:grayscale(1) brightness(.4);background:#0009;border-color:#444;cursor:default}.monster-card.locked:hover{transform:none;box-shadow:0 4px 8px #0000004d}.monster-card img{width:100%;height:auto;image-rendering:pixelated;border-radius:8px;box-shadow:0 2px 4px #0003}.monster-name{color:#2f1b14;margin:8px 0 4px;font-size:14px;font-weight:700;text-shadow:1px 1px 2px rgba(255,255,255,.5)}.monster-prefecture{color:#5d4e37;margin:0;font-size:12px;font-style:italic;text-shadow:1px 1px 2px rgba(255,255,255,.3)}.back-button{grid-column:1 / -1;padding:8px 12px;background-color:#555;color:#fff;border:none;border-radius:4px;cursor:pointer}.back-button:hover{background-color:#666}:root{--clr-main:#1e90ff;--clr-accent:#ff6347;--fs-base:16px}body.cb-mode{--clr-main:#005bbb;--clr-accent:#b15b00}body.big-font{--fs-base:19.2px}html,body{font-size:var(--fs-base)}.btn{background:var(--clr-main)}.btn-accent{background:var(--clr-accent)}.progress-bar{height:24px;background:#1e90ff}.collection-stats{grid-column:1 / -1;background:linear-gradient(145deg,#ffd700e6,#ffa500cc);border:3px solid #DAA520;border-radius:15px;padding:20px;text-align:center;box-shadow:0 6px 12px #0000004d,inset 0 2px #ffffff4d;animation:collectStatsGlow 3s ease-in-out infinite alternate}@keyframes collectStatsGlow{0%{box-shadow:0 6px 12px #0000004d,inset 0 2px #ffffff4d}to{box-shadow:0 8px 16px #ffd70066,inset 0 2px #fff6}}.stats-text{font-size:20px;font-weight:700;color:#8b4513;text-shadow:2px 2px 4px rgba(255,255,255,.5);margin-bottom:15px}.progress-fill{height:100%;background:linear-gradient(90deg,#32cd32,#228b22,#32cd32);background-size:200% 100%;border-radius:13px;transition:width .8s ease-in-out;animation:progressShine 2s linear infinite;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressGloss 2s ease-in-out infinite}@keyframes progressShine{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes progressGloss{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.dex-navigation{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#8b4513cc;border:2px solid #8B4513;border-radius:10px;box-shadow:0 4px 8px #0000004d;color:#fff;flex-wrap:wrap;gap:10px}.dex-navigation button{background:linear-gradient(145deg,peru,#8b4513);color:#fff;border:2px solid #D2B48C;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0003;white-space:nowrap}.dex-navigation button:hover:not(:disabled){background:linear-gradient(145deg,tan,peru);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.dex-navigation button:disabled{background:#555;border-color:#777;cursor:not-allowed;opacity:.6;transform:none}.dex-navigation button.sort-active{background:linear-gradient(145deg,gold,orange);border-color:gold;color:#8b4513}.dex-navigation button.sort-active:hover{background:linear-gradient(145deg,orange,#ff8c00)}.region-filter{background:linear-gradient(145deg,wheat,#deb887);color:#8b4513;border:2px solid #8B4513;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0003;min-width:120px}.region-filter:hover{background:linear-gradient(145deg,#deb887,tan);transform:translateY(-1px);box-shadow:0 3px 6px #0000004d}.region-filter:focus{outline:none;border-color:peru;box-shadow:0 0 0 3px #cd853f4d}.region-filter option{background:wheat;color:#8b4513;font-weight:700}.page-info{font-size:16px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);white-space:nowrap}.new-badge{position:absolute;top:-5px;right:-5px;background:linear-gradient(145deg,#ff6b6b,#ff4757);color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:12px;border:2px solid #FF3742;box-shadow:0 2px 4px #0000004d;animation:pulse 2s infinite;z-index:10}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.monster-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:linear-gradient(145deg,wheat,#deb887);border:4px solid #8B4513;border-radius:20px;padding:30px;max-width:500px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 10px 30px #00000080;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-50px) scale(.9)}to{transform:translateY(0) scale(1)}}.modal-monster-image{width:200px;height:auto;display:block;margin:0 auto 20px;border-radius:15px;box-shadow:0 4px 8px #0000004d;image-rendering:pixelated}.monster-info{text-align:center;color:#2f1b14}.monster-info h2{font-size:28px;margin-bottom:20px;color:#8b4513;text-shadow:2px 2px 4px rgba(255,255,255,.5)}.monster-info p{font-size:16px;margin:10px 0;line-height:1.5}.monster-info strong{color:sienna}@media (max-width: 768px){.collection-stats{padding:15px}.stats-text{font-size:16px}.progress-bar{height:20px}.dex-navigation{flex-direction:column;align-items:stretch}.nav-controls-left,.nav-controls-center,.nav-controls-right{justify-content:center;flex-wrap:wrap}.dex-navigation button,.region-filter{font-size:12px;padding:6px 12px}.page-info{font-size:14px}#monsterContainer{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:15px}.monster-card{width:auto}}.settings-container{position:fixed;top:15%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:20px;z-index:1000;pointer-events:auto;max-width:600px;width:90%;max-height:75vh;overflow-y:auto}.settings-panel{background:linear-gradient(145deg,#f1c40ff2,#e67e22e6);border:3px solid #8B4513;border-radius:15px;padding:25px;box-shadow:0 8px 16px #0000004d,inset 0 2px #fff3;animation:panelFadeIn .5s ease-out}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.panel-title{margin:0 0 20px;font-size:24px;font-weight:700;color:#2c3e50;text-align:center;text-shadow:2px 2px 4px rgba(255,255,255,.5);font-family:UDデジタル教科書体,sans-serif}.setting-group{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:15px;background:#ffffff1a;border-radius:10px;flex-wrap:wrap;gap:10px}.setting-label{font-size:18px;font-weight:700;color:#2c3e50;text-shadow:1px 1px 2px rgba(255,255,255,.3);font-family:UDデジタル教科書体,sans-serif;min-width:120px}.volume-slider{flex:1;min-width:150px;height:8px;background:transparent;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.volume-slider::-webkit-slider-track{height:8px;background:linear-gradient(90deg,#8b4513,peru);border-radius:4px;border:2px solid #5D4E37;box-shadow:inset 0 2px 4px #0000004d}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:linear-gradient(145deg,gold,orange);border:3px solid #8B4513;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{background:linear-gradient(145deg,orange,#ff8c00);transform:scale(1.1);box-shadow:0 4px 8px #0006}.volume-slider::-moz-range-track{height:8px;background:linear-gradient(90deg,#8b4513,peru);border-radius:4px;border:2px solid #5D4E37;box-shadow:inset 0 2px 4px #0000004d}.volume-slider::-moz-range-thumb{width:24px;height:24px;background:linear-gradient(145deg,gold,orange);border:3px solid #8B4513;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:all .2s ease}.volume-value{font-size:16px;font-weight:700;color:#8b4513;background:#fffc;padding:5px 10px;border-radius:15px;min-width:50px;text-align:center;font-family:UDデジタル教科書体,sans-serif;box-shadow:0 2px 4px #0003}.toggle-switch{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:15px;font-family:UDデジタル教科書体,sans-serif}.toggle-switch input[type=checkbox]{display:none}.toggle-switch .slider{position:relative;width:60px;height:30px;background:linear-gradient(145deg,#8b4513,sienna);border:2px solid #5D4E37;border-radius:15px;transition:all .3s ease;box-shadow:inset 0 2px 4px #0000004d,0 2px 4px #0003}.toggle-switch .slider:before{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:linear-gradient(145deg,#deb887,tan);border-radius:50%;transition:all .3s ease;box-shadow:0 2px 6px #0000004d}.toggle-switch input[type=checkbox]:checked+.slider{background:linear-gradient(145deg,#32cd32,#228b22);border-color:#1f5f1f}.toggle-switch input[type=checkbox]:checked+.slider:before{transform:translate(30px);background:linear-gradient(145deg,gold,orange)}.toggle-switch:hover .slider{box-shadow:inset 0 2px 4px #0000004d,0 4px 8px #0000004d}.toggle-label{font-size:18px;font-weight:700;color:#2c3e50;text-shadow:1px 1px 2px rgba(255,255,255,.3)}@media (max-width: 768px){.settings-container{top:15%;width:95%;max-height:55vh;margin-bottom:180px}.settings-panel{padding:20px}.panel-title{font-size:20px}.setting-group{flex-direction:column;align-items:stretch;text-align:center}.setting-label{margin-bottom:10px;min-width:auto}.volume-slider{min-width:200px}.toggle-switch{justify-content:center}.toggle-label{font-size:16px}}@media (max-width: 480px){.settings-container{top:10%;width:98%;gap:15px;max-height:50vh;margin-bottom:160px}.settings-panel{padding:15px}.panel-title{font-size:18px;margin-bottom:15px}.setting-group{padding:12px;margin-bottom:15px}.setting-label{font-size:16px}.toggle-label,.volume-value{font-size:14px}}.toggle-label-container{display:flex;align-items:center;gap:8px}.tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:linear-gradient(145deg,#3498db,#2980b9);color:#fff;border-radius:50%;font-size:12px;font-weight:700;cursor:help;transition:all .2s ease;box-shadow:0 2px 4px #0003;-webkit-user-select:none;user-select:none}.tooltip-trigger:hover{background:linear-gradient(145deg,#5dade2,#3498db);transform:scale(1.1);box-shadow:0 3px 6px #0000004d}.settings-tooltip{position:fixed;background:linear-gradient(145deg,#2c3e50,#34495e);color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;font-family:UDデジタル教科書体,sans-serif;max-width:300px;line-height:1.4;z-index:10001;box-shadow:0 4px 12px #0000004d;border:2px solid #3498db;opacity:0;transform:translateY(-10px);transition:all .3s ease;pointer-events:none}.settings-tooltip:before{content:"";position:absolute;top:-8px;left:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #3498db}.settings-tooltip:after{content:"";position:absolute;top:-6px;left:21px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #2c3e50}.reset-loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease}.loading-message-container{background:linear-gradient(145deg,#2c3e50,#34495e);border:3px solid #3498db;border-radius:15px;padding:30px;text-align:center;box-shadow:0 8px 24px #0006;animation:slideIn .5s ease}.loading-spinner{width:40px;height:40px;border:4px solid rgba(52,152,219,.3);border-left:4px solid #3498db;border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#fff;font-size:18px;font-weight:700;font-family:UDデジタル教科書体,sans-serif;text-shadow:2px 2px 4px rgba(0,0,0,.5)}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.volume-slider::-webkit-slider-thumb:active{background:linear-gradient(145deg,#ff8c00,tomato);transform:scale(1.2);box-shadow:0 6px 12px #00000080}.toggle-switch .slider:active{transform:scale(.98)}.toggle-switch input[type=checkbox]:checked+.slider:active{background:linear-gradient(145deg,#28a745,#1e7e34)}@media (max-width: 480px){.settings-tooltip{max-width:250px;font-size:12px;padding:10px 12px}.tooltip-trigger{width:18px;height:18px;font-size:10px}.loading-message-container{margin:20px;padding:25px}.loading-text{font-size:16px}}@media (prefers-reduced-motion: reduce){.settings-tooltip,.loading-spinner,.reset-loading-overlay{animation:none;transition:none}.loading-spinner{border-left-color:#3498db;animation:none}}.tooltip-trigger:focus{outline:none;box-shadow:0 0 0 3px #3498db66}.volume-slider:focus{outline:none;box-shadow:0 0 0 3px #3498db66}.toggle-switch input[type=checkbox]:focus+.slider{box-shadow:inset 0 2px 4px #0000004d,0 2px 4px #0003,0 0 0 3px #3498db66}.settings-container::-webkit-scrollbar{width:12px}.settings-container::-webkit-scrollbar-track{background:linear-gradient(180deg,#8b4513,sienna);border-radius:10px;border:2px solid #5D4E37;box-shadow:inset 0 0 6px #0000004d}.settings-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#deb887,tan,peru);border-radius:10px;border:2px solid #8B4513;box-shadow:0 2px 6px #0000004d,inset 0 1px #fff3;transition:all .3s ease}.settings-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,wheat,#deb887,tan);box-shadow:0 4px 8px #0006,inset 0 1px #ffffff4d;transform:scale(1.05)}.settings-container::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,peru,tan,#deb887);box-shadow:inset 0 2px 4px #0000004d,0 1px 2px #0003}.settings-container{scrollbar-width:thin;scrollbar-color:#D2B48C #8B4513}#monsterContainer::-webkit-scrollbar{width:14px}#monsterContainer::-webkit-scrollbar-track{background:linear-gradient(180deg,#8b4513,sienna);border-radius:12px;border:2px solid #5D4E37;box-shadow:inset 0 0 8px #0006}#monsterContainer::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#deb887,tan,peru);border-radius:12px;border:2px solid #8B4513;box-shadow:0 3px 8px #0000004d,inset 0 1px #fff3;transition:all .3s ease}#monsterContainer::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,wheat,#deb887,tan);box-shadow:0 5px 12px #0006,inset 0 1px #ffffff4d}#monsterContainer::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,peru,tan,#deb887);box-shadow:inset 0 3px 6px #0000004d,0 2px 4px #0003}.settings-container::-webkit-scrollbar-corner{background:linear-gradient(135deg,#8b4513,sienna);border-radius:6px}.settings-container:has(.settings-tooltip){scrollbar-gutter:stable}#gameCanvas{transition:cursor .1s ease}.settings-panel{animation:panelFadeIn .5s ease-out,subtleFloat 6s ease-in-out infinite}@keyframes subtleFloat{0%,to{transform:translateY(0);box-shadow:0 8px 16px #0000004d,inset 0 2px #fff3}50%{transform:translateY(-2px);box-shadow:0 12px 20px #00000059,inset 0 2px #ffffff40}}.volume-slider::-webkit-slider-thumb{animation:subtlePulse 3s ease-in-out infinite}@keyframes subtlePulse{0%,to{box-shadow:0 2px 6px #0000004d}50%{box-shadow:0 2px 6px #0000004d,0 0 15px #ffd7004d}}.toggle-switch input[type=checkbox]:checked+.slider{animation:toggleActivate .4s ease-out}@keyframes toggleActivate{0%{background:linear-gradient(145deg,#8b4513,sienna)}50%{background:linear-gradient(145deg,#32cd32,#228b22);box-shadow:inset 0 2px 4px #0000004d,0 2px 4px #0003,0 0 20px #32cd3280}to{background:linear-gradient(145deg,#32cd32,#228b22)}}.settings-panel,.volume-slider::-webkit-slider-thumb,.toggle-switch .slider,.settings-tooltip,.reset-loading-overlay{will-change:transform;transform:translateZ(0)}@media (max-width: 768px){.settings-container::-webkit-scrollbar{width:10px}#monsterContainer::-webkit-scrollbar{width:12px}@media (hover: none) and (pointer: coarse){.settings-container::-webkit-scrollbar{width:8px}.settings-container::-webkit-scrollbar-thumb{border-radius:4px}}}@media (prefers-reduced-motion: reduce){.settings-panel{animation:panelFadeIn .5s ease-out}.volume-slider::-webkit-slider-thumb,.toggle-switch input[type=checkbox]:checked+.slider{animation:none}.settings-container::-webkit-scrollbar-thumb{transition:none}}@media (prefers-contrast: high){.settings-container::-webkit-scrollbar-track{background:#000;border-color:#fff}.settings-container::-webkit-scrollbar-thumb{background:#fff;border-color:#000}}.volume-value{transition:all .2s ease}.volume-value:has(+.volume-slider:active){transform:scale(1.05);box-shadow:0 3px 6px #0000004d}.tooltip-trigger{position:relative;overflow:hidden}.tooltip-trigger:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease}.tooltip-trigger:hover:before{width:100%;height:100%}.settings-button-section{display:flex;flex-direction:column;gap:15px;margin-top:20px;padding:20px;background:#ffffff0d;border-radius:15px;border:2px solid rgba(139,69,19,.3)}.settings-button{padding:15px 25px;border:none;border-radius:12px;font-size:18px;font-weight:700;font-family:UDデジタル教科書体,sans-serif;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-height:50px;box-shadow:0 4px 8px #0003;text-shadow:1px 1px 2px rgba(0,0,0,.3);transform:translateY(0)}.settings-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.settings-button:hover:before{left:100%}.settings-button.primary{background:linear-gradient(145deg,#3498db,#2980b9);color:#fff;border:2px solid #2471a3}.settings-button.primary:hover{background:linear-gradient(145deg,#5dade2,#3498db);transform:translateY(-3px);box-shadow:0 8px 16px #3498db66;border-color:#3498db}.settings-button.primary:active{transform:translateY(-1px);box-shadow:0 4px 8px #3498db4d}.settings-button.danger{background:linear-gradient(145deg,#e74c3c,#c0392b);color:#fff;border:2px solid #a93226}.settings-button.danger:hover{background:linear-gradient(145deg,#ec7063,#e74c3c);transform:translateY(-3px);box-shadow:0 8px 16px #e74c3c66;border-color:#e74c3c}.settings-button.danger:active{transform:translateY(-1px);box-shadow:0 4px 8px #e74c3c4d}.settings-button:focus{outline:none;box-shadow:0 4px 8px #0003,0 0 0 3px #3498db66}.settings-button.danger:focus{box-shadow:0 4px 8px #0003,0 0 0 3px #e74c3c66}.settings-button:active{transition:all .1s ease}.settings-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.settings-button:active:after{width:300px;height:300px}@media (max-width: 768px){.settings-button-section{padding:15px;gap:12px}.settings-button{padding:12px 20px;font-size:16px;min-height:45px}}@media (max-width: 480px){.settings-button-section{margin-top:15px;padding:12px;gap:10px}.settings-button{padding:10px 18px;font-size:14px;min-height:40px}}@media (prefers-reduced-motion: reduce){.settings-button,.settings-button:before,.settings-button:after{transition:none;animation:none}.settings-button:hover{transform:none}}@media (prefers-contrast: high){.settings-button{border-width:3px}.settings-button.primary{background:#06c;border-color:#049}.settings-button.danger{background:#c00;border-color:#900}}@media (hover: none) and (pointer: coarse){.settings-button:hover{transform:none;background:inherit}.settings-button:active{transform:scale(.95)}}.settings-title{font-size:40px;font-weight:700;color:#fff;text-align:center;margin:0 0 30px;padding:20px;background:linear-gradient(145deg,#000c,#0009);border:3px solid rgba(255,255,255,.3);border-radius:15px;box-shadow:0 6px 12px #00000080,inset 0 2px #ffffff1a;text-shadow:2px 2px 4px rgba(0,0,0,.8);font-family:UDデジタル教科書体,sans-serif;animation:panelFadeIn .5s ease-out}@media (max-width: 768px){.settings-title{font-size:32px;padding:15px;margin-bottom:20px}}@media (max-width: 480px){.settings-title{font-size:28px;padding:12px;margin-bottom:15px}}@media (prefers-reduced-motion: reduce){.settings-title{animation:none}}@media (prefers-contrast: high){.settings-title{background:#000;color:#fff;border-color:#fff;text-shadow:none}}.kanji-dex-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;pointer-events:auto;display:flex;flex-direction:column;gap:10px;padding:20px;box-sizing:border-box;overflow:hidden;background:radial-gradient(circle at 20% 30%,rgba(139,69,19,.3) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(160,82,45,.2) 0%,transparent 50%),linear-gradient(135deg,#2c1810,#3d2414,#2c1810,#3d2414,#2c1810);background-image:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(222,184,135,.1) 3px,rgba(222,184,135,.1) 6px),repeating-linear-gradient(-45deg,transparent,transparent 3px,rgba(139,69,19,.05) 3px,rgba(139,69,19,.05) 6px)}.kanji-collection-stats{background:linear-gradient(145deg,#f5deb3f2,#deb887e6);border:3px solid #8B4513;border-radius:15px;padding:20px;text-align:center;box-shadow:0 6px 12px #0006,inset 0 2px #ffffff4d;animation:kanjiStatsGlow 4s ease-in-out infinite alternate}@keyframes kanjiStatsGlow{0%{box-shadow:0 6px 12px #0006,inset 0 2px #ffffff4d}to{box-shadow:0 8px 16px #8b451366,inset 0 2px #fff6}}.kanji-stats-text{font-size:18px;font-weight:700;color:#8b4513;text-shadow:2px 2px 4px rgba(255,255,255,.6);margin-bottom:15px;font-family:UDデジタル教科書体,sans-serif}.kanji-progress-bar{width:100%;height:25px;background:#8b451366;border:2px solid #8B4513;border-radius:15px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000004d}.kanji-progress-fill{height:100%;background:linear-gradient(90deg,#daa520,peru,#daa520);background-size:200% 100%;border-radius:13px;transition:width .8s ease-in-out;animation:kanjiProgressShine 3s linear infinite;position:relative}@keyframes kanjiProgressShine{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes kanjiProgressGloss{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.kanji-dex-navigation{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#a0522de6;border:2px solid #8B4513;border-radius:10px;box-shadow:0 4px 8px #0006;color:#fff;flex-wrap:wrap;gap:10px}.nav-controls-left,.nav-controls-center,.nav-controls-right{display:flex;align-items:center;gap:10px}.nav-controls-center{flex:1;justify-content:center}.kanji-dex-navigation button{background:linear-gradient(145deg,tan,peru);color:#fff;border:2px solid #8B4513;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000004d;white-space:nowrap;font-family:UDデジタル教科書体,sans-serif}.kanji-dex-navigation button:hover:not(:disabled){background:linear-gradient(145deg,wheat,tan);transform:translateY(-2px);box-shadow:0 4px 8px #0006}.kanji-dex-navigation button:disabled{background:#5d4e37;border-color:#8b4513;cursor:not-allowed;opacity:.6;transform:none}.kanji-dex-navigation button.sort-active{background:linear-gradient(145deg,gold,orange);border-color:gold;color:#fff;box-shadow:0 4px 8px #daa52066}.kanji-dex-navigation button.sort-active:hover{background:linear-gradient(145deg,orange,#ff8c00)}.kanji-toggle-switch{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:12px;font-family:UDデジタル教科書体,sans-serif}.kanji-toggle-switch input[type=checkbox]{display:none}.kanji-toggle-switch .slider{position:relative;width:60px;height:30px;background:linear-gradient(145deg,#8b4513,sienna);border:2px solid #5D4E37;border-radius:15px;transition:all .3s ease;box-shadow:inset 0 2px 4px #0000004d,0 2px 4px #0003}.kanji-toggle-switch .slider:before{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:linear-gradient(145deg,wheat,tan);border-radius:50%;transition:all .3s ease;box-shadow:0 2px 6px #0000004d}.kanji-toggle-switch input[type=checkbox]:checked+.slider{background:linear-gradient(145deg,#32cd32,#228b22);border-color:#1f5f1f}.kanji-toggle-switch input[type=checkbox]:checked+.slider:before{transform:translate(30px);background:linear-gradient(145deg,gold,orange)}.kanji-toggle-switch:hover .slider{box-shadow:inset 0 2px 4px #0000004d,0 4px 8px #0000004d}.toggle-label{font-size:16px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.page-info{font-size:16px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);white-space:nowrap;font-family:UDデジタル教科書体,sans-serif}@media (max-width: 768px){.kanji-dex-container{padding:15px;gap:8px}.kanji-collection-stats{padding:15px}.kanji-stats-text{font-size:16px}.kanji-progress-bar{height:20px}.kanji-dex-navigation{flex-direction:column;align-items:stretch;padding:12px;gap:8px}.nav-controls-left,.nav-controls-center,.nav-controls-right{justify-content:center;flex-wrap:wrap}.kanji-dex-navigation button{font-size:12px;padding:6px 12px}.page-info,.toggle-label{font-size:14px}}@media (max-width: 480px){.kanji-dex-container{padding:10px;gap:6px}.kanji-collection-stats{padding:12px}.kanji-stats-text{font-size:14px}.kanji-dex-navigation{padding:10px}.kanji-dex-navigation button{font-size:11px;padding:5px 10px}.kanji-toggle-switch .slider{width:50px;height:25px}.kanji-toggle-switch .slider:before{width:19px;height:19px}.kanji-toggle-switch input[type=checkbox]:checked+.slider:before{transform:translate(25px)}}.kanji-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;padding:20px;overflow-y:auto;max-height:calc(100vh - 220px)}.kanji-card{position:relative;background:linear-gradient(145deg,#deb887e6,#a0522dcc);border:3px solid #8B4513;border-radius:12px;padding:15px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000004d,inset 0 1px #fff3;display:flex;flex-direction:column;align-items:center}.kanji-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 12px 24px #0006,inset 0 1px #ffffff4d;border-color:peru}.kanji-card.locked{filter:grayscale(1) brightness(.4);background:#0009;border-color:#444;cursor:default}.kanji-card.locked:hover{transform:none;box-shadow:0 4px 8px #0000004d}.kanji-character{font-size:48px;margin:5px 0 15px;color:#2f1b14;text-shadow:1px 1px 3px rgba(255,255,255,.5)}.kanji-info{width:100%}.kanji-info p{margin:5px 0;font-size:12px;color:#5d4e37}.kanji-grade{font-weight:700;color:#8b4513!important}.kanji-reading{font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanji-strokes{font-weight:700}.kanji-locked-message{color:#777!important;font-style:italic}.kanji-mastery{display:flex;align-items:center;justify-content:center;margin-top:8px;flex-wrap:wrap}.mastery-star{margin:0 2px;animation:starPulse 2s infinite alternate}@keyframes starPulse{0%{text-shadow:0 0 2px rgba(255,215,0,.3)}to{text-shadow:0 0 8px rgba(255,215,0,.8)}}.mastery-accuracy{margin-left:5px;font-size:11px;color:#8b4513;font-weight:700}.kanji-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:linear-gradient(145deg,wheat,#deb887);border:4px solid #8B4513;border-radius:20px;padding:30px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 10px 30px #00000080;animation:slideIn .3s ease}.modal-close{position:absolute;top:15px;right:20px;background:#ff6b6b;color:#fff;border:none;border-radius:50%;width:35px;height:35px;font-size:20px;font-weight:700;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:#ff4757;transform:scale(1.1)}.modal-kanji{font-size:80px;text-align:center;margin:0 0 20px;color:#8b4513;text-shadow:2px 2px 4px rgba(255,255,255,.6)}.kanji-detail-info{display:flex;flex-direction:column;gap:20px}.kanji-basic-info{background:#ffffff4d;padding:15px;border-radius:10px;border:1px solid #CD853F}.kanji-basic-info p{margin:8px 0;font-size:16px;color:#5d4e37}.kanji-stats-section{background:#ffffff4d;padding:15px;border-radius:10px;border:1px solid #CD853F}.kanji-stats-section h3{margin-top:0;color:#8b4513;border-bottom:1px solid #CD853F;padding-bottom:8px}.mastery-level{font-size:18px;margin-bottom:15px}.stats-details{display:flex;flex-direction:column;gap:10px}.accuracy-graph-container{margin:15px 0}.accuracy-graph{display:flex;height:30px;width:100%;border-radius:15px;overflow:hidden;box-shadow:0 2px 4px #0003}.correct-bar{height:100%;background:linear-gradient(90deg,#2ecc71cc,#27ae60e6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);padding:0 10px;min-width:40px}.incorrect-bar{height:100%;background:linear-gradient(90deg,#e74c3ccc,#c0392be6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);padding:0 10px;min-width:40px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width: 768px){.kanji-card-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;padding:15px}.kanji-character{font-size:40px}.modal-content{padding:20px}.modal-kanji{font-size:60px}}@media (max-width: 480px){.kanji-card-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;padding:10px}.kanji-character{font-size:36px}.kanji-info p{font-size:11px}.modal-content{padding:15px}.modal-kanji{font-size:50px}.kanji-basic-info p{font-size:14px}}@media (prefers-reduced-motion: reduce){.kanji-collection-stats,.kanji-progress-fill,.kanji-progress-fill:after{animation:none}.kanji-dex-navigation button{transition:none}.kanji-toggle-switch .slider,.kanji-toggle-switch .slider:before{transition:none}}@media (prefers-contrast: high){.kanji-dex-container{background:#000}.kanji-collection-stats{background:#fff;border-color:#000;color:#000}.kanji-stats-text{color:#000;text-shadow:none}.kanji-dex-navigation{background:#000;border-color:#fff}.kanji-dex-navigation button{background:#fff;color:#000;border-color:#000}.toggle-label,.page-info{color:#fff;text-shadow:none}}.kanji-dex-container{background:radial-gradient(circle at 30% 20%,rgba(222,184,135,.15) 0%,transparent 35%),radial-gradient(circle at 70% 80%,rgba(205,133,63,.1) 0%,transparent 40%),linear-gradient(135deg,#2c1810,#3d2414,#2c1810,#3d2414,#2c1810);background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='rgba(139, 69, 19, 0.05)' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E"),repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(222,184,135,.05) 3px,rgba(222,184,135,.05) 6px),repeating-linear-gradient(-45deg,transparent,transparent 3px,rgba(139,69,19,.03) 3px,rgba(139,69,19,.03) 6px)}.kanji-collection-stats{background:linear-gradient(145deg,#f5deb3f2,#cd853fd9);border:3px solid #8B4513;border-radius:15px;padding:20px;text-align:center;box-shadow:0 6px 12px #0006,inset 0 2px #ffffff4d;position:relative;overflow:hidden}.kanji-collection-stats:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23deb887' fill-opacity='0.1' fill-rule='evenodd'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/svg%3E");opacity:.1;pointer-events:none}.kanji-progress-bar{width:100%;height:25px;background:#8b451333;border:2px solid #8B4513;border-radius:15px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0003}.kanji-progress-fill{height:100%;background:linear-gradient(90deg,#daa520,peru,#b8860b);background-size:200% 100%;border-radius:13px;transition:width .8s ease-in-out;animation:kanjiProgressShine 3s linear infinite;position:relative}.kanji-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:kanjiProgressGloss 2.5s ease-in-out infinite}.kanji-dex-navigation{background:linear-gradient(to bottom,#8b4513f2,#654321e6);border:2px solid #8B4513;border-radius:10px;box-shadow:0 4px 8px #0006,inset 0 1px #deb88733;position:relative;overflow:hidden}.kanji-dex-navigation:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f5deb3' fill-opacity='0.05' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 5v1H5V0zm1 5v1H5L6 5z'/%3E%3C/g%3E%3C/svg%3E");opacity:.1;pointer-events:none}.kanji-dex-navigation button{background:linear-gradient(145deg,tan,peru);color:#fff;border:2px solid #8B4513;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000004d,inset 0 1px #fff3;position:relative;overflow:hidden}.kanji-dex-navigation button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.kanji-dex-navigation button:hover:before{left:100%}.kanji-dex-navigation button:hover{background:linear-gradient(145deg,#deb887,tan);transform:translateY(-2px);box-shadow:0 4px 8px #0006,inset 0 1px #ffffff4d}.kanji-dex-navigation button.sort-active{background:linear-gradient(145deg,#daa520,#b8860b);border-color:#8b4513;color:#fff;box-shadow:0 2px 4px #0000004d,inset 0 1px #ffd7004d}.kanji-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;padding:20px;overflow-y:auto;max-height:calc(100vh - 220px);scrollbar-width:thin;scrollbar-color:#CD853F #2c1810}.kanji-card-grid::-webkit-scrollbar{width:12px}.kanji-card-grid::-webkit-scrollbar-track{background:linear-gradient(180deg,#3d2414,#2c1810);border-radius:10px;border:1px solid #5D4E37}.kanji-card-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,peru,#8b4513);border-radius:10px;border:1px solid #DEB887;box-shadow:inset 0 0 3px #fff3}.kanji-card{background:linear-gradient(145deg,#f5deb3e6,#deb887cc);border:3px solid #8B4513;border-radius:12px;padding:15px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000004d,inset 0 1px #fff3;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.kanji-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%238b4513' fill-opacity='0.05' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");opacity:.1;pointer-events:none}.kanji-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(139,69,19,.3);border-radius:10px;box-shadow:inset 0 0 10px #8b45131a;pointer-events:none}.kanji-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 12px 24px #0006,inset 0 1px #ffffff4d;border-color:#b8860b}.kanji-character{font-size:48px;margin:5px 0 15px;color:#2f1b14;text-shadow:1px 1px 3px rgba(255,255,255,.5);font-family:serif;position:relative;z-index:1}.kanji-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background:linear-gradient(145deg,wheat,#deb887);border:4px solid #8B4513;border-radius:20px;padding:30px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #00000080;animation:slideIn .3s ease;position:relative}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%238b4513' fill-opacity='0.05'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:-1}.modal-kanji{font-size:80px;text-align:center;margin:0 0 20px;color:#8b4513;text-shadow:2px 2px 4px rgba(255,255,255,.6);font-family:serif;position:relative}.modal-kanji:after{content:attr(data-text);position:absolute;top:2px;left:2px;color:#0000001a;z-index:-1}.accuracy-graph{border:2px solid #8B4513;border-radius:15px;overflow:hidden;box-shadow:0 2px 4px #0003}.mastery-star{font-size:16px;margin:0 2px}.mastery-star.gold{color:#daa520;text-shadow:0 0 5px rgba(255,215,0,.7);animation:goldStarPulse 2s infinite alternate}.mastery-star.silver{color:silver;text-shadow:0 0 4px rgba(192,192,192,.6);animation:silverStarPulse 2.5s infinite alternate}.mastery-star.bronze{color:#cd7f32;text-shadow:0 0 3px rgba(205,127,50,.5);animation:bronzeStarPulse 3s infinite alternate}@keyframes goldStarPulse{0%{text-shadow:0 0 3px rgba(255,215,0,.3);transform:scale(1)}to{text-shadow:0 0 10px rgba(255,215,0,.8);transform:scale(1.1)}}@keyframes silverStarPulse{0%{text-shadow:0 0 2px rgba(192,192,192,.3);transform:scale(1)}to{text-shadow:0 0 8px rgba(192,192,192,.7);transform:scale(1.05)}}@keyframes bronzeStarPulse{0%{text-shadow:0 0 2px rgba(205,127,50,.3);transform:scale(1)}to{text-shadow:0 0 6px rgba(205,127,50,.6);transform:scale(1.03)}}.settings-panel{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:20px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.setting-group{margin-bottom:16px}.setting-label-with-tooltip{display:flex;align-items:center;margin-bottom:8px;gap:8px}.setting-label{color:#fff;font-size:14px;font-weight:500;font-family:UDデジタル教科書体,sans-serif}.slider-container{display:flex;align-items:center;gap:12px}.heal-count-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:200px;height:6px;border-radius:3px;background:#fff3;outline:none;transition:all .2s ease}.heal-count-slider:hover{background:#ffffff4d}.heal-count-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#3498db,#2980b9);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003;transition:all .2s ease}.heal-count-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 6px #0000004d}.heal-count-slider::-webkit-slider-thumb:active{transform:scale(.95)}.heal-count-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#3498db,#2980b9);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003;transition:all .2s ease}.heal-count-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 6px #0000004d}.heal-count-value{color:#3498db;font-weight:700;font-size:16px;min-width:40px;text-align:center;font-family:UDデジタル教科書体,sans-serif;transition:all .3s ease}.panel-title{color:#fff;font-size:18px;font-weight:700;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid rgba(255,255,255,.1);font-family:UDデジタル教科書体,sans-serif}.tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#3498dbcc;color:#fff;font-size:12px;font-weight:700;cursor:help;transition:all .2s ease;border:1px solid rgba(255,255,255,.3)}.tooltip-trigger:hover{background:#3498db;transform:scale(1.1);box-shadow:0 2px 4px #0003}.settings-tooltip{position:absolute;background:#2c3e50f2;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;max-width:250px;z-index:1000;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000004d;opacity:0;transform:translateY(-5px);transition:all .2s ease;font-family:UDデジタル教科書体,sans-serif;line-height:1.4}.settings-tooltip.show{opacity:1;transform:translateY(0)}.heal-count-slider::-webkit-slider-track{background:linear-gradient(to right,#e74c3cb3,#f1c40fb3,#2ecc71b3);border-radius:3px}.heal-count-slider::-moz-range-track{background:linear-gradient(to right,#e74c3cb3,#f1c40fb3,#2ecc71b3);border-radius:3px;border:none}.heal-count-slider:focus{box-shadow:0 0 0 3px #3498db4d}.heal-count-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #3498db4d}@media (max-width: 600px){.slider-container{flex-direction:column;align-items:flex-start;gap:8px}.heal-count-slider{width:100%;min-width:200px}.heal-count-value{align-self:center}}.level-radio-container{display:flex;flex-direction:column;gap:12px;margin:15px 0}.level-option{display:flex!important;align-items:flex-start;padding:16px;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;cursor:pointer;transition:all .3s ease;min-height:auto}.level-option:hover{border-color:#fff6;background:#ffffff1a;transform:translateY(-2px)}.level-option input[type=radio]:checked+.radio-custom+.level-option-content{color:#3498db}.level-option input[type=radio]:checked~*{color:#3498db}.level-option-content{flex:1;margin-left:12px}.level-option-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}.level-option-description{font-size:13px;color:#fffc;margin-bottom:6px;line-height:1.4}.level-option-stats{font-size:12px;color:#f39c12;font-weight:700}.current-level-display{margin:12px 0 20px;padding:12px 16px;background:linear-gradient(135deg,#3498db33,#2ecc7133);border:1px solid rgba(52,152,219,.4);border-radius:6px}.current-level-info{display:flex;align-items:center;gap:8px}.current-level-label{font-size:14px;color:#ffffffe6}.current-level-value{font-size:14px;font-weight:700;color:#3498db}.level-change-button{width:100%;padding:12px 20px;background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:not-allowed;transition:all .3s ease;margin-top:16px;opacity:.6}.level-change-button.enabled{background:linear-gradient(135deg,#e74c3c,#c0392b);cursor:pointer;opacity:1}.level-change-button.enabled:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.level-change-button:disabled{background:linear-gradient(135deg,#95a5a6,#7f8c8d);cursor:not-allowed;opacity:.6}.level-option .radio-custom{width:20px;height:20px;flex-shrink:0;margin-top:2px}@media (max-width: 600px){.level-option{padding:12px}.level-option-title{font-size:15px}.level-option-description{font-size:12px}.level-radio-container{gap:10px}.current-level-display{padding:10px 12px}.current-level-info{flex-direction:column;align-items:flex-start;gap:4px}}@keyframes levelChangeSuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.level-change-button.success{animation:levelChangeSuccess .6s ease-in-out}