*{box-sizing:border-box}body{margin:0;font-family:Hiragino Sans,Noto Sans JP,sans-serif;background:#1c2b22;color:#eee}.setup{max-width:640px;margin:0 auto;padding:32px 16px 64px}.setup h1{text-align:center;letter-spacing:.3em}.setup__section{background:#243828;border-radius:12px;padding:16px 20px;margin-bottom:16px}.setup__section h2{margin:0 0 12px;font-size:16px;color:#ffd97a}.setup__row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.setup__cpu-label{width:110px;flex-shrink:0}.setup select{flex:1;min-width:0;font-size:15px;padding:8px 10px;border-radius:6px}.choice{flex:1;text-align:center;padding:10px 20px;border-radius:8px;background:#1a2a1e;cursor:pointer;border:2px solid transparent}.choice--on{border-color:#ffd97a;background:#31482f}.choice input{display:none}.setup__desc{font-size:12px;color:#b8c4b8;line-height:1.8}.setup__rules{font-size:13px;color:#b8c4b8}.btn{display:inline-flex;align-items:center;gap:4px;font-size:16px;font-weight:700;padding:10px 18px;border-radius:10px;border:none;cursor:pointer;background:#e8e3d0;color:#222}.btn:hover{filter:brightness(1.1)}.btn--primary{background:#ffd97a}.btn--win{background:#ff7a5c;color:#fff}.btn--riichi{background:#5c9dff;color:#fff}.btn--gray{background:#9aa39a}.btn--large{display:block;width:100%;font-size:20px;padding:14px}.table-wrap{position:relative;width:100vw;height:100vh;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.board{--board: min(88vmin, 940px);position:relative;margin-top:6px;width:var(--board);height:var(--board);background:radial-gradient(circle at 50% 50%,#2c6e49,#1f5438 70%);border-radius:16px;box-shadow:inset 0 0 60px #0006}.zone{position:absolute;left:0;top:50%;width:var(--board);height:calc(var(--board) / 2);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;pointer-events:none;transform-origin:50% 0%}.zone--0{transform:rotate(0)}.zone--1{transform:rotate(-90deg)}.zone--2{transform:rotate(180deg)}.zone--3{transform:rotate(90deg)}.zone__river{margin-bottom:8px;min-height:calc(var(--board) * .16);display:flex;align-items:flex-start}.zone__bottom{display:flex;align-items:flex-end;gap:12px;padding-bottom:6px;max-width:100%}.zone__hand{pointer-events:auto}.river{display:flex;flex-direction:column;gap:2px}.river__row{display:flex;gap:2px}.hand{display:flex;gap:2px;align-items:flex-end}.melds{display:flex;gap:6px}.meld{display:flex;gap:1px;align-items:flex-end}.tile{position:relative;flex-shrink:0}.tile--clickable{cursor:pointer;transition:transform .08s}.tile--clickable:hover{transform:translateY(-8px)}.tile--disabled svg{opacity:.45}.tile--dimmed svg{opacity:.5}.tile--highlighted svg{outline:3px solid #ffd97a;border-radius:6px}.center-info{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--board) * .34);background:#0a1910d9;border-radius:12px;padding:10px 14px;text-align:center;font-size:calc(var(--board) * .018);z-index:2}.center-info__round{font-size:1.5em;font-weight:700;color:#ffd97a}.center-info__sub{color:#b8c4b8;margin:2px 0 6px}.center-info__dora{display:flex;justify-content:center;gap:2px;margin-bottom:8px}.center-info__scores{display:flex;flex-direction:column;gap:2px;text-align:left}.center-info__score{display:flex;gap:6px;align-items:center;padding:1px 6px;border-radius:6px}.center-info__score--turn{background:#ffd97a40}.center-info__score .wind{font-weight:700;width:1.4em}.center-info__score .wind--east{color:#ff8a6a}.center-info__score .name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-info__score .pts{font-variant-numeric:tabular-nums;font-weight:700}.center-info__score .riichi-stick{color:#ff5c5c}.action-bar{position:fixed;bottom:6px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:8px;align-items:center;max-width:98vw;background:#0a1910eb;border:1px solid rgba(255,217,122,.35);border-radius:14px;padding:8px 14px;z-index:10}.action-bar__hint{color:#ffd97a;font-weight:700}.action-bar__source{display:inline-flex;align-items:center;gap:4px;color:#ffd97a;font-size:14px;font-weight:700;margin-right:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:20}.modal{background:#21372a;border-radius:16px;padding:24px 28px;max-width:640px;max-height:86vh;overflow-y:auto;box-shadow:0 12px 40px #00000080}.modal h2,.modal h3{margin-top:0;color:#ffd97a}.modal .btn--primary{margin-top:16px;width:100%}.result-hand{display:flex;flex-wrap:wrap;gap:2px;align-items:flex-end;margin-bottom:8px}.result-hand__wintile{margin-left:10px}.result-hand__meld{display:flex;gap:1px;margin-left:12px}.result-ura{display:flex;gap:4px;align-items:center;font-size:13px;margin-bottom:6px}.result-yaku{list-style:none;padding:0;margin:8px 0;columns:2;font-size:14px}.result-yaku li{display:flex;justify-content:space-between;padding:2px 12px 2px 0}.result-win__type{color:#ff7a5c;font-size:1.25em;margin-right:10px}.result-score{font-size:18px;font-weight:700;color:#ffd97a;margin:8px 0}.result-loser{color:#ff9a8a}.result-tenpai{display:flex;gap:8px;align-items:center;margin:4px 0;font-size:13px}.result-tenpai__tiles{display:flex;gap:1px}.delta-table,.final-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:15px}.delta-table td,.final-table td{padding:4px 10px;border-bottom:1px solid #345040}.delta-table .plus{color:#7adf9a}.delta-table .minus{color:#ff9a8a}.final-table--me{background:#ffd97a1f}.top-buttons{position:fixed;top:10px;right:10px;display:flex;gap:8px;z-index:5}.top-btn{background:#0a1910cc;color:#ddd;border:1px solid #456;border-radius:8px;padding:6px 12px;cursor:pointer;font-size:14px}.banner{position:absolute;left:50%;top:32%;transform:translate(-50%,-50%);padding:14px 40px;border-radius:14px;font-size:calc(var(--board) * .045);font-weight:900;letter-spacing:.12em;color:#fff;background:#0a1910d9;border:2px solid #ffd97a;z-index:15;animation:banner-pop .18s ease-out;pointer-events:none;white-space:nowrap}.banner--call{border-color:#7adf9a;color:#baf5cd}.banner--riichi{border-color:#5c9dff;color:#cfe2ff}.banner--win{border-color:#ff7a5c;color:#ffd9cf}@keyframes banner-pop{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.tenpai-panel{position:absolute;left:50%;bottom:27%;transform:translate(-50%);background:#0a1910eb;border:1px solid rgba(122,223,154,.5);border-radius:12px;padding:8px 14px;z-index:6;max-height:calc(var(--board) * .3);overflow-y:auto;pointer-events:none}.tenpai-panel__title{color:#7adf9a;font-size:13px;font-weight:700;margin-bottom:4px;text-align:center}.tenpai-panel__row{display:flex;align-items:center;gap:5px;margin:3px 0}.tenpai-panel__arrow{font-size:12px;color:#b8c4b8}.tenpai-panel__wait{position:relative;display:inline-flex}.tenpai-panel__wait small{position:absolute;right:-3px;bottom:-4px;background:#ffd97a;color:#222;font-size:10px;font-weight:700;border-radius:6px;padding:0 3px;line-height:1.3}.tenpai-panel__total{font-size:12px;color:#ffd97a;margin-left:6px}.riichi-waits{position:absolute;left:1.5%;bottom:1.5%;display:flex;align-items:center;gap:6px;background:#0a1910eb;border:1px solid rgba(92,157,255,.6);border-radius:10px;padding:6px 10px;z-index:6;pointer-events:none}.riichi-waits__label{color:#9dc4ff;font-size:12px;font-weight:700;white-space:nowrap}.riichi-waits__furiten{color:#ff8a8a;font-size:12px;font-weight:700;border:1px solid #ff8a8a;border-radius:6px;padding:1px 6px}