:root{color-scheme:dark;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}body{margin:0;background:radial-gradient(circle at top left,#1f2a48,#0b1224 60%);color:#f1f5ff}.app{max-width:1180px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:1.75rem 1.25rem 2.5rem;gap:1.25rem}.app__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.app__header h1{font-size:1.75rem;letter-spacing:.06em;margin:0}.app__controls{display:flex;align-items:center;gap:1rem}.app__button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.55rem 1.1rem;border-radius:999px;cursor:pointer;font-size:.95rem;font-weight:600;transition:transform .15s ease,box-shadow .15s ease,opacity .2s ease;box-shadow:0 10px 22px #2563eb40}.app__button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #2563eb59}.app__button:disabled{background:linear-gradient(135deg,#394a6b,#2a3652);cursor:not-allowed;box-shadow:none;opacity:.65}.app__checkbox{display:flex;align-items:center;gap:.45rem;font-size:.92rem;color:#d1dcff}.app__checkbox input{width:1.1rem;height:1.1rem}.app__status{font-size:.98rem;min-height:1.5rem;color:#dbe4ff}.app__main{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1.5rem}.board{background:#0c1222c7;border:1px solid rgba(85,112,166,.35);border-radius:18px;padding:1.4rem 1.6rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 35px #0e1a3499;display:flex;flex-direction:column;gap:1.25rem}.board__info{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem 1.2rem;font-size:.95rem}.board__label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#7ea7ff;margin-bottom:.2rem}.board__value{font-size:1.05rem;font-weight:600}.board__hand{display:flex;flex-wrap:nowrap;gap:.65rem;justify-content:flex-start;align-items:flex-end;min-height:140px;padding:.85rem .4rem;border-radius:12px;background:#121c3299;border:1px dashed rgba(94,117,170,.35);overflow-x:auto;scrollbar-color:rgba(126,167,255,.4) transparent}.board__hand::-webkit-scrollbar{height:6px}.board__hand::-webkit-scrollbar-thumb{background:#7ea7ff66;border-radius:999px}.board__placeholder{color:#95a7d8;font-size:.95rem;margin:0 auto}.sidebar{display:flex;flex-direction:column;gap:1rem}.sidebar__actions{display:flex;flex-direction:column;gap:.75rem}.preview-panel{background:#081022e0;border:1px solid rgba(62,96,160,.45);border-radius:16px;padding:1rem 1.1rem;box-shadow:inset 0 0 24px #050a12bf;display:flex;flex-direction:column;gap:.75rem}.preview-panel__header{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.5rem}.preview-panel__header h2{font-size:1rem;color:#f6f7ff;margin:0}.preview-panel__header span{font-size:.75rem;color:#9bb0df}.preview-panel__table-container{max-height:320px;overflow-y:auto}.preview-table{width:100%;border-collapse:collapse;font-size:.92rem}.preview-table th,.preview-table td{text-align:left;padding:.4rem .35rem;border-bottom:1px solid rgba(255,255,255,.06)}.preview-table th{font-size:.8rem;letter-spacing:.06em;color:#8fb6ff;text-transform:uppercase}.preview-table__discard{font-weight:700;font-size:1rem;color:#f9fbff}.preview-table__effective{font-family:Fira Code,SFMono-Regular,Consolas,Roboto Mono,monospace;font-size:.85rem;color:#cfdafc}.preview-panel__empty{margin:0;color:#95a7d8;font-size:.9rem}.sidebar__log{flex:1;min-height:280px;background:#060c1cd9;border:1px solid rgba(56,81,128,.35);border-radius:16px;padding:1rem;overflow:auto;box-shadow:inset 0 10px 24px #0006;display:flex;flex-direction:column;gap:.6rem}.sidebar__log-title{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#7ea7ff}.sidebar__log pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:Fira Code,SFMono-Regular,Consolas,Roboto Mono,monospace;line-height:1.5;font-size:.92rem;color:#dbe7ff}.tile-button{position:relative;width:72px;height:104px;padding:0;border:none;background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s ease,filter .12s ease}.tile-button img{width:96%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(6,10,18,.55));pointer-events:none}.tile-button__code{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-size:.7rem;letter-spacing:.08em;color:#111c34e6;font-weight:700;background:#ffffffe6;padding:.08rem .45rem;border-radius:999px;box-shadow:0 2px 6px #00000040}.tile-button--drawn:after{content:"ツモ";position:absolute;top:8px;right:8px;background:#3b82f6e6;color:#fff;font-size:.62rem;font-weight:700;padding:.08rem .35rem;border-radius:999px;letter-spacing:.08em}.tile-button--readonly{cursor:default}.tile-button:disabled{cursor:not-allowed;filter:grayscale(.35)}.tile-button:hover:not(:disabled){transform:translateY(-3px)}@media(max-width:980px){.app__main{grid-template-columns:1fr}.sidebar__actions{flex-direction:row;flex-wrap:wrap}}@media(max-width:640px){.app{padding:1.25rem .75rem 1.75rem}.tile-button{width:64px;height:96px}}*{box-sizing:border-box}a{color:inherit}