*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{color:#e0e0e0;background:#1a1a2e;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,sans-serif;font-size:14px}#app{width:100%;height:100%;position:relative}.screen{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.hidden{display:none!important}.title-inner{text-align:center;width:100%;max-width:480px;padding:20px 16px}.title-logo{color:#ffd400;text-shadow:0 2px 8px #0008;margin-bottom:4px;font-size:2rem}.title-sub{color:#aaa;margin-bottom:18px;font-size:.85rem}.settings-group{text-align:left;margin-bottom:16px}.setting-block{margin-bottom:14px}.setting-label{color:#ccc;margin-bottom:6px;font-size:.85rem}.seg-buttons{gap:8px;display:flex}.seg-btn{color:#ccc;cursor:pointer;background:#16213e;border:2px solid #444;border-radius:8px;flex:1;padding:10px;font-size:14px;transition:all .15s}.seg-btn:hover{color:#ffd400;border-color:#ffd400}.seg-btn--active{color:#ffd400;background:#1d2a4a;border-color:#ffd400;font-weight:700}.slider{accent-color:#ffd400;width:100%;height:28px}.stepper{align-items:center;gap:14px;display:flex}.stepper-btn{color:#ffd400;cursor:pointer;background:#16213e;border:2px solid #444;border-radius:8px;width:46px;height:40px;font-size:20px;font-weight:700;line-height:1;transition:all .15s}.stepper-btn:hover:not(:disabled){border-color:#ffd400}.stepper-btn:disabled{opacity:.35;cursor:not-allowed}.stepper-val{text-align:center;color:#fff;min-width:34px;font-size:20px;font-weight:700}.option-row{flex-wrap:wrap;gap:16px;display:flex}.toggle-label{cursor:pointer;color:#ccc;align-items:center;gap:6px;font-size:.9rem;display:flex}.toggle-label input{accent-color:#ffd400;width:18px;height:18px}.fanmade-note{color:#666;margin-top:14px;font-size:.72rem;line-height:1.4}.howto-inner{background:#16213e;border-radius:14px;max-width:540px;margin:16px;padding:24px}.howto-inner h2{color:#ffd400;margin-bottom:16px}.howto-inner h3{color:#aaa;margin:14px 0 6px}.howto-inner ul{list-style:none}.howto-inner li{padding:5px 0;line-height:1.5}#screen-game{justify-content:stretch;align-items:stretch;padding:0}.game-layout{align-items:stretch;width:100%;height:100%;display:flex;overflow:hidden}.board-area{background:#0f0f1a;border-right:1px solid #333;flex:1 1 0;justify-content:center;align-items:center;min-width:0;padding:8px;display:flex;overflow:hidden}#game-canvas{display:block}.side-area{flex-direction:column;flex:none;gap:8px;width:280px;padding:10px;display:flex;overflow-y:auto}.hud{background:#16213e;border-radius:10px;padding:10px}.hud-row{justify-content:space-between;align-items:center;padding:3px 0;display:flex}.hud-label{color:#999;font-size:12px}.hud-val{font-size:15px;font-weight:700}.hud-stock{color:#ffd400;font-size:22px}.hud-sep{border-top:1px solid #333;margin:6px 0}.hud-goal-val{color:#37e06a;font-size:18px}.card-pool-section{background:#16213e;border-radius:10px;padding:8px}.card-pool-title{color:#888;margin-bottom:6px;font-size:11px}.card-pool{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.card-item{cursor:pointer;color:#e0e0e0;background:#0f0f1a;border:1px solid #3a3a55;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:52px;padding:10px 4px;transition:all .15s;display:flex}.card-item:hover:not(:disabled){background:#1a1a30;border-color:#ffd400}.card-item:disabled{opacity:.45;cursor:not-allowed}.card-item.excluded{opacity:.4;border-color:#f44;position:relative}.card-item.excluded:after{content:"✖";color:#f44;font-size:12px;position:absolute;top:3px;right:6px}.card-label{font-size:15px;font-weight:700}.card-label.master{color:#ffd400;font-size:12px}.card-label.suka{color:#f44}.card-label.mino{justify-content:center;align-items:center;display:flex}.card-hint{color:#888;font-size:9px}.mino-icon{--mino-cell:9px;gap:1px;display:inline-grid}.mino-icon-cell{width:var(--mino-cell);height:var(--mino-cell);border-radius:1px}.mino-icon-cell.on{box-shadow:inset 0 0 0 1px #fff3}.action-buttons{flex-direction:column;gap:8px;display:flex}.btn-draw,.btn-eat,.btn-shop{cursor:pointer;border:none;border-radius:10px;padding:14px;font-size:16px;font-weight:700;transition:all .15s}.btn-draw{color:#fff;background:#3d6bff}.btn-draw:hover:not(:disabled){background:#5a84ff}.btn-draw:disabled{color:#666;cursor:not-allowed;background:#2a3a6a}.btn-eat{color:#1a1a2e;background:#ff9f1c}.btn-eat:hover:not(:disabled){background:#ffb84d}.btn-eat:disabled{color:#888;cursor:not-allowed;background:#5a4020}.btn-shop{color:#fff;background:#2a8a5a;padding:11px;font-size:14px}.btn-shop:hover:not(:disabled){background:#34a86e}.btn-shop:disabled{color:#777;cursor:not-allowed;background:#1e3a2c}.mino-controls{margin-top:2px}.ctrl-row{justify-content:center;gap:6px;margin-bottom:6px;display:flex}.ctrl-btn{color:#ccc;cursor:pointer;background:#16213e;border:1px solid #444;border-radius:8px;flex:1;height:46px;font-size:15px}.ctrl-btn:active{background:#2a3560}.ctrl-btn:disabled{opacity:.4;cursor:not-allowed}.ctrl-drop{background:#2a3a6a;flex:2;font-weight:700}.pause-row{gap:8px;display:flex}.btn-primary{color:#1a1a2e;cursor:pointer;background:#ffd400;border:none;border-radius:10px;width:100%;margin-bottom:8px;padding:12px;font-size:16px;font-weight:700;transition:background .15s;display:block}.btn-primary:hover{background:#ffe533}.btn-secondary{color:#ccc;cursor:pointer;background:#16213e;border:1px solid #444;border-radius:10px;width:100%;margin-bottom:8px;padding:10px;font-size:14px;transition:all .15s;display:block}.btn-secondary:hover{color:#ffd400;border-color:#ffd400}.btn-danger{color:#f66;cursor:pointer;background:#3a1414;border:1px solid #633;border-radius:10px;width:100%;padding:10px;font-size:14px;transition:all .15s;display:block}.btn-danger:hover{background:#4a1a1a}.btn-sm{margin-bottom:0;padding:8px;font-size:12px}.overlay{z-index:100;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay-box{text-align:center;background:#16213e;border-radius:16px;width:90%;max-width:400px;padding:28px 24px}.overlay-box h2{color:#ffd400;margin-bottom:20px;font-size:1.3rem}.rules-dialog{text-align:left;max-width:420px;max-height:86vh;overflow-y:auto}.rules-dialog h2{text-align:center;margin-bottom:8px}.rules-note{color:#999;text-align:center;margin-bottom:16px;font-size:.78rem}.rules-dialog .settings-group{margin-bottom:16px}.eat-dialog{text-align:left;max-width:480px}.eat-dialog h2{text-align:center;font-size:1.1rem}.kind-toggle{gap:8px;margin-bottom:12px;display:flex}.kind-btn{color:#ccc;cursor:pointer;background:#0f0f1a;border:1px solid #444;border-radius:8px;flex:1;padding:10px;font-size:14px}.kind-btn--active{color:#ffd400;border-color:#ffd400;font-weight:700}.preset-area{flex-wrap:wrap;gap:6px;max-height:160px;margin-bottom:12px;display:flex;overflow-y:auto}.preset-chip{color:#ccc;cursor:pointer;background:#0f3460;border:1px solid #1a4a8a;border-radius:20px;padding:6px 10px;font-size:13px;transition:all .15s}.preset-chip:hover{color:#fff;background:#1a5090}.preset-chip.used{opacity:.35;cursor:not-allowed;text-decoration:line-through}.free-input-row{gap:8px;margin-bottom:10px;display:flex}#eat-input{color:#fff;background:#0f0f1a;border:1px solid #444;border-radius:8px;flex:1;padding:10px 12px;font-size:15px}#eat-input:focus{border-color:#ffd400;outline:none}#btn-eat-ok{width:auto;margin-bottom:0;padding:10px 18px}.eat-error{color:#f88;background:#3a1414;border-radius:6px;margin-bottom:8px;padding:8px;font-size:13px}.master-dialog{max-width:440px}.master-choices{flex-wrap:wrap;justify-content:center;gap:10px;width:min(290px,100%);margin:12px auto 0;display:flex}.master-choice{color:#fff;cursor:pointer;background:#0f0f1a;border:2px solid #444;border-radius:10px;justify-content:center;align-items:center;width:64px;height:64px;padding:0;transition:all .15s;display:flex}.master-choice:hover{background:#1a1a30;border-color:#ffd400}.master-choice .mino-icon{--mino-cell:12px;gap:2px}.result-inner{width:90%;max-width:480px;padding:24px}.result-title{text-align:center;margin-bottom:20px;font-size:2rem;font-weight:700}.result-title.cleared{color:#ffd400}.result-title.gaveup{color:#999}.result-stats{background:#16213e;border-radius:12px;margin-bottom:16px;padding:16px}.result-row{border-bottom:1px solid #2a2a4a;justify-content:space-between;padding:6px 0;display:flex}.result-row:last-child{border-bottom:none}.result-row--main{color:#ffd400;font-size:16px;font-weight:700}.result-best{color:#7ac;text-align:center;background:#0f3460;border-radius:10px;min-height:40px;margin-bottom:14px;padding:12px;font-size:13px}.result-share{margin-bottom:14px}#share-text{color:#ccc;resize:none;background:#0f0f1a;border:1px solid #333;border-radius:8px;width:100%;height:70px;padding:8px;font-size:12px}.toast{color:#fff;z-index:200;pointer-events:none;text-align:center;background:#222;border-radius:20px;max-width:90%;padding:10px 20px;font-size:14px;animation:.2s fadeIn;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.success{color:#6e6;background:#1a4a2a}.toast.error{color:#f88;background:#3a1414}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}}@media (width<=600px){.game-layout{flex-direction:column}.board-area{border-bottom:1px solid #333;border-right:none;flex:auto;padding:4px}.side-area{flex:none;width:100%}.hud{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.hud-sep{grid-column:1/-1}.action-buttons{flex-flow:wrap}.btn-draw,.btn-eat{flex:45%}.btn-shop{flex:100%}}