:root{font-family:Helvetica Neue,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#1f2933;background-color:#f5f6f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}body{margin:0;min-height:100vh;background-color:inherit}button{font-family:inherit}textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.app{min-height:100vh}main{width:min(960px,calc(100% - 32px));margin:40px auto;display:flex;flex-direction:column;gap:24px}.lobby__header,.room__header{display:flex;flex-direction:column;gap:12px}.lobby__title,.room__title,.card__title{margin:0;color:#111827}.lobby__description{margin:0;color:#4b5563;font-size:.95rem}.room__status{font-weight:600;color:#2563eb}.room__back-link{font-size:.9rem}.card{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 12px 24px #0f172a14;display:flex;flex-direction:column;gap:16px}.card__title{font-size:1.1rem}.room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.room-grid__heading{margin:0 0 8px;font-size:.85rem;letter-spacing:.08em;color:#6b7280}.room-grid__list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.room-grid__link{display:inline-block;width:100%;padding:8px 12px;background-color:#eef2ff;border-radius:8px;color:#1d4ed8;font-weight:600;text-align:center;transition:background-color .2s ease,transform .2s ease}.room-grid__link:hover{background-color:#dbeafe;transform:translateY(-1px)}.action-buttons{display:flex;flex-wrap:wrap;gap:12px}.action-buttons button{padding:10px 16px;border-radius:8px;border:1px solid #cbd5f5;background-color:#e0e7ff;color:#1e3a8a;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease,border-color .2s ease}.action-buttons button:hover{background-color:#c7d2fe;transform:translateY(-1px);border-color:#818cf8}.custom-message{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.custom-message label{flex:1 1 280px;display:flex;flex-direction:column;gap:6px;color:#4b5563;font-size:.9rem}.custom-message input{padding:10px 12px;border-radius:8px;border:1px solid #cbd5f5;font-size:.95rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none}.button--primary{background-color:#2563eb;color:#fff;box-shadow:0 8px 20px #2563eb59}.button--primary:hover{transform:translateY(-1px);box-shadow:0 12px 24px #2563eb73}.button--secondary{background-color:#111827;color:#fff}.button--secondary:hover{transform:translateY(-1px)}.hand-row{display:flex;flex-wrap:wrap;gap:0;min-height:64px;justify-content:flex-start;width:100%}.section-label{font-size:.85rem;color:#6b7280;margin-bottom:6px}.section-label--inline{margin-top:8px}.mahjong-table .section-label{color:#c7d2ff}.tile-button{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;padding:0;cursor:pointer;border-radius:10px;transition:transform .2s ease,box-shadow .2s ease}.tile-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #6366f133}.tile-button:focus-visible{outline:3px solid rgba(59,130,246,.35);outline-offset:2px}.tile-button--tsumo,.tile-button--opponent-tsumo{margin-left:10px}.tile-gap{display:inline-block;width:52px;aspect-ratio:2.4 / 3.6;border:2px dashed rgba(148,163,184,.5);border-radius:10px;box-sizing:border-box;pointer-events:none}.tile-gap--opponent{border-color:#60a5fa73}.table-status{align-self:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding:clamp(12px,2vw,20px);border-radius:16px;background:#0f172aa6;box-shadow:inset 0 0 0 1px #94a3b833;min-width:min(100%,320px);margin:auto 0}.table-status__points{display:flex;align-items:center;justify-content:center;gap:18px}.table-status__points--stacked{flex-direction:column;gap:8px}.table-status__value{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.4rem;font-weight:700;color:#f8fafc}.table-status__number{font:inherit;color:inherit;text-align:center}.table-status__mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:.7rem;font-weight:700;letter-spacing:.08em;padding:0;border:1px solid rgba(250,204,21,.65);border-radius:50%;color:#facc15}.table-status__mark--hidden,.table-status__mark--spacer{visibility:hidden;border-color:transparent}.table-status__remaining{font-size:.95rem;font-weight:600;color:#e2e8f0e6}.action-countdown{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 18px;border-radius:18px;border:1px solid rgba(249,115,22,.55);background:#f9731640;color:#fde68a;min-width:180px;text-align:center;box-shadow:0 0 12px #f9731640}.action-countdown--expired{border-color:#94a3b866;background:#94a3b833;color:#cbd5e1e6;box-shadow:none}.action-countdown__segments{display:inline-flex;align-items:baseline;justify-content:center;gap:10px;font-weight:800}.action-countdown__value{font-size:1.8rem;line-height:1}.action-countdown__value--secondary{font-size:1.4rem;opacity:.8}.action-countdown__separator{font-size:1.4rem;opacity:.7}.player-area__content{position:relative;width:100%;max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(12px,2vw,24px)}.player-area__overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:100%;pointer-events:none}.player-area__overlay>*{pointer-events:auto}.action-controls{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;padding:12px 20px;border-radius:16px;background:#0f172ad1;box-shadow:0 12px 32px #0f172aa6;border:1px solid rgba(148,163,184,.35)}.action-controls__button{min-width:160px;padding:10px 18px;border-radius:9999px;border:none;background:linear-gradient(135deg,#f97316,#facc15);color:#0f172a;font-size:1.1rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.action-controls__button--secondary{background:linear-gradient(135deg,#94a3b8,#cbd5f5);color:#0f172a}.action-controls__button:hover{transform:translateY(-1px);box-shadow:0 10px 18px #f9731659}.action-controls__button:active{transform:translateY(1px);box-shadow:0 6px 12px #f9731640}.room-fullscreen{position:fixed;inset:0;width:100vw;height:100vh;display:flex;align-items:stretch;justify-content:stretch;background:#0b1120;box-sizing:border-box}.tile-button--small{border-radius:8px}.tile-figure{position:relative;display:inline-block;width:52px;max-width:100%;aspect-ratio:2.4 / 3.6}.tile-figure__base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.tile-figure__overlay{position:absolute;top:8%;left:8%;width:84%;height:84%;object-fit:contain;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.tile-figure__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#111827;background:#ffffffd9;border-radius:8px}.mahjong-table{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;width:100%;height:100%;padding:0;border-radius:0;background:linear-gradient(135deg,#0f1f33,#132b4d);color:#e3efff;box-shadow:inset 0 1px #ffffff0a;box-sizing:border-box}.room-fullscreen .mahjong-table{width:100%;height:100%}.opponent-area,.player-area{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(12px,2vw,24px);width:100%;max-width:820px;margin:0 auto;flex:1}.opponent-area{justify-content:flex-start;padding-top:clamp(8px,2vw,16px)}.player-area{justify-content:flex-end;align-self:stretch;padding-bottom:clamp(8px,2vw,16px)}.hand-row{display:flex;flex-wrap:wrap;gap:0;min-height:64px;justify-content:flex-start;width:100%;max-width:820px}.river{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.river__tiles{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:0;width:100%;max-width:820px;min-height:128px}.opponent-area .river{margin-top:clamp(32px,10vh,120px)}.player-area .river{margin-bottom:clamp(32px,10vh,120px)}.log-viewer{width:100%;min-height:240px;padding:12px;border:1px solid #cbd5f5;border-radius:8px;background-color:#0f172a;color:#4ade80;box-sizing:border-box}.room,.room--invalid,.not-found{min-height:calc(100vh - 80px)}@media (max-width: 640px){main{margin:24px auto;width:calc(100% - 24px)}.table-status{width:100%;padding:16px 20px}.table-status__points{flex-direction:column;gap:12px}.room-fullscreen .mahjong-table{width:100%;height:100%}}