/* Scoped application styles: existing community navigation and site UI stay intact. */
.sg{--navy:#0e172a;--panel:#17243a;--line:#ffffff15;--gold:#eac786;--muted:#a8b6cb;--text:#f3f1ed;--blue:#85caff;box-sizing:border-box;isolation:isolate;max-width:1180px;margin:0 auto;padding:0 28px 34px;color:var(--text);background:radial-gradient(ellipse at 75% 0,#23324c 0,transparent 55%),var(--navy);font-family:'Noto Sans JP','Yu Gothic','Hiragino Kaku Gothic ProN',sans-serif;line-height:1.65;font-size:14px;border-radius:0 0 24px 24px;min-height:85vh;color-scheme:dark}
.sg *,.sg *:before,.sg *:after{box-sizing:border-box}.sg button,.sg input,.sg select{font:inherit}.sg button,.sg a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sg button{cursor:pointer;color:inherit}.sg button:disabled{cursor:default;opacity:.45}.sg a{color:var(--gold)}.sg button:focus-visible,.sg a:focus-visible,.sg input:focus-visible,.sg select:focus-visible{outline:3px solid #87d3ff;outline-offset:3px}.sg h1,.sg h2,.sg h3,.sg p{margin:0}.sg h2{font-size:23px;line-height:1.5;letter-spacing:.03em;color:var(--text);border:0;background:none;padding:0}.sg h3{font-size:16px;margin:22px 0 8px;color:var(--gold)}.sg p{color:var(--muted);font-size:13px;line-height:1.85}.sg button{border:0}.sg-top{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.sg-back{font-size:28px;display:flex;align-items:center;gap:8px;text-decoration:none!important;color:var(--muted)!important;width:85px}.sg-back span{font-size:12px}.sg-wordmark{background:transparent;display:flex;align-items:center;gap:10px;color:var(--gold)!important;font-size:23px!important}.sg-wordmark span{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-weight:700;font-size:18px;letter-spacing:.15em}.sg-icon{background:#ffffff0c;border:1px solid var(--line)!important;border-radius:50%;width:36px;height:36px;font-size:21px!important;margin-left:49px}.sg-hero{position:relative;background:var(--sg-hero) center 58%/cover;min-height:348px;overflow:hidden;border-radius:16px;margin:24px 0;box-shadow:0 16px 40px #05091455}.sg-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#081225dc 0,#08122599 35%,#0812250a 78%),linear-gradient(0deg,#08122570,transparent 55%)}.sg-hero-copy{position:relative;padding:42px 44px;max-width:65%}.sg-eyebrow{font-family:'Yu Mincho',serif;letter-spacing:.2em;font-size:14px;color:#f1d29b}.sg-hero h1{font-size:61px;font-weight:600;line-height:1.25;letter-spacing:.14em;font-family:'Yu Mincho','Hiragino Mincho ProN',serif;margin:12px 0;color:#fff8e9;text-shadow:0 3px 24px #0005}.sg-hero h1 span{color:#f3d69e}.sg-hero p{color:#d2d9e3;font-size:14px;letter-spacing:.05em;margin-top:14px}.sg-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.sg-tags span{font-size:10px;padding:4px 9px;border:1px solid #ffffff30;border-radius:4px;background:#06102566;white-space:nowrap}.sg-hero-note{position:absolute;bottom:20px;right:24px;color:#f4d69a90;letter-spacing:.25em;font-size:10px}.sg-home-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:20px}.sg-panel{padding:26px;background:linear-gradient(140deg,#ffffff04,transparent),var(--panel);border:1px solid var(--line);border-radius:14px}.sg-kicker{display:block;font-size:9px;color:var(--gold);font-weight:600;letter-spacing:.22em;margin-bottom:8px}.sg-section-heading p,.sg-practice-panel>p{margin-top:7px}.sg-time-picker{border:0;padding:0;margin:24px 0 20px;display:flex;gap:10px;min-width:0}.sg-time-picker legend{font-size:11px;color:var(--muted);margin-bottom:10px}.sg-time-picker label{flex:1;position:relative;cursor:pointer;margin:0}.sg-time-picker input{position:absolute;opacity:0;width:1px;height:1px}.sg-time-picker label>span{display:flex;flex-direction:column;text-align:center;padding:10px 4px;background:#0c1729;border:1px solid #ffffff19;border-radius:8px;transition:.2s}.sg-time-picker strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:26px;line-height:1.4;font-weight:500}.sg-time-picker small{font-size:10px;color:var(--muted)}.sg-time-picker input:checked+span{border-color:var(--gold);background:#eac78612;box-shadow:inset 0 0 0 1px #eac78630}.sg-time-picker input:checked+span strong{color:var(--gold)}.sg-time-picker input:focus-visible+span{outline:3px solid #87d3ff;outline-offset:3px}.sg-primary,.sg-secondary{display:flex;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 18px;border-radius:8px;font-weight:700!important;letter-spacing:.04em;text-decoration:none!important;transition:filter .15s,transform .15s}.sg-primary{background:linear-gradient(105deg,#f0d7a4,#d8ac64);color:#1d2433!important;box-shadow:0 5px 18px #0002}.sg-primary:hover{filter:brightness(1.07)}.sg-primary:active,.sg-secondary:active{transform:translateY(1px)}.sg-primary span,.sg-secondary span:not(.sg-promote-piece){margin-left:auto}.sg-secondary{background:#ffffff08;color:#e4d6ba!important;border:1px solid #c9ad774a!important}.sg-secondary:hover{background:#ffffff10}.sg-wide{width:100%}.sg-note{font-size:10px!important;color:#b0bed0!important;text-align:center;margin:10px 0 0!important}.sg-friend-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.sg-friend-row button{font-size:12px!important;min-height:44px}.sg-login-note{margin-top:12px!important}.sg-levels{display:flex;gap:8px;margin:26px 0 20px}.sg-level{display:flex;align-items:center;flex-direction:column;gap:5px;flex:1;padding:12px 4px;border:1px solid var(--line)!important;background:#101c30;border-radius:8px;font-size:11px!important}.sg-level>span{color:#b9c8df;border:1px solid #53627a;border-radius:50%;width:29px;height:29px;line-height:27px;font-family:serif;font-size:15px}.sg-level.active{border-color:#8db8d477!important;background:#244058}.sg-level.active span{background:#aec5d5;color:#1a2b3a;border-color:transparent}.sg-side-select{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:18px 0}.sg-side-select select{margin-left:auto;color:#e4e9ef;border:1px solid var(--line);background:#0d182b;border-radius:6px;padding:7px 10px;min-width:175px}.sg-cpu-start{margin-top:15px;min-height:48px}.sg-text-btn{background:transparent;color:#b9c9df!important;font-size:11px!important;padding:10px 6px;text-decoration:none;display:inline-block}.sg-text-btn:hover{color:var(--gold)!important}.sg-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.sg-feature{display:flex;align-items:center;gap:13px;padding:18px 16px;text-align:left;border:1px solid var(--line)!important;border-radius:10px;background:#152138}.sg-feature:hover{background:#1d2e49}.sg-feature-icon{display:flex;align-items:center;justify-content:center;font-family:'Yu Mincho',serif;color:var(--gold);border:1px solid #baa06d30;background:#be9a5510;font-size:20px;width:40px;height:44px;border-radius:6px;flex:none}.sg-feature strong{font-size:13px;display:block}.sg-feature small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.sg-feature>span:last-child{margin-left:auto;color:#7d8fa8}.sg-foot{text-align:center;margin-top:28px}.sg-foot p{font-size:10px;margin-bottom:7px}.sg-foot button{font-size:10px;background:transparent;color:var(--muted)}.sg-foot>span{color:#536481}.sg-piece{display:block;width:100%;height:100%;background-image:var(--sg-pieces);background-size:400% 400%;background-position:var(--px) var(--py);background-repeat:no-repeat;pointer-events:none;transform:scale(.89);filter:drop-shadow(0 2px 1px #55340730)}.sg-piece.is-enemy{transform:rotate(180deg) scale(.89)}.sg-match-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 14px}.sg-match-mode{font-size:10px;color:var(--gold);letter-spacing:.12em}.sg-connection{font-size:10px;color:#91baa8!important;white-space:nowrap}.sg-connection.offline{color:#efb876!important}.sg-match-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:25px;align-items:start;max-width:1020px;margin:auto}.sg-board-column{width:100%;max-width:610px;margin:0 auto}.sg-player{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);background:#17243a;border-radius:9px;min-height:65px}.sg-player.is-turn{border-color:#eac78670;background:linear-gradient(100deg,#eac7860e,transparent),#17243a}.sg-avatar{width:38px;height:40px;background:#25354e;color:var(--gold);border:1px solid #a78d5938;border-radius:7px;display:grid;place-items:center;font-family:'Yu Mincho',serif;font-size:23px;flex:none}.sg-player-self .sg-avatar{background:#eac78618}.sg-player-name{min-width:0}.sg-player-name strong{display:block;max-width:220px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:13px}.sg-player-name span{display:block;font-size:10px;color:var(--muted)}.sg-clock{margin-left:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:27px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:#aab8cc;padding:6px 8px;border-radius:5px;background:#0a1425;min-width:86px;text-align:center;flex:none}.sg-clock.is-running{background:#eac786;color:#1b2331}.sg-clock.low{background:#af4545;color:white}.sg-hand{display:flex;gap:5px;min-height:60px;margin:8px 4.1%;padding:4px 7px;border-radius:6px;background:linear-gradient(180deg,#916b3e25,#d5a4651a);border:1px solid #d7ad6d24}.sg-hand-piece{position:relative;flex:1;min-width:0;width:12%;aspect-ratio:1/1;background:none;border-radius:5px;padding:1px!important;max-height:62px}.sg-hand-piece.empty{opacity:.22!important}.sg-hand-piece:disabled:not(.empty){opacity:1}.sg-hand-piece.selected{background:#91cdff55;outline:2px solid #96d8ff}.sg-hand-piece .sg-piece{height:100%;max-width:55px;margin:auto;transform:scale(.84)}.sg-count{position:absolute;bottom:0;right:0;min-width:16px;line-height:17px;padding:0 3px;border-radius:4px;background:#13233a;color:#fff0cf;font-family:ui-monospace,monospace;font-weight:700;font-size:11px;box-shadow:0 1px 3px #0004}.sg-board-frame{position:relative;margin:0 7px}.sg-board{position:relative;width:100%;aspect-ratio:1/1;background-image:var(--sg-board);background-size:100% 100%;border-radius:4px;box-shadow:0 9px 20px #0006,0 2px 3px #110d07;overflow:hidden}.sg-cells{position:absolute;inset:4.05% 4.1% 4.55% 4.05%;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr)}.sg-cell{position:relative;min-width:0;min-height:0;background:none;border:0;padding:0!important;border-radius:0!important;display:block;aspect-ratio:auto}.sg-cell .sg-piece{position:absolute;inset:0}.sg-cell.last{background:#fdf5a334;box-shadow:inset 0 0 0 2px #9b600833}.sg-cell.selected{background:#327cc46b;box-shadow:inset 0 0 0 2px #cce7ff}.sg-cell.checked{background:#c22e3766;box-shadow:inset 0 0 0 2px #b72b30}.sg-cell.hint-target{outline:3px solid #65d8ff;outline-offset:-3px;z-index:2}.sg-cell:focus-visible{z-index:3;outline-offset:-3px}.sg-move-dot{position:absolute;left:37%;top:37%;width:26%;height:26%;border-radius:50%;background:#174d69a6;box-shadow:0 0 0 2px #b9eaff50;pointer-events:none}.sg-move-dot.capture{left:4%;top:4%;width:92%;height:92%;background:transparent;border:3px solid #c8efff;box-shadow:0 0 0 2px #12516e80;border-radius:5px}.sg-files{position:absolute;z-index:1;left:4%;right:4%;top:.2%;height:3.6%;display:flex;align-items:center;color:#4e3217;font-size:clamp(8px,1vw,12px);font-weight:600;pointer-events:none}.sg-files span{flex:1;text-align:center}.sg-ranks{position:absolute;z-index:1;right:0;top:4%;bottom:4.5%;width:3.8%;display:flex;flex-direction:column;align-items:center;color:#4e3217;font-size:clamp(8px,1vw,12px);font-family:serif;font-weight:600;pointer-events:none}.sg-ranks span{flex:1;display:flex;align-items:center}.sg-status{min-height:39px;display:flex;align-items:center;justify-content:center;padding:8px;font-size:11px;color:#dfd4bc;letter-spacing:.02em;text-align:center}.sg-status.check{color:#ffb6a6}.sg-game-tools{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}.sg-tool{font-size:10px!important;padding:8px 10px;min-height:34px;border-radius:6px;border:1px solid #ffffff16!important;background:#17243a;color:#b5c3d8!important}.sg-tool.active{color:#c1efd1!important;border-color:#7fc79a70!important}.sg-match-aside{display:flex;flex-direction:column;gap:15px}.sg-match-aside .sg-panel{padding:19px}.sg-record-heading{display:flex;justify-content:space-between;align-items:center}.sg-record-heading h2{font-size:15px}.sg-record-heading>span{font-size:11px;color:#c0b08e}.sg-last-move{font-size:20px;font-family:'Yu Mincho',serif;color:var(--gold);margin-top:14px;padding-bottom:15px;border-bottom:1px solid var(--line);min-height:49px}.sg-record{list-style:none;padding:0;margin:10px 0 0;overflow-y:auto;max-height:258px;min-height:120px;scrollbar-width:thin;scrollbar-color:#596780 transparent}.sg-record li{margin:0;padding:0;border-radius:4px}.sg-record button{display:flex;align-items:center;gap:15px;width:100%;text-align:left;padding:6px 8px;color:#c7d1df;background:transparent;font-size:12px!important}.sg-record button:disabled{opacity:1}.sg-record button span{font-family:monospace;min-width:20px;color:#8091aa;font-size:10px}.sg-record li.current{background:#eac7860d}.sg-record li.current button{color:var(--gold)}.sg-empty-record{font-size:11px;color:#899ab3;padding:22px 4px!important;text-align:center}.sg-match-help p{font-size:12px}.sg-danger-link{display:inline-block;background:none;color:#d4a7a3!important;font-size:11px!important;padding:10px 0;margin-top:10px}.sg-match-help>.sg-text-btn{float:right;margin-top:10px}.sg-match-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:20px;border-top:1px solid var(--line);padding-top:8px}.sg-match-bottom>span{font-family:serif;font-size:11px;color:#7d8da6}.sg-result-panel h2{font-family:'Yu Mincho',serif;color:var(--gold);font-size:28px}.sg-result-panel p{margin:8px 0 18px}.sg-review-tools{display:flex;align-items:center;justify-content:space-between;gap:5px;border-top:1px solid var(--line);padding-top:10px}.sg-review-tools button{font-size:18px!important;background:#ffffff08;padding:5px 10px;border-radius:4px}.sg-review-tools span{font-size:10px;color:var(--muted)}.sg-toast{position:fixed;z-index:100001;left:50%;bottom:max(28px,env(safe-area-inset-bottom));transform:translate(-50%,20px);width:max-content;max-width:min(90vw,500px);padding:13px 22px;border:1px solid #9ab0c655;border-radius:10px;background:#24354ff5;color:#f2f2ee;font-size:13px;box-shadow:0 8px 30px #0008;opacity:0;pointer-events:none;transition:.2s;text-align:center}.sg-toast.visible{opacity:1;transform:translate(-50%,0)}.sg-dialog{color:var(--text);background:#16233a;border:1px solid #8c784e70;border-radius:17px;width:min(540px,calc(100vw - 28px));padding:32px 28px 26px;max-height:85dvh;overflow-y:auto;box-shadow:0 18px 80px #0009;scrollbar-width:thin}.sg-dialog::backdrop{background:#030b1acb;backdrop-filter:blur(5px)}.sg-dialog h2{margin:4px 0 12px;padding-right:20px}.sg-dialog p{margin:8px 0 16px;font-size:13px}.sg-dialog .sg-primary{margin-top:24px}.sg-dialog-close{position:absolute;right:12px;top:10px;background:transparent;color:var(--muted)!important;font-size:27px!important;width:34px;height:34px;line-height:1}.sg-setting{display:flex;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.sg-setting>span{flex:1}.sg-setting strong{font-size:13px;display:block}.sg-setting small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.sg-setting input{width:20px;height:20px;accent-color:#eac786}.sg-input-label{display:flex;flex-direction:column;gap:8px;color:#b6c6dd;font-size:12px}.sg-input-label input,.sg-dialog>input{background:#0b1629;border:1px solid #8294b44a;color:#fff1d5;padding:12px 15px;font-family:monospace;font-size:23px;border-radius:7px;width:100%;letter-spacing:.1em;text-transform:uppercase}.sg-piece-guide{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.sg-piece-guide>div{display:flex;align-items:center;gap:8px;padding:8px;background:#0b182b;border:1px solid var(--line);border-radius:6px}.sg-guide-piece{height:52px;width:46px;flex:none}.sg-piece-guide strong{font-size:12px;display:block;color:#e3cd9d}.sg-piece-guide small{font-size:9px;display:block;color:var(--muted)}.sg-promote-choices{display:flex;gap:15px;margin-top:24px}.sg-promote-choices>button{flex:1;flex-direction:column}.sg-promote-piece{height:95px;width:80px;display:block}.sg-confirm-move{font-family:serif;font-size:26px!important;color:var(--gold)!important}.sg-waiting{max-width:550px;margin:40px auto;text-align:center;padding:35px}.sg-waiting h1{font-size:25px;font-family:'Yu Mincho',serif;margin:10px 0 15px;color:#f5e1b6}.sg-waiting p{font-size:12px}.sg-wait-icon{width:80px;height:86px;margin:22px auto}.sg-control-badge{display:inline-block;font-size:11px;padding:5px 12px;color:var(--gold);border:1px solid #dac18d40;border-radius:20px;margin:15px 0}.sg-room-code{margin:15px auto 20px;display:flex;flex-direction:column;gap:6px}.sg-room-code small{color:var(--muted);font-size:10px}.sg-room-code strong{letter-spacing:.16em;font-family:monospace;font-size:27px;color:var(--gold)}.sg-waiting>.sg-secondary{margin:auto}.sg-wait-seats{display:flex;flex-direction:column;gap:8px;margin:26px 0}.sg-wait-seats>div{display:flex;gap:10px;align-items:center;background:#0f1b30;border-radius:7px;padding:10px}.sg-wait-seats>div>span{font-family:serif;font-size:22px;color:var(--gold);width:32px}.sg-wait-seats strong{font-size:12px;flex:1;text-align:left}.sg-wait-seats small{font-size:9px;color:#9ebfae}.sg-wait-dots{display:flex;gap:8px;justify-content:center;margin:18px}.sg-wait-dots i{width:7px;height:7px;background:var(--gold);border-radius:50%;animation:sg-pulse 1.2s infinite}.sg-wait-dots i:nth-child(2){animation-delay:.2s}.sg-wait-dots i:nth-child(3){animation-delay:.4s}.sg-history-list{display:flex;flex-direction:column;gap:7px}.sg-history-list button{display:flex;align-items:center;gap:12px;text-align:left;background:#0d1a30;padding:12px;border:1px solid var(--line)!important;border-radius:7px}.sg-history-list strong{font-size:12px;min-width:45px;color:var(--gold)}.sg-history-list span{font-size:11px;flex:1}.sg-history-list small{font-size:10px;display:block;color:var(--muted);margin-top:4px}.sg-history-list b{color:#899cb8}.sg-cell .sg-piece{animation:sg-place .14s ease-out}@keyframes sg-place{from{filter:brightness(1.12) drop-shadow(0 3px 2px #55340760)}to{filter:drop-shadow(0 2px 1px #55340730)}}@keyframes sg-pulse{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}
@media(min-width:1000px){.sg-board-column{max-width:570px}.sg-match-layout{grid-template-columns:minmax(0,570px) 270px;justify-content:center}}
@media(max-width:800px){.sg{padding:0 18px 25px}.sg-hero{min-height:300px}.sg-hero-copy{padding:32px;max-width:75%}.sg-hero h1{font-size:50px}.sg-more-grid{gap:8px}.sg-feature{padding:13px 10px;gap:9px}.sg-feature-icon{width:30px;height:36px;font-size:17px}.sg-feature strong{font-size:11px}.sg-feature small{font-size:9px}.sg-panel{padding:21px}.sg-match-layout{grid-template-columns:minmax(0,1fr) 215px;gap:15px}.sg-match-aside .sg-panel{padding:15px}.sg-player{padding:8px;gap:8px}.sg-clock{font-size:23px;min-width:74px}.sg-hand{min-height:43px;padding:3px 5px;gap:2px}.sg-player-name strong{max-width:160px}}
@media(max-width:640px){.sg{padding:0 12px 22px;border-radius:0;min-height:100dvh}.sg-top{height:57px}.sg-back{font-size:24px;width:65px}.sg-back span{font-size:10px}.sg-icon{margin-left:29px;width:32px;height:32px;font-size:18px!important}.sg-wordmark span{font-size:16px}.sg-hero{min-height:245px;margin:15px 0;border-radius:12px;background-position:58% center}.sg-hero-copy{padding:25px 22px;max-width:86%}.sg-eyebrow{font-size:11px}.sg-hero h1{font-size:43px;letter-spacing:.1em;margin:10px 0}.sg-hero p{font-size:12px;margin-top:10px}.sg-tags{gap:5px;margin-top:16px}.sg-tags span{font-size:8px;padding:3px 6px}.sg-hero-note{right:13px;bottom:10px;font-size:7px;letter-spacing:.17em}.sg-home-grid{grid-template-columns:1fr;gap:14px}.sg-panel{padding:22px 20px}.sg h2{font-size:21px}.sg-time-picker{margin:18px 0 16px}.sg-practice-panel{padding-top:20px}.sg-practice-panel h2{font-size:20px}.sg-levels{margin:18px 0 12px}.sg-level{flex-direction:row;justify-content:center;font-size:10px!important;gap:6px;padding:9px 3px}.sg-level span{width:25px;height:25px;line-height:23px;font-size:13px}.sg-side-select{margin:13px 0}.sg-more-grid{grid-template-columns:1fr;margin:15px 0;gap:9px}.sg-feature{padding:12px 16px;gap:13px}.sg-feature-icon{width:34px;height:36px}.sg-feature strong{font-size:13px}.sg-feature small{font-size:10px}.sg-foot{margin-top:20px}.sg-match-heading{margin:12px 0 9px}.sg-match-mode{font-size:8px;letter-spacing:.08em}.sg-connection{font-size:9px}.sg-match-layout{display:block}.sg-board-column{max-width:500px}.sg-player{min-height:54px;padding:7px 9px;gap:9px}.sg-avatar{height:33px;width:31px;font-size:20px}.sg-player-name strong{font-size:12px;max-width:200px}.sg-player-name span{font-size:9px}.sg-clock{font-size:25px;padding:5px 7px;min-width:80px}.sg-board-frame{margin:0}.sg-hand{margin:6px 4.1%;min-height:42px;padding:3px 6px;gap:4px}.sg-hand-piece{max-height:45px}.sg-count{font-size:9px;min-width:13px;line-height:14px;padding:0 2px}.sg-files{font-size:8px}.sg-ranks{font-size:9px}.sg-status{min-height:35px;font-size:10px;padding:7px 3px}.sg-game-tools{gap:4px}.sg-tool{font-size:10px!important;padding:7px 9px;min-height:33px}.sg-match-aside{margin-top:17px;display:flex;gap:12px}.sg-match-aside .sg-panel{padding:16px}.sg-record-panel{order:2}.sg-record{max-height:148px;min-height:55px;display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.sg-record .sg-empty-record{grid-column:1/-1}.sg-record button{font-size:11px!important;padding:5px 7px}.sg-record-heading h2{font-size:14px}.sg-last-move{font-size:18px;margin-top:8px;min-height:39px;padding-bottom:9px}.sg-match-help p{font-size:11px}.sg-match-help .sg-kicker{display:none}.sg-danger-link{margin-top:7px}.sg-result-panel{order:1}.sg-result-panel h2{font-size:27px}.sg-match-bottom{margin-top:14px}.sg-dialog{padding:29px 20px 23px}.sg-dialog h2{font-size:21px}.sg-piece-guide{gap:6px}.sg-guide-piece{width:37px;height:46px}.sg-piece-guide>div{padding:6px;gap:5px}.sg-piece-guide small{font-size:8px}.sg-waiting{margin:22px auto;padding:25px 20px}.sg-waiting h1{font-size:23px}.sg-room-code strong{font-size:24px}.sg-promote-piece{height:85px;width:72px}}
@media(max-width:360px){.sg{padding-left:8px;padding-right:8px}.sg-hero-copy{padding:22px 16px}.sg-hero h1{font-size:39px}.sg-tags span{font-size:7px}.sg-player-name strong{max-width:150px}.sg-clock{font-size:23px;min-width:70px}.sg-hand{margin:5px 4.1%;padding:2px 4px;gap:2px;min-height:36px}.sg-hand-piece{max-height:39px}.sg-panel{padding:20px 16px}.sg-friend-row{gap:8px}.sg-friend-row button{font-size:11px!important;padding:10px 8px}.sg-piece-guide{grid-template-columns:1fr}.sg-piece-guide small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sg *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.sg-finish-banner,.sg-countdown{position:absolute;z-index:5;left:13%;right:13%;top:34%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;color:#f9dfaa;background:linear-gradient(105deg,#0c1727f2,#1d2c43f2,#0c1727f2);border-top:1px solid #f4d999;border-bottom:1px solid #f4d999;box-shadow:0 5px 30px #0005;pointer-events:none;animation:sg-result-in .5s ease-out}.sg-finish-banner small,.sg-countdown small{font-size:8px;letter-spacing:.25em;color:#ddbc7e}.sg-finish-banner strong{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:clamp(26px,5vw,44px);font-weight:600;letter-spacing:.2em;margin:5px 0 3px;text-shadow:0 0 18px #eac78650}.sg-finish-banner>span,.sg-countdown>span{font-size:10px;letter-spacing:.07em;color:#ccbd9f}.sg-countdown strong{font-family:ui-monospace,monospace;font-size:50px;line-height:1.3}.sg-countdown{top:30%;padding:20px 8px}@keyframes sg-result-in{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}

.sg-wait-exit{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;position:sticky;top:0;z-index:2;padding:12px 0;background:var(--sg-bg,#111c2e)}.sg-wait-exit button{min-height:48px;flex:1 1 180px}.sg-waiting .sg-wait-icon{margin-top:18px}
.sg-draw-offer{border:1px solid var(--gold);border-radius:7px;padding:10px 12px;margin:12px 0;background:rgba(234,199,134,.08)}.sg-draw-offer p{margin:0 0 8px}.sg-draw-offer .sg-text-btn{margin-top:4px}