*,*:before,*:after{box-sizing:border-box}html{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none}:root{font-family:Zen Kaku Gothic New,Noto Sans JP,sans-serif;font-size:16px;line-height:1.5;font-weight:400;color-scheme:light dark;color:#4a4540;background-color:#e8e4dc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#6a6258;text-decoration:inherit}a:hover{color:#5a5248}body{margin:0;display:flex;align-items:safe center;justify-content:center;min-width:320px;min-height:100vh;min-height:100dvh;max-height:100dvh;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;touch-action:none}body.game-active{overflow:hidden}html.content-page{overflow:auto;overscroll-behavior:auto}body.content-page{overflow:auto;overscroll-behavior:auto;height:auto;max-height:none;touch-action:auto}body.content-page #root,body.content-page .app{overflow:visible}body:after{content:"";position:fixed;inset:0;background:linear-gradient(to bottom,#e8e4dca6,#e8e4dc8c),url(/bg-paper.jpg);background-size:cover;background-position:center;z-index:-1;pointer-events:none}body:before{content:"";position:fixed;inset:0;box-shadow:inset 0 0 120px 40px #3c322d14;pointer-events:none;z-index:0}#root{flex:0 1 auto;min-height:0;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid rgba(90,80,72,.25);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:transparent;color:#7a7268;cursor:pointer;transition:border-color .2s,background .2s}button:hover{border-color:#6a6258;color:#5a5248;background-color:#5a50480f}button:focus,button:focus-visible{outline:2px solid #6a5242;outline-offset:2px}@media(min-width:600px){:root{font-size:18px}}@media(prefers-color-scheme:dark){:root{color:#c4beb4;background-color:#1e1e1a}body:after{background:linear-gradient(to bottom,#1e1e1ae6,#1e1e1ad9),url(/bg-paper.jpg);background-size:cover;background-position:center}body:before{box-shadow:inset 0 0 120px 40px #0003}a:hover{color:#d4cec4}button{border-color:#b8b0a84d;color:#b8b4ac}button:hover{border-color:#b8b4ac;color:#c4beb4;background-color:#b8b0a814}button:focus,button:focus-visible{outline-color:#a08068}}#root{max-width:1280px;margin:0 auto;width:100%;padding:max(1rem,env(safe-area-inset-top,0)) max(1rem,env(safe-area-inset-right,0)) max(1rem,env(safe-area-inset-bottom,0)) max(1rem,env(safe-area-inset-left,0));box-sizing:border-box}@media(min-width:600px){#root{padding:max(2rem,env(safe-area-inset-top,0)) max(2rem,env(safe-area-inset-right,0)) max(2rem,env(safe-area-inset-bottom,0)) max(2rem,env(safe-area-inset-left,0))}}@media(orientation:landscape){#root{padding:max(1rem,env(safe-area-inset-top,0)) max(1rem,env(safe-area-inset-right,0)) max(1rem,env(safe-area-inset-bottom,0)) max(1rem,env(safe-area-inset-left,0))}}.app{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:min(600px,calc(100% - 2rem));margin:0 auto;overflow:hidden}.app.app--game{margin:0 auto;overflow:hidden;max-height:100dvh;flex:1;min-height:0;max-width:min(600px,calc(100% - 2rem));--cell-size: clamp(28px, min(calc((min(100vw, 600px) - 4rem - 14px) / 9), calc((100dvh - 22rem - 14px) / 9)), 72px)}@media(min-width:1024px){.app,.app.app--game{max-width:560px}}.app h1,.app-title{margin:0 0 .5rem;font-family:Zen Kaku Gothic New,Noto Sans JP,sans-serif;font-weight:500;font-size:clamp(2.5rem,6vw,4.5rem);color:#4a4540;letter-spacing:.1em}.app-title{display:flex;flex-direction:column;align-items:center;gap:.2rem;flex-shrink:0}.app-title-kanji{font-family:Shippori Mincho,serif;font-size:1em;font-weight:600;line-height:1.1;opacity:.92}.app-title-romaji{font-size:.45em;font-weight:400;color:#8a8278;letter-spacing:.25em;text-transform:uppercase}.home-screen .app-title{font-size:clamp(3.5rem,9vw,5.5rem);max-width:300px;text-align:center}.home-screen{width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem}.home-stats{width:100%;max-width:320px;filter:drop-shadow(1px 2px 4px rgba(60,50,45,.15)) drop-shadow(2px 6px 16px rgba(60,50,45,.12))}.home-stats-inner{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border-radius:12px;-webkit-clip-path:url(#home-stats-torn-clip);clip-path:url(#home-stats-torn-clip);background:linear-gradient(to bottom,#b4a5918c,#a5968299),url(/paper-score.jpg);background-size:cover;background-position:center;box-shadow:inset 0 1px #ffffff40;border:none}.home-stats-inner .score-tag{margin:0}.home-stats-last{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem;font-size:.95rem}.home-stats-date{color:#9a9288;font-size:.85rem}.home-stats-last .score-label{font-size:.85rem}.home-stats-last .score-value{font-size:1.05rem;font-weight:600}.home-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:280px}.home-btn{padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:10px;border:1px solid rgba(90,80,72,.25);background:#faf8f4e6;color:#5a5048;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s,border-color .2s,color .2s}.home-btn:hover:not(:disabled){background:#5a504814;border-color:#6a6258;color:#4a4238}.home-btn:disabled{opacity:.5;cursor:not-allowed}.home-btn-primary{background:linear-gradient(160deg,#a08068,#8a6a58,#6a5242);border-color:#5a50484d;color:#f8f6f2;box-shadow:0 2px 8px #3c322d26}.home-btn-primary:hover:not(:disabled){background:linear-gradient(160deg,#8a6a58,#6a5242,#4a3a32);border-color:#5a504866;color:#fff}.home-btn-secondary{background:transparent;color:#6a6258}.home-btn-secondary:hover:not(:disabled){background:#5a50480f}.home-btn-gear{align-self:center;width:3.25rem;height:3.25rem;padding:0;min-width:unset;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none}.home-btn-gear:hover:not(:disabled){border:none}.home-gear-icon{width:1.75rem;height:1.75rem}.home-legal-links{margin-top:1rem;font-size:.9rem}.home-legal-links a{color:#7a7268;text-decoration:none}.home-legal-links a:hover{text-decoration:underline;color:#5a5248}.home-legal-sep{margin:0 .35rem;color:#9a9288}.game-score-board{width:100%;max-width:260px;filter:drop-shadow(1px 2px 4px rgba(60,50,45,.15)) drop-shadow(2px 6px 16px rgba(60,50,45,.12))}.game-score-board-inner{display:flex;justify-content:center;gap:1rem;padding:.6rem 1rem;border-radius:10px;-webkit-clip-path:url(#home-stats-torn-clip);clip-path:url(#home-stats-torn-clip);background:linear-gradient(to bottom,#b4a5918c,#a5968299),url(/paper-score.jpg);background-size:cover;background-position:center;box-shadow:inset 0 1px #ffffff40;border:none}.game-score-board-inner .score-display{gap:1rem}.game-score-board-inner .score-tag{margin:0;padding:.25rem .5rem}.game-score-board-inner .score-label{font-size:.65rem}.game-score-board-inner .score-value{font-size:.9rem}.game-header-icon{width:1.25rem;height:1.25rem;flex-shrink:0;opacity:.92}.game-layout{display:flex;flex-direction:column;align-items:center;gap:1.5rem;flex:1;min-height:0;width:100%}.game-sidebar{display:flex;flex-direction:column;align-items:center;gap:1.5rem;flex-shrink:0}.game-board-slot{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.block-area{display:flex;flex-direction:column;align-items:center;gap:.75rem}.app.app--game .block-area{margin-top:1rem}.block-area p{margin:0;font-size:.95rem;font-style:italic;font-family:Shippori Mincho,serif;color:#7a7268;letter-spacing:.02em}.game-board-wrapper{position:relative;width:calc(9 * var(--cell-size) + 6px + 8px);max-width:100%}.game-board-wrapper.drag-active{touch-action:none;display:inline-flex;padding:6px}.game-board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;padding:4px;width:100%;aspect-ratio:1;background:#5a50481a;border:1px solid rgba(90,80,72,.2);border-radius:10px;box-shadow:0 4px 28px #3c322d0f;position:relative;z-index:1;min-width:0;min-height:0}.game-subgrid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1px;min-width:0;min-height:0;border-radius:4px}.game-subgrid.subgrid-0,.game-subgrid.subgrid-2,.game-subgrid.subgrid-4,.game-subgrid.subgrid-6,.game-subgrid.subgrid-8{background:#5a504814}.grid-cell{min-width:0;min-height:0;aspect-ratio:1;box-sizing:border-box;margin:0;padding:0;border:none;background:#f8f6f2;border-radius:3px;cursor:pointer;transition:background .3s;transform:translateZ(0);-webkit-tap-highlight-color:transparent}.game-board-wrapper.drag-active .grid-cell:hover{background:#5a50481a}.game-board-wrapper.drag-active .grid-cell:active{background:#5a504826}.grid-cell.filled{background:linear-gradient(160deg,#a08068,#8a6a58,#6a5242);box-shadow:0 2px 6px #3c322d1f;cursor:default}.game-subgrid.subgrid-0 .grid-cell.filled,.game-subgrid.subgrid-2 .grid-cell.filled,.game-subgrid.subgrid-4 .grid-cell.filled,.game-subgrid.subgrid-6 .grid-cell.filled,.game-subgrid.subgrid-8 .grid-cell.filled{background:linear-gradient(160deg,#a08068,#8a6a58,#6a5242);opacity:1}.grid-cell.filled:hover{background:linear-gradient(160deg,#a08068,#8a6a58,#6a5242)}.grid-cell.ghost{background:#a0806840;border:1px dashed rgba(138,106,88,.5)}.block-queue{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.block-queue-item{padding:.65rem;min-width:44px;min-height:44px;border:none;border-radius:12px;background:#faf8f4cc;box-shadow:0 2px 12px #3c322d0d;cursor:pointer;transition:box-shadow .3s,transform .3s;-webkit-tap-highlight-color:transparent}.block-queue-item:hover{box-shadow:0 4px 20px #3c322d14}.block-queue-item:active{box-shadow:0 2px 12px #3c322d0d}.block-queue-item.selected{box-shadow:0 6px 24px #3c322d1a;transform:translateY(-2px)}.block-queue-item.dragging{opacity:.6;cursor:grabbing;touch-action:none}.drag-floating-piece{will-change:transform;filter:drop-shadow(0 4px 12px rgba(61,53,41,.25)) drop-shadow(0 2px 6px rgba(61,53,41,.15))}.drag-floating-piece .block-cell.filled{background:linear-gradient(160deg,#a08068,#8a6a58,#6a5242);box-shadow:0 2px 8px #3c322d40}.block-preview{display:flex;flex-direction:column;gap:2px;align-items:center}.block-row{display:flex;gap:2px}.block-cell{width:clamp(14px,3vw,18px);height:clamp(14px,3vw,18px);border-radius:3px;background:transparent}.block-cell.filled{background:linear-gradient(160deg,#a08068,#8a6a58,#6a5242);box-shadow:0 1px 4px #3c322d26}.block-queue-item:nth-child(2) .block-cell.filled{background:linear-gradient(160deg,#88a078,#6a8a5a,#4a6a42)}.block-queue-item:nth-child(3) .block-cell.filled{background:linear-gradient(160deg,#788a98,#5a6a78,#3a4a58)}.game-header{width:100%;display:flex;justify-content:center}.game-header-inner{display:flex;align-items:center;justify-content:center;gap:.25rem;flex-wrap:wrap}.fullscreen-btn{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:.5rem;border:none;border-radius:50%;background:transparent;color:#5a5248;font-size:1.25rem;font-weight:600;-webkit-tap-highlight-color:transparent}.fullscreen-btn:hover{color:#4a4238;background:#5a504814}.home-btn-header,.save-btn-header{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:.5rem;border:none;border-radius:50%;background:transparent;color:#5a5248;font-size:1.25rem;font-weight:600;-webkit-tap-highlight-color:transparent}.home-btn-header:hover,.save-btn-header:hover{color:#4a4238;background:#5a504814}.settings-btn{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:.5rem;border:none;border-radius:50%;background:transparent;color:#5a5248;font-size:1.25rem;font-weight:600;-webkit-tap-highlight-color:transparent}.settings-btn:hover{color:#4a4238;background:#5a504814}.app.app--settings{overflow-y:auto;-webkit-overflow-scrolling:touch}.settings-screen{width:100%;max-width:400px;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:2rem}.settings-header{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.back-icon-btn{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;border:none;border-radius:.5rem;background:transparent;color:#5a5248;cursor:pointer;-webkit-tap-highlight-color:transparent;text-decoration:none;transition:color .15s}.back-icon-btn:hover{color:#3a3228}.back-icon-btn:focus,.back-icon-btn:focus-visible{outline:none;box-shadow:none}.back-icon{width:1.75rem;height:1.75rem;flex-shrink:0}.settings-title{margin:0;font-family:Zen Kaku Gothic New,Noto Sans JP,sans-serif;font-weight:600;font-size:1.5rem;color:#5a5048;letter-spacing:.02em}.settings-section{padding:1rem;border-radius:8px;background:#5a50480f;border:1px solid rgba(90,80,72,.12)}.settings-section h3{margin:0 0 .5rem;font-size:1rem;font-weight:500;color:#6a6258}.settings-placeholder{margin:0;font-size:.9rem;font-style:italic;color:#7a7268}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.block-mode-fieldset{margin:0;padding:0;border:none}.block-mode-segmented{display:flex;gap:0;padding:.25rem;border-radius:12px;background:#5a504814;border:1px solid rgba(90,80,72,.15);box-shadow:inset 0 1px 2px #3c322d0f}.block-mode-segment{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;padding:.6rem 1rem;border-radius:10px;cursor:pointer;transition:background .2s,box-shadow .2s,color .2s;position:relative}.block-mode-segment input{position:absolute;opacity:0;pointer-events:none}.block-mode-segment:not(.selected):hover{background:#5a50480f}.block-mode-segment.selected{background:#faf8f4e6;color:#5a5048;box-shadow:0 2px 8px #3c322d14;border:1px solid rgba(90,80,72,.15)}.block-mode-icon{font-size:1.1rem;line-height:1;opacity:.9}.block-mode-label{font-weight:500;font-size:.95rem}.block-mode-hint{margin:.6rem 0 0;font-size:.85rem;font-style:italic;color:#7a7268;text-align:center}.settings-hint{margin:0 0 .75rem;font-size:.85rem;color:#7a7268}.settings-toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;color:#5a5048;margin-bottom:.5rem}.settings-toggle-label input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:#6a6258}.settings-toggle-text{font-weight:500}.drag-offset-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;margin-top:.75rem}.drag-offset-label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;color:#6a6258}.drag-offset-label input{width:4rem;padding:.35rem .5rem;font-size:.95rem;border:1px solid rgba(90,80,72,.2);border-radius:6px;background:#fffc}.drag-offset-reset{padding:.35rem .75rem;font-size:.9rem;border:1px solid rgba(90,80,72,.2);border-radius:6px;background:#ffffff80;color:#6a6258;cursor:pointer}.drag-offset-reset:hover{background:#ffffffe6}.placement-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:.25rem}.placement-mode-grid .block-mode-segment{padding:.5rem .75rem}.inventory-select{width:100%;padding:.5rem .75rem;font-size:.95rem;border:1px solid rgba(90,80,72,.2);border-radius:6px;background:#fffc;color:#3a342e;cursor:pointer}.inventory-single-label{font-size:.95rem;color:#6a6258;margin:0}.inventory-select-row{display:flex;gap:.5rem;align-items:center}.inventory-select-row .inventory-select{flex:1}.inventory-refresh-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid rgba(90,80,72,.2);border-radius:6px;background:#ffffff80;color:#6a6258;font-size:1.1rem;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.inventory-refresh-btn:hover{background:#ffffffe6;color:#4a4238}.settings-catalog-link{display:inline-block;margin-top:.5rem;font-size:.85rem;color:#6a6258;text-decoration:none;opacity:.8;transition:opacity .15s;background:none;border:none;padding:0;font-family:inherit;cursor:pointer}.settings-catalog-link:hover{text-decoration:underline;opacity:1;color:#4a4238}.settings-legal-links{display:flex;flex-direction:column;gap:.5rem}.settings-legal-links a{color:#6a6258;text-decoration:none;font-size:.95rem}.settings-legal-links a:hover{text-decoration:underline;color:#4a4238}.score-display{display:flex;gap:1.25rem;align-items:center}.score-tag{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.4rem .75rem;border-radius:10px;background:transparent;border:none;box-shadow:none}.score-label{font-size:.75rem;font-weight:500;color:#7a7268;line-height:1}.score-value{font-size:1rem;font-weight:500;color:#6a6258;line-height:1.2}.undo-btn{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.4rem .7rem;min-height:44px;border:none;border-radius:999px;background:transparent;color:#5a5248;font-size:.9rem;font-weight:600;-webkit-tap-highlight-color:transparent}.undo-btn:hover:not(:disabled){color:#4a4238;background:#5a504814}.undo-count{font-size:.8rem;font-weight:600;opacity:.95}.undo-btn:disabled{opacity:.5;cursor:not-allowed}.end-training-btn{display:inline-flex;align-items:center;justify-content:center;padding:.35rem 1rem;margin-top:-.25rem;border:1px solid rgba(138,90,74,.35);border-radius:999px;background:#8a5a4a14;color:#8a5a4a;font-size:.8rem;font-weight:600;letter-spacing:.01em;min-height:32px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,color .15s,border-color .15s}.end-training-btn:hover{background:#8a5a4a26;border-color:#8a5a4a80;color:#6a3a2a}.end-training-btn:focus-visible{outline:3px solid #8a6a58;outline-offset:2px}.game-over-overlay{position:fixed;inset:0;padding:max(1rem,env(safe-area-inset-top,0)) max(1rem,env(safe-area-inset-right,0)) max(1rem,env(safe-area-inset-bottom,0)) max(1rem,env(safe-area-inset-left,0));box-sizing:border-box;background:#e8e4dc8c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:100}.game-over-overlay p{margin:0;font-size:clamp(1.25rem,5vw,1.75rem);color:#5a5048}.game-over-overlay .score-tag-game-over{padding:.6rem 1rem}.game-over-overlay .score-tag-game-over .score-value{font-size:1.5rem}.game-over-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:260px}.game-over-overlay button{padding:1rem 2rem;min-height:48px;font-size:1.1rem;font-weight:600;border-radius:12px;border:1px solid rgba(90,80,72,.4);background:#faf8f4e6;color:#6a6258;box-shadow:0 2px 8px #3c322d14;-webkit-tap-highlight-color:transparent;cursor:pointer;transition:background .2s,border-color .2s,color .2s;width:100%}.game-over-overlay button:hover{border-color:#6a6258;color:#5a5248;background:#5a50480f}.game-over-overlay .game-over-btn-primary{background:linear-gradient(160deg,#a08068,#8a6a58,#6a5242);border-color:#5a50484d;color:#f8f6f2;box-shadow:0 2px 8px #3c322d26}.game-over-overlay .game-over-btn-primary:hover{background:linear-gradient(160deg,#8a6a58,#6a5242,#4a3a32);border-color:#5a504866;color:#fff}.game-over-overlay .game-over-btn-secondary{background:#faf8f4b3;color:#6a6258;box-shadow:none}.game-over-overlay .game-over-btn-secondary:hover{background:#5a504814}.game-over-overlay button:focus-visible{outline:3px solid #8a6a58;outline-offset:2px}.game-over-overlay .game-over-btn-primary:focus-visible{outline-color:#f8f6f2;outline-offset:3px}.confirm-overlay{position:fixed;inset:0;padding:max(1rem,env(safe-area-inset-top,0)) max(1rem,env(safe-area-inset-right,0)) max(1rem,env(safe-area-inset-bottom,0)) max(1rem,env(safe-area-inset-left,0));box-sizing:border-box;background:#e8e4dc8c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100}.confirm-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 2.5rem;border-radius:16px;background:#faf8f4f5;box-shadow:0 8px 40px #3c322d2e;max-width:320px;width:100%}.confirm-title{margin:0;font-size:1.35rem;font-weight:600;color:#5a5048}.confirm-desc{margin:0;font-size:.95rem;color:#7a7268;text-align:center;line-height:1.4}.confirm-buttons{display:flex;flex-direction:column;gap:.6rem;width:100%;margin-top:.5rem}.confirm-btn{padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s,border-color .2s,color .2s;width:100%;min-height:48px}.confirm-btn-cancel{background:linear-gradient(160deg,#a08068,#8a6a58,#6a5242);border:1px solid rgba(90,80,72,.3);color:#f8f6f2;box-shadow:0 2px 8px #3c322d26}.confirm-btn-cancel:hover{background:linear-gradient(160deg,#8a6a58,#6a5242,#4a3a32);border-color:#5a504866;color:#fff}.confirm-btn-destructive{background:#faf8f4b3;border:1px solid rgba(90,80,72,.25);color:#8a5a4a}.confirm-btn-destructive:hover{background:#8a5a4a14;border-color:#8a5a4a;color:#6a3a2a}.confirm-btn:focus-visible{outline:3px solid #8a6a58;outline-offset:2px}.save-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:1rem 2rem;border-radius:12px;background:#faf8f4f5;box-shadow:0 6px 32px #3c322d33;color:#5a5048;font-size:1.1rem;font-weight:600;z-index:200;pointer-events:none;animation:toast-fade 1.2s ease-out forwards}@keyframes toast-fade{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%{opacity:1}to{opacity:0}}@media(prefers-color-scheme:dark){.app h1,.app-title{color:#e8e4dc}.app-title-romaji{color:#9a9188}.home-stats,.game-score-board{filter:drop-shadow(1px 2px 4px rgba(0,0,0,.2)) drop-shadow(2px 6px 16px rgba(0,0,0,.18))}.home-stats-inner,.game-score-board-inner{background:linear-gradient(to bottom,#463e348c,#3e362c99),url(/paper-score.jpg);background-size:cover;background-position:center;box-shadow:inset 0 1px #ffffff1a}.home-stats-date{color:#9a9188}.home-btn{background:#b8b4ac0f;border-color:#b8b4ac40;color:#c8c4bc}.home-btn:hover:not(:disabled){background:#b8b4ac1f;border-color:#b8b4ac;color:#d8d4cc}.home-btn-primary{background:linear-gradient(160deg,#6a5242,#5a4238,#4a3a32);border-color:#b8b4ac33;color:#e8e4dc}.home-btn-primary:hover:not(:disabled){background:linear-gradient(160deg,#5a4238,#4a3a32,#3a2a22)}.home-btn-secondary{background:transparent;color:#9a9188}.home-btn-secondary:hover:not(:disabled){background:#b8b4ac14}.score-tag{background:transparent;border:none;box-shadow:none}.score-label{color:#9a9188}.score-value{color:#e8e4dc;text-shadow:0 1px 0 rgba(0,0,0,.3)}.undo-btn{color:#c8c4bc}.undo-btn:hover:not(:disabled){color:#d8d4cc;background:#b8b4ac1f}.end-training-btn{color:#c87a6a;border-color:#c87a6a4d;background:#c87a6a14}.end-training-btn:hover{color:#e89a8a;border-color:#c87a6a80;background:#c87a6a26}.end-training-btn:focus-visible{outline-color:#a08068}.home-btn-header,.save-btn-header{color:#c8c4bc}.home-btn-header:hover,.save-btn-header:hover{color:#d8d4cc;background:#b8b4ac1f}.settings-btn{color:#c8c4bc}.settings-btn:hover{color:#d8d4cc;background:#b8b4ac1f}.fullscreen-btn{color:#c8c4bc}.fullscreen-btn:hover{color:#d8d4cc;background:#b8b4ac1f}.settings-title{color:#e8e4dc}.back-icon-btn{color:#c8c4bc}.back-icon-btn:hover{color:#e8e4dc}.settings-section{background:#b8b4ac0f;border-color:#b8b4ac26}.settings-section h3{color:#b8b4ac}.settings-placeholder{color:#9a9188}.block-mode-segmented{background:#b8b4ac0f;border-color:#b8b4ac26;box-shadow:inset 0 1px 2px #00000026}.block-mode-segment:not(.selected):hover{background:#b8b4ac14}.block-mode-segment.selected{background:#252520;color:#e8e4dc;box-shadow:0 2px 8px #0000004d;border-color:#b8b4ac40}.block-mode-hint,.settings-hint{color:#9a9188}.drag-offset-label{color:#b8b4ac}.drag-offset-label input{background:#252520;border-color:#b8b4ac40;color:#e8e4dc}.drag-offset-reset{background:#b8b4ac14;border-color:#b8b4ac40;color:#b8b4ac}.drag-offset-reset:hover{background:#b8b4ac26;color:#d8d4cc}.inventory-select{background:#252520;border-color:#b8b4ac40;color:#e8e4dc}.inventory-single-label{color:#b8b4ac}.inventory-refresh-btn{background:#b8b4ac14;border-color:#b8b4ac40;color:#b8b4ac}.inventory-refresh-btn:hover{background:#b8b4ac26;color:#d8d4cc}.settings-catalog-link{color:#9a9188}.settings-catalog-link:hover{color:#c8c4bc}.home-legal-links a{color:#9a9188}.home-legal-links a:hover{color:#c8c4bc}.home-legal-sep{color:#7a7268}.settings-legal-links a{color:#9a9188}.settings-legal-links a:hover,.legal-page .back-icon-btn{color:#c8c4bc}.legal-page .back-icon-btn:hover,.legal-page-title,.legal-page h2{color:#e8e4dc}.legal-page p,.legal-page ul{color:#b8b4ac}.legal-page a{color:#a8a098}.legal-page a:hover{color:#d8d4cc}.legal-page-updated,.legal-page-copyright{color:#8a8278}.legal-footer{border-top-color:#b8b4ac33}.legal-footer a{color:#9a9188}.legal-footer a:hover{color:#c8c4bc}.legal-footer-sep{color:#7a7268}.block-area p{color:#9a9188}.block-queue-item{background:#252520;box-shadow:0 2px 8px #0003}.block-queue-item:hover{box-shadow:0 4px 12px #00000040}.block-queue-item.selected{box-shadow:0 6px 16px #0000004d}.game-board{background:#322d2866;border-color:#645a504d;box-shadow:0 4px 28px #0000004d}.game-subgrid.subgrid-0,.game-subgrid.subgrid-2,.game-subgrid.subgrid-4,.game-subgrid.subgrid-6,.game-subgrid.subgrid-8{background:#ffffff08}.grid-cell{background:#252520}.game-board-wrapper.drag-active .grid-cell:hover{background:#b8b0a81f}.game-board-wrapper.drag-active .grid-cell:active{background:#b8b0a82e}.grid-cell.filled{box-shadow:0 2px 8px #0006}.game-subgrid.subgrid-0 .grid-cell.filled,.game-subgrid.subgrid-2 .grid-cell.filled,.game-subgrid.subgrid-4 .grid-cell.filled,.game-subgrid.subgrid-6 .grid-cell.filled,.game-subgrid.subgrid-8 .grid-cell.filled{opacity:1}.grid-cell.ghost{background:#a0806833;border:1px dashed rgba(138,106,88,.5)}.game-over-overlay{background:#2a2a248c}.game-over-overlay p{color:#e8e4dc}.game-over-overlay button{background:#252520;border-color:#b8b4ac66;color:#b8b4ac;box-shadow:0 2px 8px #0003}.game-over-overlay button:hover{border-color:#b8b4ac;background:#b8b4ac14}.game-over-overlay .game-over-btn-primary{background:linear-gradient(160deg,#6a5242,#5a4232,#4a3a2a);border-color:#b8b4ac4d;color:#e8e4dc;box-shadow:0 2px 8px #0000004d}.game-over-overlay .game-over-btn-primary:hover{background:linear-gradient(160deg,#7a6252,#6a5242,#5a4232);border-color:#b8b4ac80;color:#fff}.game-over-overlay .game-over-btn-secondary{background:#282822b3;color:#b8b4ac;box-shadow:none}.game-over-overlay .game-over-btn-secondary:hover{background:#b8b4ac1a}.game-over-overlay button:focus-visible{outline-color:#a08068}.game-over-overlay .game-over-btn-primary:focus-visible{outline-color:#f8f6f2}.confirm-overlay{background:#2a2a248c}.confirm-card{background:#252520f5;box-shadow:0 8px 40px #00000059}.confirm-title{color:#e8e4dc}.confirm-desc{color:#9a9188}.confirm-btn-cancel{background:linear-gradient(160deg,#6a5242,#5a4238,#4a3a32);border-color:#b8b4ac33;color:#e8e4dc}.confirm-btn-cancel:hover{background:linear-gradient(160deg,#7a6252,#6a5242,#5a4232);border-color:#b8b4ac66;color:#fff}.confirm-btn-destructive{background:#282822b3;border-color:#b8b4ac40;color:#c87a6a}.confirm-btn-destructive:hover{background:#c87a6a1a;border-color:#c87a6a;color:#e89a8a}.confirm-btn:focus-visible{outline-color:#a08068}.save-toast{background:#252520f5;color:#e8e4dc;box-shadow:0 6px 32px #0006}}@media(max-width:599px){.block-queue{gap:.5rem}.game-score-board-inner .score-label{font-size:.8rem}.game-score-board-inner .score-value{font-size:1.05rem}.game-score-board{max-width:300px}.game-header-icon{width:1.5rem;height:1.5rem}.undo-btn{font-size:1.05rem}.undo-count{font-size:.95rem}.block-cell{width:clamp(16px,4vw,20px);height:clamp(16px,4vw,20px)}.block-queue-item{padding:.85rem}}@media(max-width:380px){.app.app--game{--cell-size: clamp(24px, min(calc((min(100vw, 600px) - 4rem - 14px) / 9), calc((100dvh - 22rem - 14px) / 9)), 36px)}}@media(orientation:landscape){.app.app--game{max-width:100%;gap:0;--cell-size: clamp(20px, calc((100dvh - 2rem - 14px) / 9), 72px)}.app.app--game .game-layout{display:grid;grid-template-columns:clamp(140px,30vw,240px) auto;grid-template-rows:1fr auto;gap:1.5rem;align-items:center;justify-items:center}.app.app--game .game-sidebar{grid-column:1;grid-row:1;gap:.5rem;justify-content:center;overflow:visible}.app.app--game .game-board-slot{grid-column:2;grid-row:1 / -1}.app.app--game .block-area{grid-column:1;grid-row:2;gap:.4rem;margin-top:0}.app.app--game .game-sidebar .app-title{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:0}.app.app--game .game-sidebar .game-score-board{max-width:200px;padding-bottom:.25rem}.app.app--game .game-sidebar .game-header-inner{gap:.15rem}.app.app--game .block-area p{font-size:.75rem;margin:0;line-height:1.2}.app.app--game .block-area .block-queue{gap:.5rem}}@media(orientation:landscape)and (max-height:550px){.app.app--game{--cell-size: clamp(16px, calc((100dvh - 2rem - 14px) / 9), 48px)}.app.app--game .game-sidebar{gap:.35rem}.app.app--game .block-area p{display:none}}@media(orientation:landscape){.home-screen{gap:.75rem}.home-screen .app-title{font-size:clamp(2rem,5vw,3rem)}.home-stats{padding-bottom:1rem}.home-stats-inner{padding:.75rem 1rem;gap:.5rem}.home-actions{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;max-width:none;gap:.5rem}.home-btn{padding:.625rem 1.25rem}.home-btn-gear{align-self:auto;width:2.75rem;height:2.75rem;padding:0}.home-legal-links{margin-top:.25rem}}@media(orientation:landscape)and (max-height:420px){.home-screen{gap:.5rem}.home-screen .app-title{font-size:clamp(1.5rem,4vw,2.25rem)}.home-stats-inner{padding:.5rem .75rem}.home-btn{padding:.5rem 1rem;font-size:.9rem}.home-btn-gear{width:2.5rem;height:2.5rem;padding:0}.home-legal-links{margin-top:0}}@media(min-width:1024px)and (min-height:600px){.app.app--game{max-width:min(100%,1200px);--cell-size: clamp(28px, min( calc((100vw - clamp(400px, 35vw, 500px) - 14px) / 9), calc((100dvh - 6rem - 14px) / 9) ), 72px)}.app.app--game .game-layout{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr;gap:4rem;align-items:center}.app.app--game .game-sidebar{grid-column:1;grid-row:1;align-self:center;justify-self:end;gap:1.5rem}.app.app--game .game-sidebar .app-title{margin-bottom:.5rem}.app.app--game .game-sidebar .game-score-board{max-width:260px;padding-bottom:0}.app.app--game .game-sidebar .game-header-inner{gap:.25rem}.app.app--game .game-board-slot{grid-column:2;grid-row:1;align-self:center;justify-self:center}.app.app--game .block-area{grid-column:3;grid-row:1;align-self:center;justify-self:start;margin-top:0;gap:.75rem}.app.app--game .block-area p{font-size:.95rem;line-height:1.4}.app.app--game .block-area .block-queue{flex-direction:column;align-items:center;gap:1rem}}:root:fullscreen,:root:-webkit-full-screen,:root:-moz-full-screen,:root:-ms-fullscreen{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.legal-page{width:100%;max-width:min(600px,calc(100% - 2rem));margin:0 auto;padding:2rem 1rem;font-family:Zen Kaku Gothic New,Noto Sans JP,sans-serif}.legal-page .back-icon-btn{margin-bottom:.5rem}.legal-page-title{margin:0 0 1.25rem;font-size:1.5rem;font-weight:600;color:#4a4540}.legal-page-content{margin-bottom:1.5rem}.legal-page h2{margin:1.25rem 0 .5rem;font-size:1.1rem;font-weight:600;color:#4a4540}.legal-page h2:first-of-type{margin-top:0}.legal-page p{margin:0 0 .75rem;line-height:1.6;color:#5a554e}.legal-page ul{margin:0 0 .75rem;padding-left:1.5rem;line-height:1.6;color:#5a554e}.legal-page a{color:#6b5b4f;text-decoration:underline}.legal-page a:hover{color:#4a4540}.legal-page-updated,.legal-page-copyright{margin-top:1.5rem;font-size:.85rem;color:#8a8278}.legal-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(106,91,79,.25);font-size:.9rem}.legal-footer a{color:#6b5b4f;text-decoration:none}.legal-footer a:hover{text-decoration:underline;color:#4a4540}.legal-footer-sep{margin:0 .4rem;color:#8a8278}.block-catalog{width:100%;max-width:900px;margin:0 auto;padding:0 1rem 2rem}.block-catalog .settings-header{flex-wrap:wrap}.catalog-stats{font-size:.8rem;color:#8a8278}.catalog-stats-accent{color:#4a4238;font-weight:600}.catalog-loading{text-align:center;color:#8a8278;padding:2rem;font-size:.95rem}.catalog-error{text-align:center;color:#c62828;padding:2rem;font-size:.95rem}.catalog-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;margin-bottom:.75rem;align-items:center}.catalog-search{font-family:inherit;font-size:.8rem;padding:.3rem .6rem;border:1px solid #d8d4cc;border-radius:4px;background:#fff;color:#4a4238;width:140px}.catalog-search::placeholder{color:#aaa49c}.catalog-size-filter{font-family:inherit;font-size:.8rem;padding:.3rem .6rem;border:1px solid #d8d4cc;border-radius:4px;background:#fff;color:#4a4238;cursor:pointer}.catalog-btn{font-family:inherit;font-size:.75rem;padding:.3rem .6rem;border:1px solid #d8d4cc;border-radius:4px;background:#f5f2ee;color:#4a4238;cursor:pointer;transition:background .15s;white-space:nowrap}.catalog-btn:hover{background:#ebe8e2}.catalog-btn-accent{color:#2e7d32;border-color:#a5d6a7}.catalog-btn-accent:hover{background:#e8f5e9}.catalog-btn-danger{color:#c62828;border-color:#ef9a9a}.catalog-btn-danger:hover{background:#ffebee}.catalog-group-toggle{font-size:.8rem;color:#8a8278;display:flex;align-items:center;gap:.25rem;cursor:pointer}.catalog-save-load-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem .6rem;border:1px solid #d8d4cc;border-radius:4px;background:#f5f2ee99}.catalog-bar-label{font-size:.8rem;color:#8a8278;white-space:nowrap}.catalog-save-name{font-family:inherit;font-size:.8rem;padding:.3rem .6rem;border:1px solid #d8d4cc;border-radius:4px;background:#fff;color:#4a4238;width:160px}.catalog-save-name::placeholder{color:#aaa49c}.catalog-load-select{font-family:inherit;font-size:.8rem;padding:.3rem .6rem;border:1px solid #d8d4cc;border-radius:4px;background:#fff;color:#4a4238;min-width:140px;cursor:pointer}.catalog-separator{width:1px;height:20px;background:#d8d4cc}.catalog-file-input-hidden{display:none}.catalog-grid{display:flex;flex-wrap:wrap;gap:4px}.catalog-section-heading{width:100%;font-size:.8rem;font-weight:600;color:#6a6258;margin:.6rem 0 .25rem;padding:.25rem 0;border-bottom:1px solid #d8d4cc}.catalog-section-heading:first-child{margin-top:0}.catalog-tile-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px;border:1px solid #d8d4cc;border-radius:4px;background:#f5f2ee;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none;width:72px;font-family:inherit;color:inherit}.catalog-tile-card:hover{background:#ebe8e2;border-color:#b8b4ac}.catalog-tile-card.selected{background:#e8f5e9;border-color:#4caf50}.catalog-tile-card.hidden{display:none}.catalog-tile-id{font-size:10px;font-weight:600;color:#8a8278;line-height:1}.catalog-tile-card.selected .catalog-tile-id{color:#2e7d32}.catalog-tile-meta{font-size:9px;color:#8a8278;opacity:.6}.catalog-shape-grid{display:inline-grid;gap:1px}.catalog-cell{--catalog-cell-size: 10px;width:var(--catalog-cell-size);height:var(--catalog-cell-size);border-radius:1px}.catalog-cell.filled{background:#8a8278;border:1px solid #6a6258}.catalog-cell.empty{background:transparent}.catalog-tile-card.selected .catalog-cell.filled{background:#66bb6a;border-color:#388e3c}@media(prefers-color-scheme:dark){.catalog-stats{color:#9a9188}.catalog-stats-accent{color:#64ffda}.catalog-loading{color:#9a9188}.catalog-error{color:#ef5350}.catalog-search,.catalog-save-name{background:#1a1a2e;color:#e0e0e0;border-color:#2a3a5e}.catalog-search::placeholder,.catalog-save-name::placeholder{color:#8892a8}.catalog-size-filter,.catalog-load-select,.catalog-btn{background:#16213e;color:#e0e0e0;border-color:#2a3a5e}.catalog-btn:hover{background:#1a2745}.catalog-btn-accent{color:#64ffda;border-color:#1a5a4a}.catalog-btn-accent:hover{background:#1a3a30}.catalog-btn-danger{color:#ef5350;border-color:#5a2020}.catalog-btn-danger:hover{background:#3a1515}.catalog-group-toggle{color:#8892a8}.catalog-save-load-bar{border-color:#2a3a5e;background:#16213e99}.catalog-bar-label{color:#8892a8}.catalog-separator{background:#2a3a5e}.catalog-section-heading{color:#64ffda;border-bottom-color:#2a3a5e}.catalog-tile-card{background:#16213e;border-color:#2a3a5e;color:#e0e0e0}.catalog-tile-card:hover{background:#1a2745;border-color:#4a5a7e}.catalog-tile-card.selected{background:#1b3a20;border-color:#4caf50}.catalog-tile-id{color:#8892a8}.catalog-tile-card.selected .catalog-tile-id{color:#4caf50}.catalog-tile-meta{color:#8892a8}.catalog-cell.filled{background:#4fc3f7;border-color:#0288d1}.catalog-tile-card.selected .catalog-cell.filled{background:#66bb6a;border-color:#388e3c}}