:root{--bg-primary: #f5f3ee;--bg-secondary: #fff;--bg-tertiary: #faf8f4;--bg-board: #fff;--bg-given: #f0ede6;--bg-selected: #fff8e1;--bg-highlighted: #faf8f4;--bg-error: #fde8e8;--bg-same-number: #e8f0ff;--bg-loading: rgba(255, 255, 255, .92);--bg-modal-overlay: rgba(20, 16, 10, .5);--bg-modal: #fff;--bg-cookie: #2d2820;--bg-kbd: #f0ede6;--bg-tip: #faf8f4;--bg-btn-secondary: #f5f3ee;--bg-erase: #fef5f5;--text-primary: #1a1a1a;--text-secondary: #4a4030;--text-tertiary: #5a5040;--text-muted: #7a7060;--text-faint: #a0988c;--text-heading: #2d2820;--text-user-input: #1d54a0;--text-error: #9b1c1c;--text-success: #1a6b3a;--text-memo: #7a7060;--text-subtitle: #7a7060;--border-primary: #1a1a1a;--border-secondary: #c8c0b0;--border-tertiary: #d8d0c4;--border-light: #e8e4dc;--border-board: #b0a898;--border-erase: #e0b0b0;--border-kbd: #c8c0b0;--border-lang: #8a8070;--accent-purple: #5b3fa0;--accent-purple-hover: #7b5fc0;--accent-purple-light: #f8f5ff;--accent-purple-bg: #9b85cc;--shadow-board: 0 2px 12px rgba(0, 0, 0, .08);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .15);--shadow-cookie: 0 -2px 12px rgba(0, 0, 0, .2);--shadow-toast: 0 4px 16px rgba(0, 0, 0, .2)}[data-theme=dark]{--bg-primary: #1a1a2e;--bg-secondary: #252540;--bg-tertiary: #2a2a45;--bg-board: #1e1e36;--bg-given: #2a2a48;--bg-selected: #3a3530;--bg-highlighted: #252542;--bg-error: #3d1f1f;--bg-same-number: #1e2a40;--bg-loading: rgba(26, 26, 46, .92);--bg-modal-overlay: rgba(0, 0, 0, .65);--bg-modal: #252540;--bg-cookie: #16162b;--bg-kbd: #2a2a48;--bg-tip: #2a2a45;--bg-btn-secondary: #2a2a48;--bg-erase: #3d1f1f;--text-primary: #e8e6f0;--text-secondary: #c8c4d6;--text-tertiary: #a8a4b8;--text-muted: #8a86a0;--text-faint: #6a6680;--text-heading: #d8d4e8;--text-user-input: #6aacff;--text-error: #ff6b6b;--text-success: #5cdb5c;--text-memo: #8a86a0;--text-subtitle: #8a86a0;--border-primary: #5a5678;--border-secondary: #4a4668;--border-tertiary: #3a3658;--border-light: #3a3658;--border-board: #4a4668;--border-erase: #6d3a3a;--border-kbd: #4a4668;--border-lang: #6a6680;--accent-purple: #8b6fd0;--accent-purple-hover: #a08be0;--accent-purple-light: #2a2450;--accent-purple-bg: #6b55a0;--shadow-board: 0 2px 12px rgba(0, 0, 0, .3);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .4);--shadow-cookie: 0 -2px 12px rgba(0, 0, 0, .4);--shadow-toast: 0 4px 16px rgba(0, 0, 0, .4)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary: #1a1a2e;--bg-secondary: #252540;--bg-tertiary: #2a2a45;--bg-board: #1e1e36;--bg-given: #2a2a48;--bg-selected: #3a3530;--bg-highlighted: #252542;--bg-error: #3d1f1f;--bg-same-number: #1e2a40;--bg-loading: rgba(26, 26, 46, .92);--bg-modal-overlay: rgba(0, 0, 0, .65);--bg-modal: #252540;--bg-cookie: #16162b;--bg-kbd: #2a2a48;--bg-tip: #2a2a45;--bg-btn-secondary: #2a2a48;--bg-erase: #3d1f1f;--text-primary: #e8e6f0;--text-secondary: #c8c4d6;--text-tertiary: #a8a4b8;--text-muted: #8a86a0;--text-faint: #6a6680;--text-heading: #d8d4e8;--text-user-input: #6aacff;--text-error: #ff6b6b;--text-success: #5cdb5c;--text-memo: #8a86a0;--text-subtitle: #8a86a0;--border-primary: #5a5678;--border-secondary: #4a4668;--border-tertiary: #3a3658;--border-light: #3a3658;--border-board: #4a4668;--border-erase: #6d3a3a;--border-kbd: #4a4668;--border-lang: #6a6680;--accent-purple: #8b6fd0;--accent-purple-hover: #a08be0;--accent-purple-light: #2a2450;--accent-purple-bg: #6b55a0;--shadow-board: 0 2px 12px rgba(0, 0, 0, .3);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .4);--shadow-cookie: 0 -2px 12px rgba(0, 0, 0, .4);--shadow-toast: 0 4px 16px rgba(0, 0, 0, .4)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,sans-serif;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:20px 16px;transition:background-color .3s,color .3s}#app{max-width:480px;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}header{width:100%;text-align:center}.header-title-row{display:flex;align-items:baseline;justify-content:center;gap:12px}h1{font-size:2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.subtitle{font-size:.82rem;color:var(--text-subtitle);margin-top:3px;letter-spacing:.02em}.lang-btn{padding:3px 9px;border:1.5px solid var(--border-lang);background:transparent;color:var(--text-tertiary);font-size:.72rem;font-weight:600;letter-spacing:.08em;cursor:pointer;border-radius:3px;transition:all .15s;vertical-align:middle}.lang-btn:hover{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}#start-screen{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.start-content{text-align:center;width:100%}.start-content h2{font-size:1.05rem;font-weight:600;color:var(--text-secondary);margin-bottom:18px;letter-spacing:.01em}#start-difficulty-buttons{display:flex;gap:10px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.start-diff-btn{display:flex;flex-direction:column;align-items:center;padding:14px 22px;border:1.5px solid var(--border-secondary);background:var(--bg-secondary);border-radius:6px;cursor:pointer;transition:all .15s;min-width:100px;color:var(--text-primary)}.start-diff-btn:hover{border-color:var(--border-primary)}.start-diff-btn.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}.start-diff-btn .diff-label{font-size:1rem;font-weight:700}.start-diff-btn .diff-desc{font-size:.7rem;margin-top:3px;opacity:.7}.start-actions{display:flex;flex-direction:column;align-items:center;gap:10px}#start-game{padding:13px 44px;background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:6px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:background .15s;letter-spacing:.03em}#start-game:hover{opacity:.85}#resume-game{padding:10px 36px;background:transparent;color:var(--text-primary);border:1.5px solid var(--border-primary);border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s}#resume-game:hover{background:var(--text-primary);color:var(--bg-primary)}.rules-section{width:100%;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-tertiary);overflow:hidden}.rules-section summary{padding:11px 15px;font-size:.88rem;font-weight:600;color:var(--text-heading);cursor:pointer;user-select:none;list-style:none;display:flex;align-items:center;gap:7px}.rules-section summary:before{content:"\25b6";font-size:.62rem;transition:transform .2s;color:var(--text-muted)}.rules-section[open] summary:before{transform:rotate(90deg)}.rules-content{padding:0 16px 14px}.rules-content h3{font-size:.88rem;color:var(--text-heading);margin:11px 0 5px}.rules-content h3:first-child{margin-top:0}.rules-content ul{padding-left:18px;font-size:.82rem;color:var(--text-tertiary);line-height:1.75}.rules-content p{font-size:.82rem;color:var(--text-tertiary);line-height:1.6}.rules-in-game{margin-top:0}.seo-content{width:100%;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-tertiary);padding:18px 16px}.seo-content h2{font-size:1rem;font-weight:700;color:var(--text-heading);margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid var(--border-light)}.seo-content p{font-size:.84rem;color:var(--text-tertiary);line-height:1.75;margin-bottom:8px}.seo-content p:last-child{margin-bottom:0}.tips-list{display:flex;flex-direction:column;gap:10px}.tip-item{padding:10px 12px;background:var(--bg-tip);border-radius:4px;border-left:3px solid var(--border-secondary)}.tip-item h3{font-size:.88rem;font-weight:600;color:var(--text-heading);margin-bottom:4px}.tip-item p{font-size:.82rem;color:var(--text-tertiary);line-height:1.65;margin-bottom:0}.seo-faq{padding:18px 16px}.faq-item{border-bottom:1px solid var(--border-light)}.faq-item:last-child{border-bottom:none}.faq-item summary{padding:10px 4px;font-size:.88rem;font-weight:600;color:var(--text-heading);cursor:pointer;user-select:none;list-style:none;display:flex;align-items:center;gap:7px}.faq-item summary:before{content:"Q.";font-size:.82rem;font-weight:700;color:var(--accent-purple);flex-shrink:0}.faq-item p{padding:0 4px 10px 24px;font-size:.82rem;color:var(--text-tertiary);line-height:1.7}.seo-difficulty-page{border-left:4px solid var(--accent-purple);background:var(--bg-tertiary)}.diff-page-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.diff-page-links a{display:inline-block;padding:5px 14px;background:var(--accent-purple);color:#fff;border-radius:4px;text-decoration:none;font-size:.82rem;font-weight:600;transition:background .2s}.diff-page-links a:hover{background:var(--accent-purple-hover)}.diff-page-links strong{display:inline-block;padding:5px 14px;background:var(--border-light);color:var(--text-tertiary);border-radius:4px;font-size:.82rem;font-weight:600}.breadcrumb{font-size:.72rem;color:var(--text-faint);margin-bottom:4px}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}#game-screen{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}#controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center;width:100%}#difficulty-buttons{display:flex;gap:0}.diff-btn{padding:7px 16px;border:1.5px solid var(--border-secondary);background:var(--bg-secondary);color:var(--text-secondary);font-size:.88rem;font-weight:500;cursor:pointer;transition:all .15s}.diff-btn:first-child{border-radius:4px 0 0 4px}.diff-btn:last-child{border-radius:0 4px 4px 0}.diff-btn:not(:first-child){border-left:none}.diff-btn.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}.diff-btn:hover:not(.active){background:var(--bg-primary);border-color:var(--border-lang)}#new-game{padding:7px 18px;background:transparent;color:var(--text-primary);border:1.5px solid var(--border-primary);border-radius:4px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s}#new-game:hover{background:var(--text-primary);color:var(--bg-primary)}#game-info{display:flex;gap:28px;font-size:1rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:500}#board-container{position:relative;width:100%;max-width:440px;aspect-ratio:1;flex-shrink:0;overflow:visible}#board{width:100%;height:100%;border-collapse:collapse;border:3px solid var(--border-primary);table-layout:fixed;background:var(--bg-board);box-shadow:var(--shadow-board)}#board tr{height:calc(100% / 9)}#board td{border:1px solid var(--border-board);text-align:center;vertical-align:middle;font-size:1.45rem;font-weight:500;cursor:pointer;position:relative;user-select:none;transition:background .1s;color:var(--text-primary)}#board td.given{font-weight:800;color:var(--text-primary);background:var(--bg-given)}#board td.user-input{color:var(--text-user-input)}#board td.selected{background:var(--bg-selected)!important}#board td.highlighted{background:var(--bg-highlighted)}#board td.error{color:var(--text-error);background:var(--bg-error)!important}#board td.same-number{background:var(--bg-same-number)}#board tr:nth-child(3n) td{border-bottom:3px solid var(--border-primary)}#board td:nth-child(3n){border-right:3px solid var(--border-primary)}.memo-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;position:absolute;top:0;left:0}.memo-grid span{font-size:.52rem;font-weight:400;color:var(--text-memo);display:flex;align-items:center;justify-content:center}#numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:100%;max-width:300px}.num-btn{padding:16px 8px;font-size:1.4rem;font-weight:500;border:1.5px solid var(--border-secondary);background:var(--bg-secondary);color:var(--text-primary);border-radius:4px;cursor:pointer;transition:all .1s}.num-btn:hover{background:var(--bg-primary);border-color:var(--border-lang)}.num-btn:active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.num-btn.erase-btn{grid-column:1 / -1;font-size:.92rem;font-weight:600;padding:11px 8px;background:var(--bg-erase);border-color:var(--border-erase);color:var(--text-error);letter-spacing:.03em}.num-btn.erase-btn:hover{background:var(--text-error);border-color:var(--text-error);color:#fff}.num-btn.completed{opacity:.25;cursor:default;pointer-events:none}#action-buttons{display:flex;gap:7px;width:100%;max-width:300px}#action-buttons button{flex:1;padding:9px 4px;border:1.5px solid var(--border-secondary);background:var(--bg-secondary);color:var(--text-heading);border-radius:4px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:4px}#action-buttons button:hover{background:var(--bg-primary);border-color:var(--border-lang)}#action-buttons kbd{font-size:.6rem;background:var(--bg-kbd);padding:1px 4px;border-radius:2px;border:1px solid var(--border-kbd);font-family:inherit;color:var(--text-muted)}#memo-toggle{border-color:var(--accent-purple-bg)!important;color:var(--accent-purple)}#memo-toggle:hover{background:var(--accent-purple-light)!important}#memo-toggle.active{background:var(--accent-purple)!important;border-color:var(--accent-purple)!important;color:#fff}#memo-toggle.active kbd{background:#fff3;border-color:#ffffff4d;color:#ffffffd9}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-loading);font-size:1.1rem;color:var(--text-muted);font-weight:500}.modal-overlay{position:fixed;inset:0;background:var(--bg-modal-overlay);display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:var(--bg-modal);padding:28px 32px;border-radius:8px;text-align:center;max-width:360px;width:90%;box-shadow:var(--shadow-modal)}.modal-content h2{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.01em}#complete-modal .modal-content h2{color:var(--text-success);font-size:1.9rem}.modal-content p{font-size:1rem;color:var(--text-tertiary);margin-bottom:7px}.modal-buttons{display:flex;gap:8px;justify-content:center;margin-top:16px;flex-wrap:wrap}.btn-primary{padding:10px 26px;background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:5px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary:hover{opacity:.85}.btn-secondary{padding:10px 26px;background:var(--bg-btn-secondary);color:var(--text-secondary);border:1.5px solid var(--border-secondary);border-radius:5px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-secondary:hover{background:var(--border-light)}.btn-share{padding:9px 18px;border:none;border-radius:5px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s}#share-x{background:var(--text-primary);color:var(--bg-primary)}#share-x:hover{opacity:.85}.btn-share-copy{background:var(--bg-btn-secondary);color:var(--text-secondary);border:1.5px solid var(--border-secondary)}.btn-share-copy:hover{background:var(--border-light)}#complete-difficulty-select{margin-top:16px}.complete-diff-label{font-size:.82rem!important;font-weight:600;color:var(--text-muted)!important;margin-bottom:8px!important}.complete-diff-buttons{display:flex;gap:0;justify-content:center}.complete-diff-btn{padding:7px 18px;border:1.5px solid var(--border-secondary);background:var(--bg-secondary);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.complete-diff-btn:first-child{border-radius:4px 0 0 4px}.complete-diff-btn:last-child{border-radius:0 4px 4px 0}.complete-diff-btn:not(:first-child){border-left:none}.complete-diff-btn.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}.complete-diff-btn:hover:not(.active){background:var(--bg-primary);border-color:var(--border-lang)}#play-again{margin-top:14px}.hidden{display:none!important}.ad-container{width:100%;max-width:440px;min-height:50px;display:block;margin:4px 0}.ad-container .adsbygoogle{width:100%}.ad-in-game{margin:8px 0}.ad-footer{margin-bottom:10px}.cookie-consent{position:fixed;bottom:0;left:0;right:0;background:var(--bg-cookie);color:var(--bg-primary);z-index:200;box-shadow:var(--shadow-cookie)}.cookie-consent-content{max-width:600px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}.cookie-consent-content p{font-size:.82rem;line-height:1.5;flex:1;min-width:200px}.cookie-consent-content a{color:var(--border-secondary);text-decoration:underline}.cookie-consent-content .btn-primary{white-space:nowrap;padding:7px 22px;font-size:.88rem}footer{margin-top:28px;padding:16px;text-align:center;font-size:.78rem;color:var(--text-faint)}footer a{color:var(--text-muted);text-decoration:none}footer a:hover{text-decoration:underline}footer p{margin-top:4px}.error-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--text-error);color:#fff;padding:12px 24px;border-radius:6px;font-size:.9rem;font-weight:500;z-index:300;box-shadow:var(--shadow-toast);animation:toast-in .3s ease}.error-toast.fade-out{opacity:0;transition:opacity .3s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.theme-toggle{padding:3px 9px;border:1.5px solid var(--border-lang);background:transparent;color:var(--text-tertiary);font-size:.82rem;cursor:pointer;border-radius:3px;transition:all .15s;vertical-align:middle;line-height:1}.theme-toggle:hover{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}@media(max-width:480px){body{padding:14px 12px}#board td{font-size:1.15rem}.memo-grid span{font-size:.42rem}.num-btn{padding:12px 8px;font-size:1.2rem}.num-btn.erase-btn{padding:9px 8px;font-size:.85rem}#action-buttons button{padding:8px 2px;font-size:.75rem}#action-buttons kbd{display:none}.start-diff-btn{padding:11px 14px;min-width:88px}}