:root{color:#474747;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f4f5f7;--ink:#474747;--heading:#474747;--link:#039;--hover:#eee;--accent:#f63;--line:#ccc;--muted:#70777f;--panel:#eee;--panel-ink:#474747;--panel-border:#ccc;--blue:#234b83;--blue-soft:#e9eef6;--orange:#f63;--paper:#fff;background:#f4f5f7;font-family:Arial,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{min-height:100vh;padding:0 max(env(safe-area-inset-right), 0px) env(safe-area-inset-bottom) max(env(safe-area-inset-left), 0px);background:var(--page);color:var(--ink);margin:0}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--heading);outline-offset:2px}input,select{color:#17212a;background:#fff;border:1px solid #555;border-radius:3px;min-width:0;padding:11px 12px;font-size:16px}input::placeholder{color:#687681}button{border:0}a{color:var(--link);text-decoration:underline}[hidden]{display:none!important}#app{min-height:100vh}.appbar{justify-content:space-between;align-items:center;gap:16px;width:min(100%,1100px);min-height:68px;margin:auto;padding:12px 24px;display:flex}.brand{color:#fff;letter-spacing:-.04em;align-items:center;gap:11px;font-size:25px;font-weight:900;text-decoration:none;display:inline-flex}.brand>span{color:var(--accent);text-shadow:0 1px #1b2216,0 0 12px #bbff5580;font-size:28px}.brand b{letter-spacing:2px;font-size:11px;line-height:1.45}.brand small{color:var(--muted);font-size:9px}.appbar-right{align-items:center;gap:14px;display:flex}.build-tag{color:var(--muted);letter-spacing:1px;font-size:10px}.site-nav{z-index:5;color:#222;background:#ccc;border:1px solid #171717;align-items:stretch;gap:3px;width:min(100% - 24px,960px);min-height:48px;margin:0 auto;padding:5px 8px;display:flex;position:sticky;top:0;overflow-x:auto;box-shadow:inset 1px 1px #fff,0 3px #171717}.site-nav a{color:#00c;white-space:nowrap;border-left:1px solid #555;border-right:1px solid #555;justify-content:center;align-items:center;min-width:92px;padding:7px 15px;font-weight:700;display:flex}.room-open .site-nav{display:none}.appbar-room-title{color:var(--heading);text-align:right;margin:0;font-size:18px;font-weight:800;line-height:1.25;display:none}.mobile-logout{display:none}.nav-status{color:#27352b;letter-spacing:1px;white-space:nowrap;align-items:center;gap:7px;margin-left:auto;padding:0 13px;font:700 11px Arial,sans-serif;display:flex}.nav-status i{background:#23bb60;border-radius:50%;width:9px;height:9px;box-shadow:0 0 8px #23bb6077}main{width:min(100%,1060px);margin:auto;padding:26px 24px 50px}#directory{gap:30px;display:grid}.intro{width:min(100%,820px);color:var(--panel-ink);text-align:center;background:linear-gradient(145deg,#f1f1e9 0%,#d8d9d1 55%,#b8bdbb 100%);border:2px outset #fff;border-radius:18px;margin:0 auto;padding:clamp(22px,4vw,38px);position:relative;box-shadow:inset 2px 2px #ffffffa8,inset -3px -3px #6667,0 18px 40px #0008}.eyebrow{color:#48704b;letter-spacing:2.4px;margin:0 0 12px;font-size:10px;font-weight:800}.hero-stones{justify-content:center;gap:12px;margin:4px auto 10px;display:flex}.hero-stones i{background:radial-gradient(circle at 35% 28%,#fff,#e7e4d8 53%,#999 100%);border:1px solid #66716b;border-radius:50%;width:33px;height:33px;box-shadow:inset -3px -4px 5px #3335,0 3px 5px #0005}.intro h1{color:#25252c;letter-spacing:-.055em;text-shadow:0 1px #fff,0 3px #8a8b8a,0 6px 10px #0003;margin:0 0 8px;font-size:clamp(42px,8vw,76px);line-height:1.05}.hero-subtitle{color:#25323a;margin:14px 0 22px;font-size:15px;font-weight:700;line-height:1.8}.home-options{text-align:left;gap:8px;width:min(100%,590px);margin:0 auto;display:grid}.home-option{color:#20232a;background:linear-gradient(#f4f4f4,#d8d9dc 60%,#bfc3c7);border:1px solid #7f8689;border-radius:7px;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:65px;padding:10px 14px;text-decoration:none;transition:transform .15s,background .15s,box-shadow .15s;display:grid;box-shadow:inset 1px 1px #fff,inset -1px -2px #6665,0 3px #595959}.home-option:hover{color:#182c37;background:linear-gradient(#f8fff5,#d7f0bd);transform:translateY(-1px);box-shadow:inset 1px 1px #fff,0 0 0 2px #bf5,0 4px #4b5849}.home-option>span:nth-child(2){gap:3px;display:grid}.home-option strong{letter-spacing:.03em;font-size:15px}.home-option small{color:#41484b;font-size:10px}.home-option>b{color:#324149;text-align:right;font-size:25px;font-weight:400}.option-icon{color:#fff;background:linear-gradient(145deg,#7160ce,#332078);border:1px solid #34265f;border-radius:50%;place-items:center;width:38px;height:38px;font-size:19px;display:grid;box-shadow:inset 1px 1px #ffffff7d,0 2px #413c50}.invite-icon{color:#4a331d;background:linear-gradient(145deg,#ffe7b3,#d89554)}.help-icon{background:linear-gradient(145deg,#55795a,#264b31)}.local-note{color:#253725;background:#c7e3b5;border:1px solid #78966d;margin-top:16px;padding:6px 11px;font-size:10px;font-weight:700;display:inline-block}.rooms-section{padding-top:5px;scroll-margin-top:70px}.rooms-head,.members-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.rooms-head .eyebrow{color:var(--accent);margin-bottom:4px}.rooms-head h2{color:var(--heading);text-underline-offset:5px;text-decoration:underline}h2{margin:0;font-size:20px}h2 small{color:#b7c6ce;letter-spacing:1.4px;margin-left:10px;font-size:10px;font-weight:500}.section-description{color:var(--muted);margin:9px 0 14px;font-size:12px;line-height:1.8}.multi-room-login{background:0 0;border:0;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:8px 10px;margin:0;padding:0;display:grid}.multi-room-login label{color:#3d3e44;gap:3px;font-size:12px;font-weight:800;display:grid}.multi-room-login label small{color:var(--muted);font-size:10px;font-weight:500}.multi-room-login input,.multi-room-login select{background:#fffffff0;border-color:#9999a0}.multi-room-login button{grid-column:2;justify-self:end;min-width:160px}.multi-room-login .primary{color:#333;background:linear-gradient(#fff,#d5d5d7);border-color:#8b8c91;box-shadow:inset 1px 1px #fff,0 2px #777}.login-scene{background:linear-gradient(#1d173022,#1d173032),url(/images/reversi-login-winter.jpg) 50% 48%/cover no-repeat;border:1px solid #96919c;place-items:center;min-height:360px;margin-top:16px;padding:24px;display:grid;box-shadow:inset 0 0 0 1px #ffffff80,0 5px 16px #10101b25}.login-panel{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f2f2f4c9;border:1px solid #e2e0e6;width:min(100%,490px);padding:20px;box-shadow:0 3px 12px #17152450,inset 1px 1px #ffffffb0}.login-status{color:#424553;background:#ffffffc9;border:1px solid #d8d7df;align-items:center;gap:9px;min-height:52px;margin:10px 0 0;padding:10px 12px;font-size:11px;line-height:1.55;display:flex}.login-status:before{content:"";background:#315e9a;border-radius:50%;flex:0 0 9px;width:9px;height:9px}.login-status[data-state=connecting]:before{animation:1.5s ease-in-out infinite login-pulse;box-shadow:0 0 0 3px #315e9a25}.login-status[data-state=ready]:before{background:#29a95e;box-shadow:0 0 0 3px #29a95e25}.login-status[data-state=error]{color:#7d332d;border-color:#cba8a4}.login-status[data-state=error]:before{background:#b74e42;box-shadow:0 0 0 3px #b74e4225}@keyframes login-pulse{50%{opacity:.42}}.login-help,.room-select-info{color:#234b83;background:#ffffffc9;margin:10px 0 0;padding:8px 10px;font-size:10px;line-height:1.55}.room-select-info{min-height:0}.room-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 20px;display:grid}.room-card{color:#1b242b;text-align:left;background:linear-gradient(145deg,#f1f2ed,#d2d4d2 58%,#aeb4b3);border:1px solid #a2a8a5;border-radius:8px;min-height:136px;padding:16px;transition:transform .15s,box-shadow .15s;box-shadow:inset 2px 2px #ffffffac,inset -2px -2px #535b5a6b,0 4px 12px #0006}.room-card:hover{color:#182c37;background:linear-gradient(145deg,#f9fff4,#d4edbb);border-color:#bf5;transform:translateY(-2px);box-shadow:inset 2px 2px #fff,0 0 0 2px #bf5,0 6px 16px #0008}.room-card-top{color:#376344;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.room-card-top small{color:#45515a;text-align:right;font-size:9px;font-weight:600}.room-card-top small:before{content:"● ";color:#2aae5d}.room-card h3{color:#242731;margin:20px 0 10px;font-size:18px}.room-card p{color:#414b50;margin:0;font-size:11px}.create-room{color:#20272d;background:#d1d1d1;border:2px inset #fff;grid-template-columns:minmax(150px,.8fr) minmax(160px,1.4fr) minmax(160px,1fr) auto;align-items:end;gap:10px;margin-top:16px;padding:15px;display:grid}.create-room>div,.game-choice{gap:3px;display:grid}.create-room label{font-size:13px;font-weight:800}.create-room small{color:#515c63;font-size:10px}.casual-entry{background:#d1d1d1;border:2px inset #fff;align-items:end;gap:10px;width:min(100%,520px);margin-top:20px;padding:16px;display:flex}.casual-entry label,.custom-join label{font-size:13px;font-weight:800}.casual-entry select{flex:1}.custom-join{align-items:end;gap:10px;width:min(100%,520px);margin-top:12px;display:flex}.custom-join label{gap:5px;display:grid}.custom-join input{text-transform:uppercase;width:190px}.primary,.quiet{white-space:nowrap;border-radius:4px;min-height:40px;padding:9px 15px;font-size:12px;font-weight:700}.primary{color:#192718;background:linear-gradient(#f3ffe9,#c9e6b7);border:1px solid #71886b;box-shadow:inset 1px 1px #ffffffb8,0 2px #4b5548}.primary:hover{background:var(--hover)}.quiet{color:#1e3441;background:linear-gradient(#f5f5f5,#c8cdd1);border:1px solid #7c858b;box-shadow:inset 1px 1px #fff,0 2px #1118}.quiet:hover{background:#bf5}.rules-panel{color:#222;background:linear-gradient(145deg,#e5e5df,#c8cbc7);border:2px outset #fff;padding:22px 24px;scroll-margin-top:72px;box-shadow:0 7px 18px #0005}.rules-panel .eyebrow{color:#42644a}.rules-panel h2{text-underline-offset:5px;-webkit-text-decoration:underline #b83030;text-decoration:underline #b83030}.rule-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:15px;display:grid}.rule-grid p{color:#354148;background:#ffffff80;border:1px solid #9ca09d;margin:0;padding:12px;font-size:12px;line-height:1.8}.rule-grid strong{color:#35593d}.rules-panel .local-note{margin-top:14px}.site-footer{color:#c3c3c3;text-align:center;padding:16px 12px 22px;font:italic 11px Times New Roman,serif}.room-header{justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px;scroll-margin-top:6px;display:flex}.room-header h1{color:var(--heading);text-underline-offset:5px;margin:0;font-size:26px;text-decoration:underline}.room-header .eyebrow{color:var(--accent);margin-bottom:6px}.room-header-actions{align-items:center;gap:9px;display:flex}.status,.phase{color:var(--accent);font-size:11px}.status:before{content:"● ";color:#35c56d}.room-layout{grid-template-columns:minmax(0,1fr) 250px;gap:16px;display:grid}.game-section{min-width:0}.game-top{color:#20272d;background:#d1d1d1;border:1px solid #888;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding:10px 12px;display:flex}.game-name{letter-spacing:.08em;font-size:13px;font-weight:900}.phase{color:#375e39;letter-spacing:1.4px;font-size:10px}.screen{background:#f0f0f0;border:2px inset #ddd;position:relative;overflow:hidden}.screen canvas{width:100%;height:auto;display:block}.screen canvas.reversi-board{cursor:pointer;touch-action:none}.reversi-controls{border:0;justify-content:flex-end;align-items:center;gap:7px;min-width:0;margin:9px 0 0;padding:0;display:flex}.reversi-controls legend{color:var(--muted);margin-right:auto;font-size:11px}.reversi-controls button{color:#243d28;background:linear-gradient(#f5f5f5,#c9d0c8);border:1px solid #888;border-radius:3px;min-width:76px;padding:8px 12px;font-size:11px}.reversi-controls button[aria-pressed=true]{color:#173c27;background:linear-gradient(#eaffdf,#c9e8be);border-color:#83a879;box-shadow:inset 0 0 0 1px #fff9}.reversi-controls:disabled button{opacity:.65;cursor:not-allowed}.pause{color:var(--heading);text-align:center;background:#181818d9;place-items:center;padding:20px;font-size:14px;display:grid;position:absolute;inset:0}.seats{gap:8px;width:min(100%,520px);margin:12px auto;display:flex}.seat{overflow-wrap:anywhere;color:#23303a;background:linear-gradient(#f4f4f4,#c5c9cc);border:1px solid #878c90;border-radius:4px;flex:1;min-width:0;padding:12px 8px;font-size:11px;box-shadow:inset 1px 1px #fff,0 2px #1116}.turn-indicator{display:none}.play-hint{color:var(--muted);text-align:center;margin:8px 0 12px;font-size:11px;line-height:1.6}.sidebar{color:#20272d;background:#d1d1d1;border:2px outset #fff;align-self:start;padding:16px}.members-title{border-bottom:1px solid #777;padding-bottom:12px}.members-title h2{font-size:16px}.members-title>span{color:#58636b;font-size:10px}.member{border-bottom:1px solid #999;align-items:center;gap:9px;min-width:0;padding:13px 0;display:flex}.avatar{color:#eaffdf;background:#3b6842;border:1px solid #243c28;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.member>div{overflow-wrap:anywhere;flex:1;gap:4px;min-width:0;display:grid}.member strong{font-size:12px}.member small{color:#56616a;font-size:9px}.quality{color:#376344;text-align:right;white-space:pre-line;font-size:9px}.room-note{padding-top:20px}.room-note .eyebrow{color:#42644a}.room-note p,.diagnostics p{color:#3e4b52;font-size:11px;line-height:1.8}.diagnostics{color:#34434b;margin-top:20px;font-size:11px}.diagnostics button{min-height:34px;padding:7px 10px}.chat-section{color:#222;background:#eee;border:1px solid #ccc;margin-top:14px;padding:7px 8px}.chat-log{overscroll-behavior:contain;background:#fff;border:1px inset #b9b9b9;height:100px;margin:0 0 4px;padding:4px 5px;overflow:auto}.chat-log:empty:after{content:"メッセージはありません";color:#66747b;font-size:10px}.chat-line{overflow-wrap:anywhere;grid-template-columns:max-content max-content minmax(0,1fr);align-items:baseline;gap:2px 7px;margin:0;font-size:10px;line-height:1.4;display:grid}.chat-line time{color:#777;font-size:9px}.chat-line strong{color:#234b83;font-size:10px}.chat-line span{color:#303030;min-width:0}.chat-section form{gap:3px;display:flex}.chat-section input{flex:1;min-width:0;min-height:32px;padding:5px 7px;font-size:12px}.chat-section .chat-send{border-radius:2px;min-width:42px;min-height:32px;padding:4px 8px;font-size:10px}.result{z-index:2;color:#bd482f;text-align:center;pointer-events:none;background:#ffffffdc;border:1px solid #8c8582;gap:4px;width:min(68%,440px);padding:15px 20px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 12px #0003}.result strong{font-size:16px}.result b{letter-spacing:.06em;font-size:23px}.result small{color:#514e4d;font-size:11px}.touch-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:15px 0;display:flex}.dpad{gap:8px;display:flex}.touch-controls button{color:#284832;touch-action:none;-webkit-user-select:none;user-select:none;background:#d1d1d1;border:1px solid #888;border-radius:50%;min-width:48px;min-height:48px}.touch-controls .action-key{border-radius:24px;padding:12px 18px}dialog{color:#222;background:linear-gradient(145deg,#f1f1e9,#c8cbc7);border:2px outset #fff;border-radius:8px;width:min(440px,94vw);padding:26px;box-shadow:0 14px 50px #000b}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#101010b8}dialog .eyebrow{color:#42644a}dialog label{gap:7px;margin:18px 0 11px;font-size:12px;display:grid}.helper{color:#4c5960;font-size:11px;line-height:1.8}.record{color:#27323a;background:#ffffff9c;border:1px solid #a0a5a3;padding:13px;font-size:12px}.error{color:#a31414;font-size:12px}#trip-preview{color:#3b673e;font-size:12px;font-weight:700}.toast{z-index:100;color:#172c1b;background:#bf5;border:1px solid #324d24;max-width:90vw;padding:12px 18px;font-size:12px;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0008}@media (width<=800px){.appbar{padding-inline:16px}.build-tag{display:none}main{padding-inline:16px}.room-layout{grid-template-columns:minmax(0,1fr) 210px}.sidebar{padding:12px}}@media (width<=620px){.appbar{min-height:58px;padding:10px 12px}.room-open .appbar{gap:8px}.room-open .appbar-right{text-align:right;flex:1;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:end;gap:4px;min-width:0;display:grid}.room-open .appbar-right .build-tag,.room-open #profile-toggle{display:none}.room-open .appbar-room-title{overflow-wrap:anywhere;text-align:right;max-width:100%;font-size:clamp(13px,3.7vw,18px);display:block}.room-open .mobile-logout{min-height:28px;padding:4px 12px;font-size:10px;display:block}.room-open .room-header,.room-open .game-top{display:none}.brand{font-size:20px}.appbar-right{gap:5px}.appbar-right button{padding:8px;font-size:10px}.site-nav{width:calc(100% - 16px);min-height:42px;padding:4px}.site-nav a{min-width:76px;padding:6px 9px;font-size:11px}.nav-status{padding-inline:8px;font-size:9px}main{padding:18px 12px 34px}#directory{gap:23px}.intro{border-radius:12px;padding:22px 14px}.hero-stones{gap:8px}.hero-stones i{width:27px;height:27px}.hero-subtitle{font-size:13px}.home-option{grid-template-columns:36px minmax(0,1fr) 16px;gap:9px;min-height:61px;padding-inline:10px}.option-icon{width:34px;height:34px}.home-option strong{font-size:13px}.home-option small{font-size:9px}.room-grid{grid-template-columns:1fr;gap:9px}.login-scene{background-position:50% 48%;min-height:340px;padding:14px}.login-panel{padding:15px}.multi-room-login{grid-template-columns:52px minmax(0,1fr);gap:8px}.multi-room-login button{min-width:0}.room-card{min-height:105px;padding:13px}.room-card h3{margin:12px 0 7px;font-size:16px}.create-room{grid-template-columns:1fr;align-items:stretch}.casual-entry,.custom-join{flex-direction:column;align-items:stretch}.custom-join input{width:100%}.rules-panel{padding:18px 14px}.rule-grid{grid-template-columns:1fr;gap:8px}.room-layout{grid-template-columns:minmax(0,1fr)}.sidebar{order:2}.room-header{align-items:flex-start}.room-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.room-header-actions button{padding:8px;font-size:10px}.room-header h1{font-size:21px}.game-top{flex-wrap:wrap}.screen{height:clamp(260px,84vw,350px)}.screen canvas{transform-origin:50%;width:100%;height:auto;position:absolute;top:50%;left:0;transform:translateY(-50%)scale(2.45)}.turn-indicator:not([hidden]){color:#263e52;text-align:center;background:#e8edf4;border:1px solid #aab4c2;border-left:3px solid #234b83;margin:8px 10px 10px;padding:9px 8px;font-size:13px;font-weight:800;line-height:1.45;display:block}.reversi-controls{justify-content:flex-start}.seats{flex-wrap:wrap}.seat{flex-basis:40%}.seats{width:100%}.chat-section{margin-top:10px;padding:6px}.chat-log{height:72px;margin:0 0 4px;padding:3px 4px}}@media (orientation:landscape) and (height<=600px){.appbar{min-height:48px;padding-block:6px}main{padding-top:14px}.room-header{margin-bottom:10px}.screen canvas{object-fit:contain;width:100%;height:min(50dvh,300px)}.room-layout{grid-template-columns:minmax(0,1fr) 210px}.chat-log{height:90px}}:root{font-family:MS UI Gothic,Yu Gothic UI,Hiragino Kaku Gothic ProN,Arial,sans-serif}button:focus-visible,input:focus-visible,a:focus-visible{outline-color:#f63}input{border-color:#c8c8c8}a:hover,a:focus-visible{color:#383838;background:#eee}.appbar{color:#474747}.brand{color:#234b83}.brand>span{color:#f63;text-shadow:none}.brand small,.build-tag{color:#70777f}.site-nav{color:#474747;background:#eee;border:1px solid #c5c5c5;box-shadow:inset 1px 1px #fff,0 2px #d7d7d7}.site-nav a{color:#039;border-color:#ccc}.site-nav a:hover{color:#383838;background:#e2e6eb}.nav-status{color:#474747}.intro{color:#474747;background:linear-gradient(145deg,#fff,#f7f7f7 68%,#eceeef);border:1px solid #c8c8c8;border-radius:14px;box-shadow:inset 1px 1px #fff,0 12px 28px #25364a1c}.eyebrow{color:#234b83}.hero-stones i{background:radial-gradient(circle at 35% 28%,#fff,#e5e5e5 57%,#b3b3b3);border-color:#858585;box-shadow:inset -3px -4px 5px #3333,0 3px 5px #0003}.hero-stones i:nth-child(odd){background:radial-gradient(circle at 35% 28%,#777,#292929 65%,#111);border-color:#333}.hero-stones i:nth-child(3n){border-color:#8b8b8b;box-shadow:inset -3px -4px 5px #3333,0 0 0 2px #234b8322,0 3px 5px #0003}.intro h1{color:#474747;text-shadow:0 1px #fff,0 3px #d4d5d7,0 6px 10px #0002}.intro h1 span{color:#234b83}.hero-subtitle{color:#474747}.home-option{color:#474747;background:linear-gradient(#fff,#f1f1f1 65%,#e8e8e8);border-color:#bcbcbc;box-shadow:inset 1px 1px #fff,inset -1px -2px #7772,0 2px #ccc}.home-option:hover{color:#383838;background:linear-gradient(#fff,#e9eef6);border-color:#8c9db4;box-shadow:inset 1px 1px #fff,0 0 0 2px #234b8326,0 3px #b9c3d0}.home-option small{color:#646a70}.home-option>b{color:#234b83}.option-icon{color:#fff;background:linear-gradient(145deg,#4269a0,#234b83);border-color:#1d3f70;box-shadow:inset 1px 1px #ffffff7d,0 2px #233a5a}.invite-icon{background:linear-gradient(145deg,#ff8b5e,#e9582d);border-color:#c94d2b}.help-icon{background:linear-gradient(145deg,#7a8794,#56616c);border-color:#4b535c}.local-note{color:#474747;background:#eee;border-color:#ccc}.rooms-head .eyebrow,.room-header .eyebrow,.room-note .eyebrow,.rules-panel .eyebrow,dialog .eyebrow{color:#234b83}.rooms-head h2,.room-header h1{color:#474747;text-decoration-color:#f63}h2 small,.section-description,.site-footer{color:#70777f}.room-card{color:#474747;background:linear-gradient(145deg,#fff,#f2f2f2 68%,#e8e9ea);border-color:#c8c8c8;box-shadow:inset 1px 1px #fff,inset -1px -1px #5552,0 3px 10px #00000016}.room-card:hover{color:#383838;background:linear-gradient(145deg,#fff,#e9eef6);border-color:#8c9db4;box-shadow:inset 1px 1px #fff,0 0 0 2px #234b8326,0 5px 12px #0002}.room-card-top{color:#234b83}.room-card-top small{color:#646a70}.room-card-top small:before{color:#48875d}.room-card-top small.live{color:#cb4f32}.room-card h3{color:#474747}.room-card p,.create-room small,.member small,.room-note p,.diagnostics p,.chat-log:empty:after,.chat-line time,.helper{color:#70777f}.create-room,.game-top,.chat-section{color:#474747;background:#eee;border-color:#ccc}.primary{color:#fff;background:linear-gradient(#4269a0,#234b83);border-color:#1d3f70;box-shadow:inset 1px 1px #fff5,0 2px #243c5d}.primary:hover{background:linear-gradient(#ff8557,#e9582d);border-color:#c94d2b}.quiet,.reversi-controls button,.touch-controls button{color:#234b83;background:linear-gradient(#fff,#eee);border-color:#bcbcbc}.quiet:hover,.reversi-controls button:hover,.touch-controls button:hover{color:#383838;background:#e5e8ec}.rules-panel,.sidebar{color:#474747;background:linear-gradient(145deg,#fff,#f1f1f1);border:1px solid #ccc;box-shadow:0 5px 16px #00000014}.rules-panel h2{text-decoration-color:#f63}.rule-grid p,.record{color:#474747;background:#f7f7f7;border-color:#d8d8d8}.rule-grid strong,.phase,.status,#trip-preview{color:#234b83}.room-header h1{text-decoration-color:#f63}.game-top{border:1px solid #ccc}.screen{background:#f0f0f0}.seat{color:#474747;background:linear-gradient(#fff,#eee);border-color:#c3c3c3}.seat.selected{color:#183b68;background:linear-gradient(#fff,#dfe8f5);border-color:#6683aa}.members-title>span{color:#70777f}.members-title{border-bottom-color:#ccc}.member{border-bottom-color:#e0e0e0}.avatar{color:#fff;background:#234b83;border-color:#1d3f70}.quality{color:#234b83}.chat-log{border-color:#aaa}.chat-line strong{color:#039}.chat-line span{color:#474747}.result{color:#bd482f;background:#ffffffdc;border-color:#8c8582}.result small{color:#514e4d}dialog{color:#474747;background:linear-gradient(145deg,#fff,#f1f1f1);border-color:#c7c7c7;box-shadow:0 14px 50px #0005}dialog::backdrop{background:#14203366}.error{color:#b33d2a}.toast{color:#fff;background:#234b83;border-color:#1d3f70;box-shadow:0 4px 20px #0004}.room-seat-summary{letter-spacing:.02em;color:#70777f!important;font-size:10px!important}.turn-clock{color:#234b83;white-space:nowrap;background:#fff;border:1px solid #ccc;margin-left:auto;padding:5px 8px;font-size:10px;font-weight:700}.match-options{color:#474747;background:#f7f7f7;border:1px solid #d8d8d8;margin-top:16px;padding:12px}.match-options .members-title{margin-bottom:10px;padding-bottom:8px}.match-options .members-title h2{font-size:13px}.option-check{align-items:center;gap:8px;margin:10px 0;font-size:11px;font-weight:700;display:flex}.option-check input,.time-limit-enable input{accent-color:#234b83;width:17px;min-width:17px;height:17px;margin:0}.time-limit-row{align-items:center;gap:8px;margin:12px 0;font-size:11px;display:flex}.time-limit-row>label:first-child{margin-right:auto}.time-limit-row input{width:90px;padding:7px 8px;font-size:14px}.time-limit-enable{align-items:center;gap:5px;font-weight:700;display:flex}.option-switches{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.option-switch{color:#414b52;background:linear-gradient(#fff,#e5e8e9);border:1px solid #b7bdc0;border-radius:3px;min-height:38px;padding:8px 9px;font-size:10px;font-weight:700}.option-switch[aria-checked=true]{color:#173c27;background:linear-gradient(#eaffdf,#c9e8be);border-color:#83a879}.option-switch:disabled{opacity:.5;cursor:not-allowed}.match-options>p{color:#70777f;margin:8px 0 0;font-size:10px;line-height:1.7}