@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@500;600;700&display=swap";:root{color:#e8ede6;font-synthesis:none;--gold:#d9be87;--muted:#95a59d;--line:#dcead721;background:#10221e;font-family:Noto Sans JP,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a{color:inherit;text-decoration:none}button{color:inherit}input,select{color:#eef1e8;background:#122820;border:1px solid #415047;border-radius:8px;width:100%;min-width:0;padding:13px}input::placeholder{color:#7d9085}select{appearance:auto}button{transition:background .18s,transform .18s}button:hover:not(:disabled){filter:brightness(1.13)}.app-shell{background:radial-gradient(at 34%,#28463a66,#0000 58%),#10221e;min-height:100dvh;overflow:hidden}.app-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:96px;margin:0 4%;display:flex}.brand{letter-spacing:5px;align-items:center;gap:12px;font-family:Noto Serif JP,serif;font-size:26px;display:flex}.brand-mark{color:#204c3e;letter-spacing:0;background:#e8e5d5;border-bottom:5px solid #adaf95;border-radius:5px;place-items:center;width:40px;height:49px;font-size:25px;display:grid;box-shadow:0 4px 12px #0003}.brand small{letter-spacing:3px;color:#a9b8a9;margin-top:1px;font:9px Noto Sans JP,sans-serif;display:block}.header-note{color:#afbeb1;letter-spacing:3px;font-size:12px}.header-actions{align-items:center;gap:24px;display:flex}.poc-badge{color:#d5dcca;font-size:12px}.poc-badge i{color:#95ab98;letter-spacing:1px;border-left:1px solid #657667;margin-left:12px;padding-left:12px;font-size:9px;font-style:normal}.icon-button{border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:21px;display:grid}.main{grid-template-columns:minmax(0,1fr) 335px;gap:38px;max-width:1600px;margin:0 auto;padding:40px 4% 24px;display:grid}.scene-panel{min-width:0;position:relative}.scene-heading{z-index:4;pointer-events:none;position:relative}.eyebrow{letter-spacing:2px;color:var(--gold);font-size:10px;font-weight:500}h1{letter-spacing:4px;margin:10px 0 8px;font-family:Noto Serif JP,serif;font-size:clamp(26px,2.5vw,38px);font-weight:500;line-height:1.8}h2{letter-spacing:1px;margin:20px 0 12px;font-size:22px;font-weight:500}.scene-heading p{letter-spacing:2px;color:#a7b8aa;margin:0;font-size:12px}.scene{isolation:isolate;height:490px;margin-top:-65px;position:relative}.ambient-ring{border:1px solid #b8c6a20e;border-radius:50%;width:76%;height:58%;position:absolute;top:30%;left:12%;transform:rotateX(35deg);box-shadow:0 0 0 40px #b8c6a203,0 0 0 80px #b8c6a203}.player{transform-origin:50% 75%;pointer-events:none;width:clamp(145px,23vw,275px);position:absolute}.person-body{aspect-ratio:4/3;width:100%;position:relative}.person-video{object-fit:contain;width:100%;height:100%;display:block}.silhouette{opacity:.65;width:100%;height:100%;position:relative;-webkit-mask-image:linear-gradient(#000 45%,#0000 100%);mask-image:linear-gradient(#000 45%,#0000 100%)}.silhouette i{background:linear-gradient(115deg,#718a7040,#718a7010);border:1px solid #97ad8b20;border-radius:45% 45% 42% 42%;width:25%;height:36%;display:block;position:absolute;top:9%;left:37.5%}.silhouette b{background:linear-gradient(115deg,#718a7038,#718a7007);border:1px solid #97ad8b1a;border-radius:46% 46% 15% 15%;width:69%;height:60%;position:absolute;top:47%;left:15.5%}.nameplate{white-space:nowrap;color:#aebfae;background:#13271fbd;border-radius:5px;align-items:center;gap:7px;max-width:290px;padding:6px 9px;font-size:10px;display:flex;position:absolute;top:3%;left:50%;transform:translate(-50%,-100%)}.nameplate strong{text-overflow:ellipsis;max-width:130px;font-size:11px;font-weight:500;overflow:hidden}.nameplate>span:last-of-type{color:#7e9882;border-left:1px solid #91a58736;padding-left:6px;font-size:9px}.nameplate small{font-size:8px}.presence{background:#6b8173;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.presence.online{background:#bbcb92;box-shadow:0 0 7px #aabb7c45}.player-front .nameplate{top:8%}.in-lobby .player-front{margin-top:40px}.player-left .nameplate,.player-right .nameplate{top:6%}.table-shadow{z-index:2;filter:blur(22px);background:#0005;border-radius:50%;width:76%;height:39%;position:absolute;top:53%;left:12%}.mahjong-table{z-index:3;background:linear-gradient(140deg,#65513b,#2b3026 40%,#615039);border:2px solid #87745a;border-bottom:15px solid #342e24;border-radius:24px;width:70%;height:47%;padding:15px;position:absolute;top:37%;left:15%;transform:perspective(900px)rotateX(32deg);box-shadow:0 16px #151e18,0 19px #3c3d2f,0 24px 28px #0005,inset 0 0 0 5px #a0a0781a}.table-felt{background:radial-gradient(at 40% 30%,#457362,#275443);border:2px solid #172f24;border-radius:12px;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 35px #0c3025a0}.table-felt:after{content:"";pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.table-line{border:1px solid #a5b89222;border-radius:10px;position:absolute;inset:15%}.table-center{text-align:center;width:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.table-center>span{color:#bdd1b1;letter-spacing:8px;font-family:Noto Serif JP,serif;font-size:15px}.table-center strong{color:#d9dec0;font-size:25px;font-weight:500;line-height:1.6;display:block}.table-center small{color:#94ac91;font-size:13px}.table-center em{letter-spacing:1px;color:#b2c2a2;font-size:8px;font-style:normal}.wind{color:#b9c8a17a;font-family:serif;font-size:12px;position:absolute}.wind-top{top:22%;left:49%}.wind-left{top:47%;left:18%}.wind-right{top:47%;right:18%}.wind-bottom{bottom:12%;left:49%}.tile-wall{gap:2px;display:flex;position:absolute}.tile-wall i{background:#eee8d5;border-top:7px solid #81a789;border-radius:2px;width:clamp(9px,1.2vw,19px);height:19px;box-shadow:0 3px #c6c7a9,0 5px #527459,1px 5px 3px #173124}.wall-top{top:8%;left:50%;transform:translate(-50%)}.wall-left{top:50%;left:7%;transform:translate(-50%,-50%)rotate(90deg)}.wall-right{top:50%;right:7%;transform:translate(50%,-50%)rotate(90deg)}.sample-hand{z-index:4;background:linear-gradient(#0000,#1b2c20);border-bottom:2px solid #71856773;border-radius:3px;gap:3px;padding:6px 8px 10px;display:flex;position:absolute;top:81%;left:50%;transform:translate(-50%)}.mahjong-tile{color:#34392c;background:linear-gradient(115deg,#faf7e8,#dbdcc6);border-bottom:4px solid #9cbaa2;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;width:clamp(20px,2.6vw,35px);height:clamp(36px,4vw,49px);font-family:Noto Serif JP,serif;line-height:1.25;display:flex;box-shadow:1px 2px 3px #0007}.mahjong-tile span{font-size:18px;font-weight:700}.mahjong-tile small{color:#a95443;font-size:12px}.mahjong-tile.honor span{color:#32725b}.sample-label{color:#798f7c;letter-spacing:1px;font-size:8px;position:absolute;top:calc(100% + 7px);right:0}.your-seat{letter-spacing:1px;color:#adbdab;white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;top:98%;left:50%;transform:translate(-50%)}.scene-caption{border-top:1px solid var(--line);color:#849a89;letter-spacing:1px;justify-content:space-between;gap:8px;margin-top:40px;padding-top:17px;font-size:10px;display:flex}.lobby-panel{background:linear-gradient(150deg,#294235b0,#1a3027a0);border:1px solid #b1c3a523;border-radius:14px;align-self:start;padding:28px 26px;box-shadow:0 18px 70px #0001}.lobby-number{color:var(--gold);font-family:serif;font-size:23px}.lobby-number span{letter-spacing:2px;color:#a2b39e;font-family:Noto Sans JP,sans-serif;font-size:10px}.muted{color:#a9b9a9;font-size:12px;line-height:1.95}.field-label{letter-spacing:1px;margin:22px 0 9px;font-size:11px;display:block}.privacy-note{color:#93ab98;align-items:flex-start;gap:10px;margin:17px 0 14px;display:flex}.privacy-note>span{color:#c3c5a0}.privacy-note p{margin:0;font-size:10px;line-height:1.8}.button{border:0;border-radius:7px;padding:15px 18px;font-size:12px;font-weight:600}.primary{color:#27352a;background:#dcc28e;box-shadow:0 3px 12px #0002}.lobby-panel .primary{justify-content:space-between;align-items:center;width:100%;display:flex}.primary>span{font-size:20px;line-height:1}.secondary{white-space:nowrap;background:#415c46;border:1px solid #a0b4943d;padding:12px}.preview-button{color:#c4cdb7;background:0 0;border:0;border-bottom:1px solid #c4cdb755;margin:0 0 14px;padding:0;font-size:10px}.divider{color:#89a18e;align-items:center;gap:9px;margin:22px 0 0;font-size:10px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.join-row{gap:8px;display:flex}.join-row input{letter-spacing:1px;font-size:12px}.lobby-footnote{text-align:center;color:#849e8a;margin:20px 0 0;font-size:9px;line-height:1.9}.app-footer{border-top:1px solid var(--line);color:#789180;letter-spacing:1px;justify-content:space-between;gap:16px;margin:8px 4% 0;padding:23px 0;font-size:9px;display:flex}.app-footer i{margin:0 8px;font-style:normal}.in-room{max-width:1300px;padding-top:25px;display:block}.in-room .scene-heading{text-align:center}.in-room h1{margin:4px 0;font-size:23px;line-height:1.7}.in-room .scene-heading p{font-size:10px}.in-room .scene{height:560px;margin-top:25px}.in-room .player{width:300px;max-width:30%}.in-room .mahjong-table{width:60%;height:48%;top:35%;left:20%}.in-room .scene-caption{margin-top:32px}.in-room .sample-hand{top:80%}.in-room .your-seat{top:95%}.room-toolbar{justify-content:space-between;align-items:center;gap:20px;padding-top:22px;display:flex}.room-info{align-items:center;gap:15px;display:flex}.room-info strong{letter-spacing:3px;font-size:16px;font-weight:500}.text-button{color:#c4c9ae;text-underline-offset:4px;background:0 0;border:0;padding:4px 0;font-size:10px;text-decoration:underline}.media-controls{gap:8px;display:flex}.control{background:#2d4936;border:1px solid #5c7760;border-radius:7px;padding:12px;font-size:11px}.control.off{color:#8fa88e;background:#29382d}.control.leave{color:#dbba9e;background:#493a30;border-color:#765846}.status-toast,.notice{z-index:20;color:#25382a;background:#ede9da;border-radius:10px;align-items:center;gap:15px;max-width:calc(100% - 30px);padding:16px 22px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 4px 30px #0006}.notice span{overflow-wrap:anywhere}.notice button{color:#324632;background:0 0;border:0;font-size:23px}.status-toast{bottom:95px}.spinner{border:2px solid #7f9880;border-right-color:#0000;border-radius:50%;width:15px;height:15px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.audio-unlock{z-index:21;position:fixed;bottom:92px;left:50%;transform:translate(-50%)}.settings-panel{z-index:12;background:#1b3028;border:1px solid #677e6555;border-radius:14px;width:330px;max-width:calc(100% - 32px);padding:23px;position:fixed;top:16px;bottom:16px;right:16px;overflow:auto;box-shadow:-20px 0 80px #0007}.settings-title{justify-content:space-between;align-items:center;display:flex}.settings-title h2{margin:5px 0 10px;font-size:20px}.settings-panel h3{letter-spacing:1px;margin:23px 0 12px;font-size:12px;font-weight:500}.local-preview{color:#a1b798;background:radial-gradient(#496951,#283f31);border-radius:10px;place-items:center;height:155px;font-size:11px;display:grid;overflow:hidden}.settings-help{color:#93a88f;font-size:9px;line-height:1.8}.seat-tabs{gap:5px;display:flex}.seat-tabs button{color:#91a98e;background:#13271e;border:1px solid #63815944;border-radius:5px;flex:1;padding:8px;font-size:11px}.seat-tabs button.active{color:#2d412e;background:#d0bd8c}.slider-field{margin:15px 0;display:block}.slider-field>span{color:#b7c7ad;justify-content:space-between;font-size:10px;display:flex}.slider-field output{color:#dcc795}.slider-field input{accent-color:#d0bd8c;cursor:pointer;height:18px;margin-top:7px;padding:0}.peer-settings{border-top:1px solid var(--line);padding-bottom:15px}.peer-settings small{color:#8da487;margin-top:10px;font-size:8px;line-height:1.9;display:block}@media (width>=1500px){.scene{height:530px;margin-top:-45px}.main{gap:60px}.player{width:290px}.lobby-panel{margin-top:10px}}@media (width<=1050px){.main{grid-template-columns:minmax(0,1fr) 300px;gap:18px;padding-inline:3%}.lobby-panel{padding:24px 20px}.scene{height:460px;margin-top:0}.scene-heading h1{font-size:25px}.nameplate small{display:none}.scene-caption{letter-spacing:0;font-size:8px}.room-toolbar{flex-wrap:wrap}.header-note{display:none}.player{width:210px}.in-lobby .mahjong-table{width:85%;left:7.5%}.in-lobby .tile-wall i{width:9px}.in-lobby .table-center{width:120px}.in-lobby .table-center em{font-size:7px}.in-lobby .sample-hand{gap:2px}.in-lobby .mahjong-tile{width:21px}.app-footer{font-size:8px}}@media (width<=760px){.app-header{height:76px}.brand{font-size:22px}.brand-mark{width:34px;height:43px}.header-actions{gap:12px}.poc-badge i{display:none}.main{flex-direction:column;gap:28px;padding-top:24px;display:flex}.in-lobby .scene-heading{text-align:center}.scene-heading h1{font-size:25px}.in-lobby .scene{height:390px;margin-top:0}.in-lobby .player-front{margin-top:10px}.player{width:180px;max-width:38%}.nameplate{gap:4px;padding:5px;font-size:8px}.nameplate strong{max-width:90px;font-size:9px}.nameplate>span:last-of-type{font-size:8px}.in-lobby .mahjong-table{border-radius:18px;width:74%;height:44%;padding:10px;top:38%;left:13%}.in-lobby .sample-hand{top:80%}.table-center>span{font-size:12px}.table-center strong{font-size:20px}.table-center em{font-size:7px}.tile-wall i{border-top-width:5px;height:14px}.mahjong-tile span{font-size:16px}.in-lobby .your-seat{top:99%}.scene-caption{margin-top:35px;padding-top:15px}.lobby-panel{align-self:center;width:100%;max-width:440px;padding:25px}.lobby-panel h2{margin-top:10px}.app-footer{flex-direction:column;gap:4px;line-height:1.8}.in-room{width:100%;padding-inline:3%}.in-room .scene{height:440px}.in-room .player{max-width:37%}.in-room .mahjong-table{width:76%;height:44%;padding:10px;top:38%;left:12%}.in-room h1{font-size:18px}.in-room .sample-hand{top:80%}.in-room .mahjong-tile{width:23px;height:37px}.in-room .your-seat{top:98%}.room-info{flex-wrap:wrap;gap:10px}.room-info .eyebrow{font-size:8px}.room-info strong{font-size:14px}.media-controls{flex-wrap:wrap;width:100%}.control{white-space:nowrap;flex:1;padding:12px 8px;font-size:10px}.room-toolbar{gap:16px}.notice{width:max-content;max-width:calc(100% - 24px);font-size:11px}}@media (height<=600px) and (orientation:landscape){.app-header{height:45px}.brand-mark{width:29px;height:34px;font-size:20px}.brand{font-size:18px}.brand small{display:none}.in-room{padding-top:5px;padding-bottom:4px}.in-room:not(.in-game) .scene-heading{display:none}.in-room .scene-heading h1{font-size:16px}.in-room .scene{height:clamp(160px,100dvh - 190px,380px);margin-top:4px}.in-room .player{width:clamp(125px,34dvh,185px);max-width:26%}.in-room .mahjong-table{width:52%;left:24%}.in-room .sample-hand{top:81%}.in-room .mahjong-tile{width:22px;height:29px}.in-room .mahjong-tile span{font-size:14px}.in-room .mahjong-tile small{font-size:10px}.in-room .table-center strong{font-size:18px}.in-room .table-center em,.in-room .scene-caption,.in-room .your-seat,.in-room .sample-label{display:none}.room-toolbar{flex-wrap:nowrap;gap:8px;padding-top:12px}.room-info{gap:8px}.room-info .eyebrow{display:none}.media-controls{flex-wrap:nowrap;width:auto}.control{padding:10px 8px}.app-footer{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.match-start{border:1px solid var(--line);background:#1c362a;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin:15px 0;padding:18px 22px;display:flex}.match-start strong{letter-spacing:1px;font-size:14px}.match-start p{color:var(--muted);margin:8px 0 0;font-size:10px}.start-actions{align-items:center;gap:12px;display:flex}.start-actions select{width:115px;font-size:12px}.start-actions button{white-space:nowrap}.in-game .scene{height:540px;margin-top:5px}.in-game .mahjong-table{width:64%;height:65%;top:29%;left:18%;transform:perspective(1100px)rotateX(12deg)}.in-game .your-seat{display:none}.in-game .scene-caption{margin-top:8px}.game-center{color:#e5edd2;flex-direction:column;align-items:center;gap:5px;width:28%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-center>strong{letter-spacing:2px;font-size:18px}.game-center>span{font-size:10px}.dora-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;font-size:10px;display:flex}.game-center .dora-list{margin-top:4px}.table-player{text-align:center;width:28%;position:absolute}.table-player-top{top:3%;left:36%}.table-player-bottom{bottom:3%;left:36%}.table-player-left{top:28%;left:2%}.table-player-right{top:28%;right:2%}.seat-score{color:#d7e4c9;border-radius:4px;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;margin-bottom:4px;padding:2px;font-size:9px;line-height:1.6;display:flex}.seat-score.active-turn{background:#e4ca9140;box-shadow:0 0 0 1px #d8c189}.seat-score b{background:#1b3c2c;padding:0 4px}.seat-score em{color:#ffe49b;font-style:normal}.game-river{grid-template-columns:repeat(6,minmax(0,18px));justify-content:center;gap:2px;max-height:104px;display:grid;overflow:auto}.game-river>span{justify-content:center;display:flex}.game-river .game-tile{width:100%;max-width:18px}.called-discard{opacity:.3}.riichi-discard{border-radius:3px;box-shadow:0 0 0 2px #e7c17b}.meld-area{flex-wrap:wrap;justify-content:center;gap:5px;max-height:55px;margin-top:5px;display:flex;overflow:auto}.meld{gap:1px;display:flex}.meld .game-tile.small{width:14px;height:21px}.meld .suit-caption{display:none}.game-tile{color:#263c2c;vertical-align:middle;background:linear-gradient(120deg,#fffbed,#dfe1ca);border:1px solid #c7cbb8;border-bottom:5px solid #81a78e;border-radius:4px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:60px;font-family:Noto Serif JP,serif;line-height:1;display:inline-flex;position:relative;box-shadow:1px 3px 3px #0004}.game-tile.small{border-bottom-width:3px;border-radius:2px;width:18px;height:27px;box-shadow:0 1px 1px #0003}.tile-number{font-size:23px;font-weight:700}.wan-label{color:#a64438;margin-top:3px;font-size:16px}.honor-character{font-size:26px;font-weight:700}.honor-5{color:#4f7879;border:1px solid #6c9595;border-radius:2px;padding:5px;font-size:18px}.honor-6{color:#267347}.honor-7{color:#a3322c}.tile-pattern{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:3px;width:29px;height:33px;margin-top:2px;display:grid}.tile-pattern i{visibility:hidden}.tile-pattern i.filled{visibility:visible;background:#2f6980}.tile-pattern.dots i{border:1px solid #183d4e;border-radius:50%;box-shadow:inset 0 0 0 1px #e6ead8}.tile-pattern.bamboo{gap:2px 5px}.tile-pattern.bamboo i{background:#39794f;border-top:2px solid #1e5032;border-bottom:2px solid #1e5032;border-radius:2px}.suit-caption{color:#244d47;margin-top:4px;font:9px sans-serif}.game-tile.red .tile-number,.game-tile.red .wan-label,.game-tile.red .suit-caption{color:#be362d}.game-tile.red .filled{background:#bb453b;border-color:#96342b}.small .tile-number{font-size:10px}.small .wan-label{margin-top:1px;font-size:8px}.small .honor-character{font-size:14px}.small .honor-5{padding:2px;font-size:9px}.small .tile-pattern{gap:1px;width:12px;height:13px;margin:0}.small .tile-pattern.bamboo{gap:1px 2px}.small .tile-pattern i{box-shadow:none;border-width:0}.small .suit-caption{margin-top:1px;font-size:6px}.game-controls{padding:15px 0 5px}.hand-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.hand-heading>span:first-child{align-items:center;gap:10px;display:flex}.hand-heading b{border:1px solid var(--gold);width:25px;height:25px;color:var(--gold);border-radius:4px;place-items:center;display:inline-grid}.hand-heading em{color:var(--gold);font-style:normal}.turn-message{color:#d8c395;font-size:11px}.play-hand{justify-content:center;gap:4px;max-width:100%;margin:18px auto 12px;padding:10px 0;display:flex;overflow-x:auto}.play-hand .game-tile{cursor:pointer;padding:0;transition:transform .15s}.play-hand .game-tile:disabled{opacity:1;cursor:default}.play-hand:has(button:not(:disabled)) .game-tile:disabled{opacity:.55}.play-hand .game-tile:not(:disabled):hover{box-shadow:0 0 0 2px var(--gold);transform:translateY(-8px)}.play-hand .drawn-tile{margin-left:14px}.game-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:38px;display:flex}.game-actions .button{align-items:center;gap:8px;min-height:42px;display:flex}.action-tiles{gap:2px;display:inline-flex}.round-result{border:1px solid var(--gold);background:#203f2f;border-radius:12px;margin:18px 0;padding:22px}.result-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.result-title h2{color:var(--gold);margin:0;font-size:30px}.result-title h2 small{color:#e8ecd8;margin-left:16px;font-size:16px}.result-title>strong{font-size:18px}.round-result>p{color:#cad6bf;font-size:12px}.winning-hand{flex-wrap:wrap;gap:3px;margin:20px 0;display:flex}.winning-hand .game-tile{width:32px;height:46px}.winning-hand .tile-number{font-size:18px}.winning-hand .tile-pattern{gap:2px;width:22px;height:25px}.winning-hand .wan-label{font-size:12px}.winning-hand .honor-character{font-size:20px}.yaku-list{line-height:1.8}.score-changes{flex-wrap:wrap;gap:12px;margin:18px 0;display:flex}.score-changes>span{background:#132a1e;border-radius:7px;min-width:120px;padding:12px 18px;font-size:12px}.score-changes strong{margin-top:5px;font-size:17px;display:block}.gain{color:#dcd499}.loss{color:#e6a299}.match-result{border:1px solid var(--gold);border-radius:10px;margin:15px 0;padding:20px}.match-result h2{color:var(--gold);margin:0 0 16px}.match-result>div{border-top:1px solid var(--line);grid-template-columns:50px 1fr 100px 60px;gap:15px;padding:15px 0;font-size:14px;display:grid}@media (width<=760px){.match-start{flex-direction:column;align-items:flex-start;padding:12px}.match-start p{font-size:8px}.match-start strong{font-size:12px}.in-game .scene{height:470px}.in-game .mahjong-table{width:92%;height:66%;padding:7px;top:30%;left:4%;transform:none}.in-game .player{width:145px;max-width:28%}.in-game .player-left,.in-game .player-right{margin-top:-35px}.game-center>strong{font-size:13px}.game-center>span,.seat-score{font-size:8px}.game-river{grid-template-columns:repeat(6,minmax(0,14px));gap:1px;max-height:105px}.game-river .game-tile{height:23px}.table-player{width:30%}.table-player-top,.table-player-bottom{left:35%}.table-player-left{left:1%}.table-player-right{right:1%}.game-tile{border-bottom-width:3px;width:23px;height:38px}.game-tile .tile-number{font-size:15px}.game-tile .wan-label{font-size:11px}.game-tile .tile-pattern{gap:2px;width:17px;height:20px}.game-tile .suit-caption{margin-top:2px;font-size:7px}.game-tile .honor-character{font-size:18px}.game-tile .honor-5{padding:2px;font-size:12px}.game-tile.small .tile-number{font-size:10px}.game-tile.small .wan-label{font-size:8px}.game-tile.small .tile-pattern{gap:1px;width:11px;height:12px}.game-tile.small .suit-caption{font-size:6px}.game-tile.small .honor-character{font-size:13px}.play-hand{justify-content:flex-start;gap:2px}.play-hand .drawn-tile{margin-left:5px}.hand-heading,.turn-message{font-size:10px}.game-actions{gap:6px}.game-actions .button{padding:9px;font-size:11px}.result-title h2{font-size:25px}.result-title>strong{font-size:14px}.round-result{padding:15px}.score-changes>span{min-width:100px;padding:10px}.game-controls{padding-top:8px}}@media (height<=600px) and (orientation:landscape){.in-game .scene-heading{display:none}.in-game .scene{height:360px;margin-top:0}.in-game .mahjong-table{width:62%;height:73%;padding:8px;top:25%;left:19%;transform:none}.in-game .player{width:135px;max-width:20%}.in-game .player-front{width:120px}.in-game .player-left,.in-game .player-right{margin-top:-20px}.in-game .game-controls{padding-top:8px}.in-game .game-river{grid-template-columns:repeat(6,minmax(0,14px));max-height:70px}.in-game .game-river .game-tile{height:21px}.in-game .game-center>strong{font-size:12px}.in-game .game-center>span,.in-game .seat-score{font-size:8px}.in-game .play-hand{justify-content:center;margin:6px 0;padding:6px 0}.in-game .play-hand .game-tile{width:28px;height:42px}.in-game .tile-number{font-size:17px}.in-game .wan-label{font-size:11px}.in-game .tile-pattern{width:20px;height:22px}.in-game .honor-character{font-size:20px}.in-game .game-tile.small .tile-number{font-size:10px}.in-game .game-tile.small .wan-label{font-size:8px}.in-game .game-tile.small .tile-pattern{width:11px;height:12px}.in-game .game-tile.small .honor-character{font-size:12px}.in-game .game-actions .button{min-height:30px;padding:7px 10px;font-size:10px}.in-game .room-toolbar{padding-top:10px}.match-start{margin:8px 0;padding:10px}.match-start p{font-size:8px}}