:root{color:#283e36;font-synthesis:none;--green:#246b58;--dark:#174d42;--muted:#788079;--line:#e6e9e0;--red:#b55248;background:#f6f7f2;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,sans-serif;font-size:14px;font-weight:400;line-height:1.65}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button,input,select,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #c89a57}a{color:var(--green)}h1,h2,h3,p{margin:0}h1{letter-spacing:.035em;font-size:27px;font-weight:700;line-height:1.6}h2{letter-spacing:.025em;font-size:18px;font-weight:700}h3{font-size:14px;font-weight:700}small{font-size:11px}button svg{flex-shrink:0}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:10;background:#fffefa;flex-direction:column;width:223px;padding:35px 22px 24px;display:flex;position:fixed;inset:0 auto 0 0}.brand{text-align:left;color:var(--dark);letter-spacing:.12em;background:0 0;border:0;align-items:center;gap:12px;padding:0 7px;font-size:27px;font-weight:700;display:flex}.brand small{letter-spacing:.11em;margin-top:1px;font-size:8px;font-weight:500;display:block}.brand-mark{border:1.5px solid var(--green);border-bottom:4px solid var(--green);letter-spacing:0;background:#f3f7f0;border-radius:7px;place-items:center;width:38px;height:47px;font-size:26px;display:grid}.group-label{background:#f0f3ec;border-radius:8px;align-items:center;gap:11px;margin:44px 0 25px;padding:12px 14px;font-size:12px;font-weight:600;display:flex}.group-label small{color:var(--muted);font-size:10px;font-weight:400;display:block}.group-dot{background:#729175;border-radius:50%;width:8px;height:8px}.sidebar nav{gap:8px;display:grid}.nav-item{text-align:left;color:#7d877e;background:0 0;border:0;border-radius:8px;align-items:center;gap:14px;width:100%;padding:13px 17px;font-size:13px;font-weight:500;display:flex}.nav-item:hover{background:#f3f5ef}.nav-item.active{color:var(--dark);background:#e8efe6;font-weight:700}.nav-item i{background:#598d6c;border-radius:50%;width:6px;height:6px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:55px 8px 0}.prototype-tag{letter-spacing:.13em;color:#8a917e;font-size:9px}.sidebar-bottom p{color:#8a9188;margin:12px 0 25px;font-size:11px;line-height:2}.local-badge{color:#7d897c;align-items:center;gap:6px;font-size:10px;display:flex}.local-badge>span,.topbar-status>span{background:#88a17d;border-radius:50%;width:5px;height:5px}.main-shell{margin-left:223px}.topbar{border-bottom:1px solid var(--line);background:#fbfcf8;justify-content:space-between;align-items:center;height:66px;padding:0 43px;display:flex}.breadcrumb{color:#7f887f;font-size:11px}.breadcrumb>span{color:#bac0b4;padding:0 12px}.topbar-status{color:#7e887c;align-items:center;gap:7px;font-size:10px;display:flex}.mobile-brand{display:none}main{max-width:1325px;margin:0 auto;padding:22px 43px 0}.prototype-note{color:#7b867b;align-items:flex-start;gap:8px;margin-bottom:27px;font-size:10px;display:flex}.prototype-note svg{flex-shrink:0;margin-top:1px}.page-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:26px;display:flex}.eyebrow{letter-spacing:.19em;color:#86917e;margin-bottom:7px;font-size:9px;font-weight:600;display:block}.page-heading p{color:var(--muted);margin-top:7px;font-size:12px}.today{white-space:nowrap;color:#8a8d7f;font-size:11px}.hero{background:var(--dark);color:#f5f2e6;border-radius:14px;justify-content:space-between;align-items:center;min-height:257px;margin-bottom:23px;padding:37px 39px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:1;max-width:68%}.hero-tag{color:#c5d4bd;letter-spacing:.13em;margin-bottom:12px;font-size:10px;font-weight:500;display:inline-block}.hero h2{letter-spacing:.055em;font-size:26px;font-weight:600}.hero p{color:#c1d2c3;white-space:pre-line;max-width:400px;margin:12px 0 23px;font-size:12px;line-height:2.1}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:13px;min-height:43px;padding:12px 20px;font-size:12px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:var(--dark)}.button.secondary{color:#536351;background:#fffefa;border-color:#dce2d8}.button.cream{color:#294e3b;background:#f2ead3;box-shadow:0 3px #103d3333}.button.cream:hover{background:#fff8e8}.button.full{width:100%;display:flex}.hero-art{pointer-events:none;width:290px;height:240px;position:absolute;top:10px;right:0}.table-rings{border:1px solid #cadcba1a;border-radius:50%;width:285px;height:285px;position:absolute;top:-5px;right:-30px}.table-rings:before,.table-rings:after{content:"";border:1px solid #cadcba17;border-radius:50%;position:absolute;inset:25px}.table-rings:after{inset:50px}.art-tile{filter:drop-shadow(5px 14px 7px #05241e66);position:absolute}.art-tile .tile{background:#faf4df;border-bottom-width:8px;border-radius:9px;width:70px;height:98px}.art-tile .honor{font-size:52px}.art-tile-one{top:83px;left:20px;transform:rotate(-17deg)}.art-tile-two{top:45px;left:97px;transform:rotate(8deg)}.art-tile-three{top:110px;left:161px;transform:rotate(19deg)}.art-caption{letter-spacing:.2em;color:#98b09b;font-size:7px;position:absolute;bottom:3px;right:34px}.overview-cards{grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:25px;display:grid}.mini-card{border:1px solid var(--line);background:#fffefa;border-radius:10px;flex-direction:column;gap:10px;padding:20px 22px;display:flex}.mini-card>span{color:#7b8578;align-items:center;gap:8px;font-size:11px;display:flex}.mini-card>span svg{color:#809579}.mini-card strong{font-variant-numeric:tabular-nums;font-size:30px;font-weight:600;line-height:1.3}.mini-card strong small{color:#919787;margin-left:7px;font-size:11px;font-weight:400}.home-columns{grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:22px;display:grid}.card{border:1px solid var(--line);background:#fffefa;border-radius:11px;min-width:0;padding:25px}.section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px;display:flex}.section-title h2{font-size:15px}.section-title h3{font-size:13px}.section-title .eyebrow{margin-bottom:3px}.text-button{color:var(--green);background:0 0;border:0;align-items:center;gap:5px;padding:5px 0;font-size:11px;font-weight:500;display:inline-flex}.text-button:hover{text-decoration:underline}.text-button.subtle{color:#8b9185;font-size:10px}.rules-card h2{margin-bottom:20px;font-size:15px}.rule-row{border-bottom:1px solid #eff0e9;justify-content:space-between;gap:8px;padding:11px 0;font-size:11px;display:flex}.rule-row>span{color:#858d7c}.rule-row strong{font-size:11px;font-weight:500}.red-rule{align-items:center;gap:13px;margin:18px 0 13px;display:flex}.red-rule>div{gap:3px;display:flex}.red-rule>span{color:#8b8c7e;font-size:10px;line-height:1.8}.red-rule>span>b{color:#5b6a58;font-weight:500}.hint{color:#7f897b;margin:8px 0 13px;font-size:11px;line-height:1.85}.hint.centered{margin:12px 0 0;font-size:10px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:213px;padding:23px 18px;display:flex}.empty-icon{color:#91a185;background:#f0f3e9;border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:14px;display:grid}.empty-state h3{color:#55684f;margin-bottom:9px;font-size:13px;font-weight:500}.empty-state p{color:#9a9f90;max-width:345px;font-size:11px;line-height:1.9}.footer{border-top:1px solid var(--line);color:#979e90;letter-spacing:.03em;justify-content:space-between;margin-top:42px;padding:23px 0;font-size:9px;display:flex}.footer>span>span{color:#b4baaa;margin:0 8px}.pill{white-space:nowrap;color:#7f8b74;background:#f0f2eb;border-radius:5px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;display:inline-flex}.pill.live{color:#47734c;background:#e7eee4}.pill.live>span{background:#769963;border-radius:50%;width:5px;height:5px}.centered{text-align:center}.notice{color:#7c7b5d;background:#f5f4e8;border:1px solid #e4e6d8;border-radius:6px;padding:11px 13px;font-size:12px}.notice.compact{align-items:flex-start;gap:8px;margin:13px 0 19px;font-size:10px;line-height:1.8;display:flex}.notice svg{flex-shrink:0;margin-top:1px}.error{color:#ad4c3c;background:#fff1eb;border:1px solid #efc9be;border-radius:6px;margin:15px 0;padding:12px 15px;font-size:12px}.positive{color:#287762}.negative{color:#b95d50}.players{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 0 24px;display:grid}.player{border:1px solid var(--line);background:#fffefa;border-top:3px solid #477861;border-radius:9px;min-width:0;padding:19px 22px}.player-1{border-top-color:#c3986c}.player-2{border-top-color:#8b9dac}.player-top{align-items:center;gap:10px;display:flex}.avatar{color:#63805a;background:#e9efe5;border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.avatar-1{color:#a88761;background:#f1ebdf}.avatar-2{color:#72909e;background:#e9eef0}.player-name{overflow-wrap:anywhere;font-size:12px;font-weight:500;line-height:1.5}.seat{color:#7d8b75;flex-shrink:0;margin-left:auto;font-size:11px}.seat small{font-size:9px}.score{font-variant-numeric:tabular-nums;letter-spacing:.02em;margin-top:8px;font-size:30px;font-weight:600;line-height:1.4}.score small{color:#98a08f;margin-left:6px;font-size:10px;font-weight:400}.change{font-size:12px}.play-columns{grid-template-columns:minmax(0,1.75fr) minmax(255px,1fr);align-items:start;gap:22px;display:grid}.play-side{gap:20px;display:grid}.play-side .card{padding:20px}.round-form{padding:26px}.round-form .section-title h2{font-size:19px}.step-number{color:#d3dbc9;font-variant-numeric:tabular-nums;font-size:27px;font-weight:400}.segmented{background:#f0f2e9;border-radius:7px;gap:4px;padding:4px;display:flex}.segmented button{color:#87917e;white-space:nowrap;background:0 0;border:0;border-radius:5px;flex:1;padding:10px 6px;font-size:12px}.segmented button.selected{color:var(--green);background:#fffefa;font-weight:700;box-shadow:0 1px 5px #243f2c10}.result-options{margin:0 0 24px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:17px 0;display:grid}.form-grid label{min-width:0}label{color:#626f5d;flex-direction:column;gap:7px;font-size:11px;font-weight:500;display:flex}input,select{color:#3e533b;background:#fffefb;border:1px solid #dfe4d6;border-radius:6px;width:100%;min-width:0;min-height:43px;padding:10px 11px;font-size:12px}select{cursor:pointer}input::placeholder{color:#b0b6a8}input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--green);flex-shrink:0;margin:0}.checkbox{cursor:pointer;flex-direction:row;align-items:center;gap:8px;min-height:34px;font-weight:400}.check-row{flex-wrap:wrap;gap:8px 23px;display:flex}.field-note{color:#87917c;align-self:end;align-items:center;gap:7px;min-height:44px;font-size:10px;display:flex}.with-top{margin-top:23px}.hand-editor{margin-top:27px}.hand-editor .section-title{margin-bottom:6px}.tile{color:#285343;vertical-align:middle;background:linear-gradient(#fffef8,#f6f2e5);border:1px solid #d8dbc8;border-bottom:3px solid #c0c9b1;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:46px;padding:3px 4px;display:inline-flex;position:relative;box-shadow:0 1px 1px #1e48300a}.tile>svg{width:100%;height:100%}.tile .man{flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex}.tile .man b{font-size:19px}.tile .man small{color:#a85349;margin-top:3px;font-size:12px}.tile .honor{font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:24px;font-weight:700}.tile .white-dragon{border:2px solid #6c85a2;border-radius:2px;width:19px;height:28px}.tile.red-tile{color:#b95345}.tile.green-tile{color:#2d7353}button.tile:hover{background:#f0ecd6;transform:translateY(-2px)}.tile-small{width:26px;height:36px;padding:2px 3px}.tile-small .honor{font-size:20px}.tile-small .man b{font-size:17px}.tile-small .man small{font-size:9px}.tile-small .white-dragon{width:15px;height:22px}.tile-field{background:#fcfcf7;border:1px solid #e1e5d8;border-radius:7px;min-width:0;margin-bottom:9px;padding:10px 11px;transition:border-color .15s}.tile-field-active{background:#f2f6eb;border-color:#91af90;box-shadow:0 0 0 1px #91af9020}.tile-field-heading{text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:0 0 8px;font-size:11px;font-weight:600;display:flex}.tile-field-heading small{color:#8c957f;font-size:10px;font-weight:400}.input-here{color:#699164;margin-left:auto;font-size:8px;font-weight:400}.tile-row{flex-wrap:wrap;align-items:center;gap:3px;min-height:46px;display:flex}.empty-tiles{color:#9da791;background:0 0;border:0;justify-content:center;align-items:center;gap:12px;width:100%;min-height:45px;font-size:10px;display:flex}.tile-fields-small{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:8px;display:grid}.tile-picker{background:#f7f7f0;border:1px solid #e8eadd;border-radius:7px;margin-top:3px;padding:11px 10px 3px}.picker-label{color:#84917c;justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 3px;font-size:10px;display:flex}.palette-line{align-items:center;gap:9px;margin-bottom:7px;display:flex}.palette-tiles{flex-wrap:wrap;gap:3px;display:flex}.suit-label{color:#9caa90;flex-shrink:0;width:11px;font-size:10px}.tile-picker .hint{margin:10px 3px;font-size:9px}.melds{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.meld{background:#f2f4ec;border-radius:5px;align-items:center;gap:2px;padding:7px;display:flex}.meld>span:first-child{margin-right:3px;font-size:9px}.meld-builder{background:#f0f3e8;border-radius:6px;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:10px;padding:12px;display:grid}.meld-builder .button{grid-column:1/-1}fieldset{border:0;margin:20px 0;padding:0}legend{color:#68765f;margin-bottom:9px;font-size:11px;font-weight:600}.riichi-field{border-top:1px solid #e9ecdf;margin:22px 0 17px;padding-top:17px}.riichi-field legend{float:none;width:auto;margin-bottom:7px;padding-right:7px}.riichi-field:after{content:"";clear:both;display:block}.riichi-field .hint{margin-bottom:0;font-size:10px}.tenpai-field{padding:12px 0}.chart-key{color:#7d8778;flex-wrap:wrap;gap:14px;margin-bottom:12px;font-size:10px;display:flex}.chart-key>span{overflow-wrap:anywhere;align-items:center;gap:5px;display:flex}.chart-key i{border-radius:50%;flex-shrink:0;width:6px;height:6px}.trend svg{width:100%;height:auto;display:block}.trend svg text{fill:#9ba390;font-size:10px}.play-side .trend svg{min-height:125px}.chart-data{color:#8b957e;margin-top:8px;font-size:10px}.chart-data summary{cursor:pointer}.chart-data table{margin-top:8px}.quiet-note{color:#93a089;gap:10px;padding:0 3px;font-size:10px;line-height:1.9;display:flex}.quiet-note svg{flex-shrink:0;margin-top:2px}.evaluation{background:#eef3e6;border-radius:8px;align-items:center;gap:14px;margin:22px 0;padding:21px 17px;display:flex}.evaluation-icon{color:#608451;background:#dfead7;border-radius:50%;flex-shrink:0;place-items:center;width:43px;height:43px;display:grid}.evaluation strong{font-size:22px;font-weight:600}.yaku-tags{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.yaku-tags>span{color:#68805c;background:#fcfcf4;border:1px solid #e0e7d6;border-radius:4px;padding:3px 7px;font-size:10px}.yaku-tags b{color:#9ba58b;margin-left:6px;font-weight:400}.transfer-list{margin:13px 0 23px}.transfer{border-bottom:1px solid #eceee4;grid-template-columns:1fr 1.6fr auto;align-items:center;gap:9px;padding:12px 0;font-size:11px;display:grid}.transfer-reason{color:#8a927c;font-size:10px}.transfer-people{overflow-wrap:anywhere;align-items:center;gap:8px;font-size:11px;display:flex}.transfer-people svg{color:#a5b098;flex-shrink:0}.transfer strong{white-space:nowrap;font-size:16px;font-weight:500}.transfer strong small{color:#98a28b;margin-left:3px;font-size:9px}.preview-card .players{gap:9px}.preview-card .player{padding:11px}.preview-card .score{font-size:22px}.preview-card .avatar{display:none}.preview-card .player-name{font-size:10px}.next-round{color:#738064;background:#f3f5ec;border-radius:6px;align-items:center;gap:8px;margin:15px 0;padding:12px;font-size:11px;display:flex}.next-round>span{margin-left:auto;font-size:10px}.manual-edit{border-top:1px solid var(--line);margin:20px 0;padding-top:15px;font-size:11px}.manual-edit summary{cursor:pointer;color:#899479}.manual-edit>label{margin:15px 0}.override-fields{grid-template-columns:repeat(3,1fr)}.form-actions{justify-content:space-between;gap:10px;margin-top:24px;display:flex}.form-actions>.primary{flex:1}.round-record{border-bottom:1px solid var(--line)}.round-record summary{cursor:pointer;align-items:center;gap:12px;padding:16px 0;list-style:none;display:flex}.round-record summary::-webkit-details-marker{display:none}.record-round{color:#89927c;flex-shrink:0;font-size:10px}.record-result{overflow-wrap:anywhere;flex:1;font-size:12px}.record-result small{color:#8e997e;margin-top:3px;font-size:10px;display:block}.round-record summary>svg{color:#aab69b;flex-shrink:0}.round-record[open] summary>svg{transform:rotate(45deg)}.record-body{padding:6px 0 15px}.record-hand{margin-bottom:12px}.winning-gap{width:7px}.record-meld{align-items:center;gap:2px;margin-left:7px;display:inline-flex}.record-meld>small{color:#96a089;margin-right:3px;font-size:9px}.record-indicators{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.record-indicators>span:not(.tile){color:#98a08d;margin-right:5px;font-size:9px}.play-side .round-record summary{gap:8px}.play-side .transfer{grid-template-columns:1fr auto}.play-side .transfer-reason{grid-column:1/-1}.play-side .transfer strong{font-size:13px}.undo-button{color:#8d927d;margin-top:15px;font-size:10px}.table-scroll{max-width:100%;overflow:auto}table{border-collapse:collapse;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;width:100%;font-size:11px}th,td{border-bottom:1px solid var(--line);padding:11px 10px}thead th{color:#98a08e;font-size:10px;font-weight:400}th:first-child,td:first-child{text-align:left}tbody th{font-weight:500}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}.record-body table{font-size:10px}.record-body th,.record-body td{padding:8px 6px}.stats-filters{max-width:450px}.stats-table{margin-top:15px}.stats-table td{padding-top:17px;padding-bottom:17px}.footnote{color:#98a08e;margin-top:18px;font-size:10px;line-height:1.9}.match-row{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:15px;width:100%;padding:19px 0;display:flex}.match-row:last-child{border:0}.match-row:hover .match-main strong{color:var(--green)}.match-symbol{color:#8a9e78;background:#edf1e6;border-radius:7px;flex-shrink:0;place-items:center;width:39px;height:43px;display:grid}.match-main{flex:1;min-width:0}.match-main strong{font-size:12px;font-weight:500;display:block}.match-main>span{color:#94a085;overflow-wrap:anywhere;margin-top:4px;font-size:10px;display:block}.match-meta{text-align:right}.match-meta>small{color:#a3ac94;margin-top:4px;font-size:9px;display:block}.match-row>svg{color:#9ea991}.back-link{margin-bottom:20px}.history-trend{margin:20px 0}.history-trend .trend{max-width:900px}.finish-banner{background:#e9efdf;border:1px solid #dfe7d4;border-radius:10px;align-items:center;gap:16px;padding:22px 26px;display:flex}.finish-icon{color:#7e9057;background:#f5f4e4;border:1px solid #cdd7b9;border-radius:50%;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:25px;display:grid}.finish-banner>div>span{color:#8a987b;font-size:10px;display:block}.finish-banner strong{color:#586d45;font-size:20px}.finish-points{color:#5a7850;font-variant-numeric:tabular-nums;margin-left:auto;font-size:26px}.finish-points small{margin-left:5px;font-size:11px}.correction-history{color:#859376;margin-top:20px;font-size:11px}.correction-history summary{cursor:pointer}.correction-history p{margin:13px 0}.correction-history small{font-size:9px}.modal{border:1px solid var(--line);color:#3a4e34;background:#fffefa;border-radius:14px;width:490px;max-width:calc(100% - 30px);max-height:calc(100dvh - 40px);padding:27px;box-shadow:0 20px 90px #12322340}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#193b3266}.modal-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;display:flex}.modal-heading h2{font-size:20px}.icon-button{color:#8d9a82;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.icon-button:hover{background:#eaf0e0}.modal-description{color:#8a957e;margin-bottom:14px;font-size:12px;line-height:1.9}.modal form>.button{margin-top:22px}.name-field{flex-direction:row;align-items:center;gap:12px;margin-bottom:10px}.name-field input{flex:1}.name-field small{color:#9ea98e;width:50px;font-size:10px;font-weight:400}.seat-chip{color:#799260;background:#edf2e4;border-radius:6px;flex-shrink:0;place-items:center;width:31px;height:31px;display:grid}.rule-summary{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.rule-summary span{color:#899677;background:#f1f3ea;border-radius:4px;padding:4px 8px;font-size:10px}.toast-region{pointer-events:none;z-index:30;justify-content:center;padding:0 15px;display:flex;position:fixed;bottom:25px;left:223px;right:0}.toast{color:#f3f5e9;background:#285948;border-radius:8px;align-items:center;gap:10px;max-width:550px;padding:13px 20px;font-size:12px;display:flex;box-shadow:0 5px 20px #193d3029}.toast svg{flex-shrink:0}.middot{color:#c1c9b4;margin:0 5px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1450px){.hero-art{right:60px}.hero{padding:42px 45px}.hero h2{font-size:29px}.home-columns{grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr)}}@media (width<=1150px){.sidebar{width:185px;padding:30px 15px 23px}.main-shell{margin-left:185px}main{padding-left:27px;padding-right:27px}.topbar{padding:0 27px}.brand{gap:8px;font-size:25px}.brand-mark{width:34px;height:44px}.hero{padding:28px}.hero h2{font-size:22px}.hero-art{right:-50px;transform:scale(.9)}.hero-copy{max-width:72%}.home-columns{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:16px}.card{padding:21px}.play-columns{grid-template-columns:minmax(0,1fr)}.play-side{grid-template-columns:1fr 1fr}.play-side .quiet-note{grid-column:1/-1}.round-form{max-width:none}.tile-picker .tile{width:37px;height:50px}.player{padding:16px}.score{font-size:27px}.toast-region{left:185px}h1{font-size:24px}.today{display:none}.overview-cards{gap:12px}.mini-card{padding:17px}.red-rule{gap:9px}}@media (width<=800px){.sidebar{width:78px;padding:26px 10px}.brand{justify-content:center;padding:0}.brand>span:last-child,.group-label,.sidebar-bottom,.nav-item>span{display:none}.sidebar nav{margin-top:46px}.nav-item{justify-content:center;padding:15px;position:relative}.nav-item i{position:absolute;top:10px;right:7px}.main-shell{margin-left:78px}.toast-region{left:78px}.home-columns{grid-template-columns:1fr}.rules-card{grid-template-columns:1fr 1fr;gap:0 25px;display:grid}.rules-card>.eyebrow,.rules-card>h2{grid-column:1/-1}.rules-card>.red-rule{flex-direction:column;grid-area:3/2/5;place-self:center;align-items:flex-start;margin:0}.rules-card>.rule-row{grid-column:1}.rules-card>.hint{grid-area:5/2;align-self:center;margin:0;font-size:10px}.hero-art{right:-38px;transform:scale(.8)}.hero-copy{max-width:76%}.hero h2{font-size:21px}.hero p{font-size:11px}.player-top{gap:6px}.player-name{font-size:10px}.avatar{width:22px;height:22px;font-size:9px}.seat{font-size:10px}.score{font-size:25px}.page-heading .button{gap:7px;padding:9px 12px;font-size:10px}}@media (width<=580px){:root{font-size:13px}.sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#fffefbf5;border-top:1px solid #e2e7d9;border-right:0;width:100%;height:auto;padding:0;inset:auto 0 0}.sidebar>.brand{display:none}.sidebar nav{padding:5px 10px calc(5px + env(safe-area-inset-bottom));grid-template-columns:repeat(4,1fr);gap:0;margin:0;display:grid}.nav-item{border-radius:6px;flex-direction:column;gap:3px;min-height:49px;padding:7px 4px;font-size:9px}.nav-item>span{display:block}.nav-item.active{color:var(--green);background:0 0}.nav-item.active svg{stroke-width:2.3px}.nav-item>svg{width:20px;height:20px}.nav-item i{top:5px;right:calc(50% - 16px)}.main-shell{margin-left:0}.topbar{height:58px;padding:0 20px}.breadcrumb{display:none}.mobile-brand{color:var(--green);align-items:center;gap:8px;font-family:Yu Mincho,serif;font-size:20px;font-weight:700;display:flex}.mobile-brand b{letter-spacing:.1em;font-family:inherit;font-size:19px}.topbar-status{font-size:9px}main{padding:16px 17px 70px}.prototype-note{gap:6px;margin-bottom:20px;font-size:9px;line-height:1.8}.prototype-note svg{width:14px;height:14px;margin-top:2px}.page-heading{align-items:flex-start;margin-bottom:21px}.eyebrow{letter-spacing:.15em;margin-bottom:6px;font-size:8px}h1{letter-spacing:.01em;font-size:21px}.page-heading p{margin-top:6px;font-size:10px}.hero{border-radius:11px;align-items:flex-start;min-height:268px;margin-bottom:16px;padding:27px 24px 25px}.hero h2{max-width:210px;font-size:21px;line-height:1.7}.hero-copy{max-width:100%}.hero-tag{margin-bottom:9px;font-size:8px}.hero p{max-width:235px;margin:12px 0 19px;font-size:10px;line-height:2}.hero .button{z-index:2;gap:11px;min-height:41px;padding:10px 14px;font-size:11px;position:relative}.hero-art{transform-origin:50%;opacity:.85;top:-16px;right:-84px;transform:scale(.57)}.art-caption{display:none}.table-rings{width:350px;height:350px;top:-35px;right:-35px}.overview-cards{gap:8px;margin-bottom:19px}.mini-card{border-radius:8px;gap:10px;padding:14px 11px}.mini-card>span{white-space:nowrap;gap:4px;font-size:9px}.mini-card>span svg{width:12px;height:12px}.mini-card strong{font-size:24px}.mini-card strong small{margin-left:5px;font-size:9px}.home-columns{gap:18px}.card{border-radius:9px;padding:19px 17px}.section-title h2{font-size:13px}.section-title{margin-bottom:13px}.text-button{font-size:10px}.empty-state{min-height:211px;padding:20px 9px}.empty-state p{max-width:285px;font-size:10px}.empty-state h3{font-size:12px}.empty-icon{width:49px;height:49px}.rules-card{gap:0 12px}.rules-card h2{margin-bottom:12px;font-size:14px}.rule-row{gap:5px;padding:10px 0;font-size:10px}.rule-row strong{font-size:10px}.red-rule>span,.rules-card .hint{font-size:9px}.footer{gap:15px;margin-top:28px;padding:20px 0;font-size:8px}.footer>span>span{margin:0 3px}.footer>span:last-child{white-space:nowrap}.players{gap:7px;margin-bottom:19px}.player{border-top-width:2px;border-radius:7px;padding:10px 9px}.avatar{display:none}.player-top{align-items:baseline;gap:5px}.player-name{flex:1;font-size:10px}.seat{font-size:9px}.seat small{font-size:8px}.score{letter-spacing:0;white-space:nowrap;margin-top:8px;font-size:22px}.score small{margin-left:3px;font-size:8px}.play-columns{gap:17px}.round-form{padding:19px 14px}.round-form .section-title h2{font-size:17px}.step-number{font-size:25px}.segmented{gap:3px}.segmented button{padding:9px 4px;font-size:11px}.form-grid{gap:10px}.form-grid label{font-size:10px}input,select{padding:9px 8px;font-size:16px}label{font-size:11px}.field-note{gap:5px;font-size:9px}.hand-editor{margin-top:23px}.hint{font-size:10px}.tile{flex-shrink:0;width:27px;height:39px;padding:3px}.tile .honor{font-size:22px}.tile .man b{font-size:17px}.tile .man small{font-size:10px}.tile .white-dragon{width:16px;height:25px}.tile-picker{padding:9px 7px 2px}.tile-picker .tile{width:100%;max-width:none;height:41px;padding:2px}.palette-tiles{flex:1;grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;min-width:0;display:grid}.palette-line{gap:7px;margin-bottom:7px}.suit-label{width:9px;font-size:9px}.palette-line:nth-child(2){margin-bottom:8px}.tile-fields-small{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:6px}.tile-field{padding:8px}.tile-field-heading{gap:5px;font-size:10px}.tile-field-heading small{font-size:8px}.input-here{font-size:7px}.tile-row{gap:2px;min-height:40px}.empty-tiles{gap:6px;min-height:38px;font-size:9px}.tile-small{width:24px;height:34px;padding:2px}.tile-small .honor{font-size:18px}.tile-small .white-dragon{width:14px;height:21px}.play-side{grid-template-columns:1fr;gap:17px}.play-side .card{padding:19px 17px}.play-side .trend svg{min-height:0}.play-side .quiet-note{grid-column:auto}.check-row{gap:6px 16px}.checkbox{font-size:11px}.button{padding:11px 14px;font-size:11px}.result-options{margin-bottom:21px}.riichi-field .hint{font-size:9px}.transfer{grid-template-columns:1fr 1.6fr auto;gap:6px;font-size:10px}.transfer-people{gap:5px;font-size:10px}.transfer-reason{font-size:9px}.transfer strong{font-size:15px}.evaluation{gap:12px;padding:16px 13px}.evaluation strong{font-size:20px}.evaluation-icon{width:36px;height:36px}.yaku-tags>span{padding:3px 6px;font-size:9px}.yaku-tags{gap:4px}.preview-card .players{gap:6px}.preview-card .player{padding:9px 7px}.preview-card .score{font-size:21px}.preview-card .seat{display:none}.next-round{gap:5px;padding:11px 9px;font-size:10px}.next-round>span{font-size:9px}.form-actions{gap:8px}.form-actions .button{gap:5px;padding:10px 9px;font-size:10px}.form-actions .button svg{width:15px;height:15px}.manual-edit .form-grid{gap:8px}.override-fields{grid-template-columns:1fr 1fr 1.2fr}.toast-region{bottom:calc(75px + env(safe-area-inset-bottom));left:0}.toast{padding:11px 15px;font-size:11px}.modal{max-width:calc(100% - 24px);max-height:calc(100dvh - 30px);padding:22px 18px}.modal-heading h2{font-size:18px}.modal-description{font-size:11px}.notice.compact{font-size:9px}.name-field{gap:8px}.rule-summary{gap:6px}.rule-summary span{font-size:9px}.page-heading>.button{gap:5px;min-height:35px;padding:8px;font-size:9px}.page-heading>.button svg{width:13px;height:13px}.match-row{gap:10px}.match-main strong{font-size:11px}.match-main>span{font-size:9px}.match-symbol{width:32px;height:38px}.match-row>svg{width:15px;height:15px}.match-meta .pill{font-size:9px}.pill{padding:4px 6px;font-size:9px}.page-heading>.pill{margin-top:18px}.chart-key{gap:12px;font-size:9px}.finish-banner{gap:12px;padding:16px}.finish-banner strong{font-size:17px}.finish-points{font-size:23px}.record-round{font-size:9px}.record-result{font-size:11px}.record-result small{font-size:9px}.round-record summary{gap:9px}.record-body .hint,.record-body table{font-size:9px}.record-body th,.record-body td{padding:8px 5px}.footnote{font-size:9px}.stats-table{font-size:10px}.stats-filters{margin-top:20px}.history-trend{margin:17px 0}.footer{padding-bottom:14px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.button:hover,button.tile:hover{transform:none}}@media (width<=580px){.hero-title-part,.rules-card{display:block}.rules-card>.red-rule{flex-direction:row;gap:14px;margin:18px 0 13px}.rules-card>.hint{margin:8px 0 0}.rule-row,.rule-row strong{font-size:11px}}.cloud-entry{max-width:540px;margin:45px auto;padding:20px}.cloud-brand{color:var(--dark);letter-spacing:.08em;align-items:center;gap:13px;margin-bottom:24px;font-size:28px;font-weight:700;display:flex}.cloud-brand small{letter-spacing:.03em;margin-top:4px;font-size:10px;font-weight:400;display:block}.auth-card{padding:30px}.auth-card h1{font-size:21px}.auth-card form>label{margin:17px 0}.auth-card label .hint{margin:0}.auth-card .google-button{margin:23px 0}.auth-links{justify-content:space-between;gap:12px;margin:17px 0 5px;display:flex}.auth-card .notice{margin:16px 0}.local-mail{border-top:1px solid var(--line);margin-top:23px;padding-top:17px;font-size:11px}.local-mail summary{cursor:pointer;color:#657a5c}.mail-item{border-bottom:1px solid var(--line);overflow-wrap:anywhere;flex-direction:column;gap:4px;padding:13px 0;display:flex}.mail-item span{color:var(--muted)}.group-entry{max-width:740px}.group-entry .cloud-brand{margin:0}.group-entry h1{font-size:24px}.group-entry h2{font-size:16px}.group-entry .notice{margin:14px 0}.invite-prompt{background:#eef4e7;border:1px solid #d4e2c9;border-radius:8px;margin:24px 0;padding:20px}.invite-link{margin:18px 0 25px}.invite-link input{font-size:12px}.new-group{border-top:1px solid var(--line);margin-top:27px;padding-top:25px}.new-group label{margin-bottom:17px}.group-request{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:13px 0;display:flex}.group-request>span{overflow-wrap:anywhere;flex:1;font-size:12px}.group-entry details summary{cursor:pointer;font-size:12px}.cloud-error{color:#a44433;z-index:25;background:#fff1e9;border:1px solid #e9b5a5;border-radius:8px;max-width:calc(100% - 30px);padding:14px 20px;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.cloud-error button{background:0 0;border:0;margin-left:10px;font-size:20px}@media (width<=580px){.cloud-entry{margin:13px auto;padding:17px}.cloud-brand{margin-bottom:22px;font-size:25px}.auth-card{padding:23px 19px}.auth-card h1{font-size:19px}.auth-links{flex-wrap:wrap;gap:3px}.group-entry h1{font-size:21px}.group-request{gap:8px}.group-request .button{padding:9px 12px}.topbar-status .text-button{font-size:9px}.cloud-error{width:calc(100% - 30px);bottom:85px}}