:root{--ink:#423e31;--muted:#817c6c;--green:#537b64;--cream:#f7f4eb;--line:#e4dfd1;--wood:#e6c996}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-size:14px;line-height:1.7}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);color:var(--ink);background:#fffdf7;border-radius:10px;padding:10px 16px;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#eeeadf}:is(button:focus-visible,input:focus-visible,select:focus-visible){outline-offset:3px;outline:3px solid #82a690}button:disabled{opacity:.43;cursor:default}input,select{width:100%;min-width:0;color:var(--ink);background:#fffdf8;border:1px solid #dcd6c6;border-radius:9px;padding:12px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.45}small{font-size:11px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1140px;margin:auto;padding:24px 34px;display:flex}.brand{text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-size:12px;line-height:1.45;display:flex}.brand b{letter-spacing:.08em;font-size:16px}.brand-piece{background:var(--green);color:#fff9e9;clip-path:polygon(50% 0,92% 22%,100% 100%,0 100%,8% 22%);place-items:center;width:38px;height:44px;font-family:serif;font-size:24px;display:grid}.help-button{background:0 0;border:0;font-size:12px}.help-button>span{border:1px solid var(--ink);border-radius:50%;margin-right:5px;padding:0 5px}.home{max-width:1060px;margin:0 auto;padding:0 32px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:62px 15px 45px;display:grid}.eyebrow{color:var(--muted);letter-spacing:.12em;margin-bottom:13px;font-size:11px;font-weight:700;display:block}.hero h1{letter-spacing:.08em;margin-bottom:21px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:53px;font-weight:600;line-height:1.4}.hero h1 em{color:var(--green);font-style:normal}.hero p{color:#756f60;font-size:13px;line-height:2}.hero-tags{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.hero-tags span{color:var(--green);background:#edf0e4;border:1px solid #d9dfd1;border-radius:30px;padding:5px 12px;font-size:10px}.hero-art{justify-content:center;align-items:center;height:360px;display:flex;position:relative}.hero-art>img{object-fit:contain;mix-blend-mode:multiply;z-index:2;width:235px;height:300px;margin-top:30px;position:relative}.hero-board{opacity:.7;background:#e5cd9f;border:9px solid #dbbf89;border-radius:13px;grid-template-columns:repeat(5,1fr);width:300px;height:280px;display:grid;position:absolute;transform:rotate(-10deg);box-shadow:15px 20px #eae5d5}.floating-piece{color:#5e4b30;clip-path:polygon(50% 0,93% 25%,100% 100%,0 100%,7% 25%);z-index:3;background:#f6e7c7;place-items:center;width:58px;height:67px;font:36px serif;display:grid;position:absolute}.floating-piece.one{bottom:18%;left:12%;transform:rotate(-16deg)}.floating-piece.two{top:12%;right:8%;transform:rotate(12deg)}.hero-bubble{border:1px solid var(--line);z-index:3;background:#fffdf8;border-radius:50%;padding:12px 23px;font-size:13px;position:absolute;top:3%;left:2%;transform:rotate(-8deg)}.hero-art>small{letter-spacing:.15em;color:#a49981;font-size:8px;position:absolute;bottom:-10px;right:0}.play-panel{border:1px solid var(--line);background:#fffdf7;border-radius:20px;padding:30px 38px 34px;box-shadow:0 9px 30px #4b3c2010}.setup-title h2{margin-bottom:26px;font-size:25px}.setup-title .eyebrow{margin-bottom:5px}.setup-grid{grid-template-columns:1fr 1fr;gap:45px;display:grid}.field-label{margin-bottom:9px;font-size:12px;font-weight:700;display:block}.character-picker{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.character-picker button{background:0 0;border-color:#0000;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:9px 2px 6px;display:flex}.character-picker button.chosen{background:#eef2e7;border-color:#84a286}.character-picker small{white-space:nowrap;font-size:9px}.avatar{object-fit:contain;mix-blend-mode:multiply;border-radius:12px;flex-shrink:0}.setup-grid>div>p.field-label{margin-top:21px}.mode-choices select{margin-bottom:15px;padding:9px 12px}.mode{text-align:left;width:100%;margin-bottom:10px;padding:14px 18px;display:block}.mode b{justify-content:space-between;font-size:15px;display:flex}.mode small{opacity:.8;font-size:10px;display:block}.primary{background:var(--green);color:#fffdf0;border-color:var(--green)}.outline{background:#f5f6ec;border-color:#aab79e}.join-row{gap:7px;margin:16px 0 0;display:flex}.join-row input{font-size:11px}.join-row button{white-space:nowrap;font-size:12px}.text-button{color:var(--green);text-underline-offset:4px;background:0 0;border:0;padding:10px 0;font-size:11px;text-decoration:underline;display:block}.home-notes{grid-template-columns:repeat(3,1fr);gap:30px;padding:52px 8px 30px;display:grid}.home-notes>div>span{color:#a9b49b;font:italic 24px Georgia}.home-notes h3{margin:10px 0;font-size:14px}.home-notes p{color:var(--muted);font-size:11px}.site-footer{border-top:1px solid var(--line);color:#96907e;justify-content:space-between;max-width:1060px;margin:35px auto 0;padding:25px 32px;font-size:11px;display:flex}.site-footer small{font-size:10px}.error{background:#fae5da;border:1px solid #dca98d;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;max-width:1000px;margin:15px auto;padding:12px 18px;font-size:12px;display:flex}.error button{background:0 0;border:0;padding:0 8px}.game-page{max-width:1100px;margin:auto;padding:28px 28px 0}.game-heading{justify-content:space-between;align-items:center;margin:0 0 20px;display:flex}.game-heading h1{margin:0;font-size:27px}.game-heading .eyebrow{margin-bottom:3px;font-size:9px}.game-tools{gap:7px;display:flex}.game-tools button{padding:8px 12px;font-size:11px}.game-layout{grid-template-columns:minmax(0,660px) minmax(230px,1fr);gap:27px;display:grid}.table{min-width:0}.turn-banner{color:#fff;text-align:center;border-radius:11px 11px 0 0;min-height:46px;padding:12px 8px;font-size:13px;font-weight:700}.turn-dot{background:#fff6cd;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.players-strip{border:1px solid var(--line);background:#fffdf7;border-bottom:0;grid-template-columns:1fr 1fr;gap:6px;padding:8px;display:grid}.player-card{border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;min-width:0;padding:7px 9px;display:flex;position:relative}.player-card>div{min-width:0}.player-card strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.player-card small{color:var(--muted);font-size:9px;line-height:1.4;display:block}.player-card strong small{color:var(--pc);font-size:8px;display:inline}.player-card.current{border-color:var(--pc);background:#f3f1e7}.player-card.eliminated{opacity:.45}.player-swatch{background:var(--pc);border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:6px}.board-scroll{scrollbar-width:thin;background:#d7bb88;border-radius:0 0 7px 7px;padding:9px;overflow:auto}.board{aspect-ratio:1;background:#ebd2a3;border:1.5px solid #6b573b;grid-template-columns:repeat(9,1fr);width:100%;max-width:100%;display:grid;position:relative}.square{aspect-ratio:1;touch-action:manipulation;background:0 0;border:1px solid #997d5090;border-top:0;border-left:0;border-radius:0;justify-content:center;align-items:center;width:100%;min-width:0;padding:0;display:flex;position:relative}.square:nth-child(9n){border-right:0}.square:nth-last-child(-n+9){border-bottom:0}.square:hover:not(:disabled){background:#ddc08d}.square.selected{background:#8eb89a}.piece{background:var(--piece-color);clip-path:polygon(50% 0,88% 20%,100% 100%,0 100%,12% 20%);color:#302a20;z-index:1;filter:drop-shadow(0 1px 1px #5b452e66);place-items:center;width:76%;height:84%;line-height:1;display:grid;position:relative}.piece:before{content:"";clip-path:polygon(50% 0,88% 20%,100% 100%,0 100%,12% 20%);background:#fff0cc;position:absolute;inset:2px 2px 4px}.piece>span{margin-top:10%;font-family:Yu Mincho,Noto Serif CJK JP,serif;font-size:clamp(19px,3.8vw,34px);font-weight:800;position:relative}.piece.promoted{color:#af442a}.piece.dead{color:#726a5a;background:#615c50}.piece.dead:before{background:#c3baa1}.piece.dead>span{font-size:clamp(8px,1.8vw,16px)}.piece.neutral:not(.dead){opacity:.55}.target-dot{pointer-events:none;z-index:3;background:#527c61;border:2px solid #e7efda;border-radius:50%;width:26%;height:26%;position:absolute}.target-ring{z-index:3;pointer-events:none;border:3px solid #496f51;border-radius:50%;width:90%;height:90%;position:absolute}.target{background:#a6c29a55}.grid-dot{color:#755b3b;pointer-events:none;font-size:28px;position:absolute;bottom:-16px;right:-4px}.move-panel{border:1px solid var(--line);text-align:center;background:#fffdf7;border-radius:9px;min-height:53px;margin-top:10px;padding:13px 15px}.move-panel p{margin:0;font-size:12px}.confirm-row{justify-content:center;gap:10px;margin-top:12px;display:flex}.confirm-row button{flex:1}.promote-choice{justify-content:center;gap:8px;margin-top:10px;display:flex}.promote-choice button{padding:6px 20px;font-size:12px}.active{background:#e2ebda!important;border-color:#70967b!important}.hand-area{background:#ede9de;border-radius:10px;margin-top:10px;padding:12px 14px}.hand-heading{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.hand-heading strong{font-size:12px}.hand-heading small{color:var(--muted);font-size:10px}.hand-pieces{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.hand-pieces button{padding:6px}.hand-pieces b{margin-right:7px;font:700 22px serif}.hand-pieces span{font-size:11px}.commentary-card,.settings-card,.history-card,.results{border:1px solid var(--line);background:#fffdf7;border-radius:13px;margin-bottom:16px;padding:23px}.commentary-card>.avatar{margin-bottom:14px;display:block}.commentary-card .eyebrow{margin-bottom:8px;font-size:9px}.commentary-card p{font-size:13px}.commentary-card>small{color:#a39b85}.settings-card{padding:17px}.settings-card label{align-items:center;gap:7px;font-size:11px;display:flex}.settings-card input{width:15px;accent-color:var(--green)}.settings-card button:not(.text-button){width:100%;margin:8px 0;padding:8px;font-size:11px}.settings-card .text-button{padding:7px 0}.fine{color:var(--muted);margin:9px 0;font-size:11px;line-height:1.8}.history-card{padding:16px;font-size:11px}.history-card summary{cursor:pointer}.history-card ol{max-height:300px;padding:0;list-style:none;overflow:auto}.history-card li{border-bottom:1px solid var(--line);padding:8px 0;font-size:10px}.results h3{font-size:16px}.results p{font-size:12px}.results b{margin-right:10px}.results button{width:100%;font-size:11px}.lobby{text-align:center;border:1px solid var(--line);background:#fffdf7;border-radius:18px;max-width:850px;margin:20px auto;padding:35px}.lobby h1{font-size:29px}.lobby>p{color:var(--muted);font-size:12px}.invite-box{background:#f2efe4;border-radius:12px;flex-direction:column;align-items:center;gap:10px;max-width:500px;margin:25px auto;padding:20px;display:flex}.invite-box label{color:var(--muted);font-size:10px}.invite-box strong{letter-spacing:.15em;font-family:monospace;font-size:25px}.invite-box input{text-align:center;font-size:10px}.lobby-seats{grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0;display:grid}.lobby-seat{border:1px solid var(--line);border-top:3px solid;border-radius:10px;flex-direction:column;align-items:center;gap:7px;padding:15px 5px;display:flex}.lobby-seat>span{color:var(--muted);font-size:10px}.lobby-seat strong{font-size:11px}.lobby-seat small{color:var(--muted);font-size:9px}.empty-seat{color:#c4bcaa;place-items:center;height:78px;font-size:25px;display:grid}.large{padding:13px 24px}.lobby>.text-button{margin:10px auto}.overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#262b225e;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal{overscroll-behavior:contain;background:#fffdf6;border-radius:20px;width:100%;max-width:610px;max-height:90dvh;padding:28px 32px;overflow:auto;box-shadow:0 25px 90px #1113}.modal>header{justify-content:space-between;align-items:center;display:flex}.modal .icon{background:0 0;border:0;padding:0 9px;font-size:25px}.modal h2{margin:0 0 15px;font-size:26px}.modal h3{margin-top:24px;font-size:19px}.modal p{font-size:13px;line-height:1.9}.modal p.fine{font-size:11px}.lesson-nav{gap:8px;display:flex}.lesson-nav button{border-radius:50%;width:31px;height:31px;padding:0;font-size:11px}.lesson-nav .active{color:var(--green);font-weight:700}.rule-characters{flex-wrap:wrap;justify-content:center;gap:9px;padding:25px 0;display:flex}.rule-characters strong{text-align:center;color:var(--green);flex-basis:100%;font-size:12px}.rule-footer{justify-content:space-between;align-items:center;gap:15px;margin:23px 0 15px;display:flex}.rule-footer>span{color:var(--muted);font-size:11px}.rule-footer button{min-width:100px;font-size:12px}.piece-guide{border:1px solid var(--line);border-radius:11px;margin-top:20px;padding:14px;font-size:12px}.piece-guide summary,.modal>details>summary{cursor:pointer;font-size:11px}.piece-tabs{flex-wrap:wrap;gap:5px;margin-top:15px;display:flex}.piece-tabs button{padding:5px 11px;font-family:serif;font-size:17px}.diagram-wrap{text-align:center;margin-top:10px}.diagram-wrap>small{color:var(--green);font-size:10px}.move-diagram{background:#e9d5b0;border-top:1px solid #b5996a;border-left:1px solid #b5996a;grid-template-columns:repeat(5,1fr);width:170px;height:170px;margin:6px auto;display:grid}.move-diagram>span{border-bottom:1px solid #b5996a;border-right:1px solid #b5996a;place-items:center;font-size:13px;display:grid}.move-diagram b{font:700 23px serif}.reach{color:#507450!important;background:#d6e3bf!important}.practice{text-align:center;background:#f1f0e5;border-radius:12px;padding:12px}.practice p{font-size:11px}.practice-board{border-top:1px solid #ab9167;border-left:1px solid #ab9167;grid-template-columns:repeat(3,1fr);width:150px;height:150px;margin:auto;display:grid}.practice-board button{background:#ebd3aa;border:1px solid #ab9167;border-top:0;border-left:0;border-radius:0;padding:0;font:25px serif}.practice .text-button{margin:auto}.rule-callout{background:#eeeedf;border-radius:12px;margin:20px 0;padding:20px;font-size:12px;line-height:2}.rule-callout strong{color:var(--green)}.dead-sample{background:#c3baa1;border-radius:4px;margin-right:7px;padding:4px 12px;display:inline-block}.promotion-list{flex-wrap:wrap;justify-content:center;gap:10px;margin:25px 0;display:flex}.promotion-list span{background:#efe4cd;border-radius:8px;padding:10px}.promotion-list b{color:#a34f38}.small-modal{max-width:400px}.zoomed .board{width:590px;min-width:590px;max-width:none}.waiting{padding:10px}@media (min-width:1300px){.piece>span{font-size:35px}}@media (max-width:800px){.hero{gap:10px;padding-top:40px}.hero h1{font-size:42px}.hero-art{height:320px}.hero-art>img{width:190px;height:250px}.hero-board{width:230px;height:230px}.hero-bubble{font-size:11px;top:0;left:0}.floating-piece{width:43px;height:52px;font-size:27px}.setup-grid{gap:25px}.play-panel{padding:27px}.game-layout{grid-template-columns:minmax(0,1fr)}.game-sidebar{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}.commentary-card{padding:16px}.commentary-card>.avatar{float:left;margin:0 12px 5px 0;width:45px!important;height:45px!important}.commentary-card p{font-size:12px}.history-card{grid-column:1/-1}.game-sidebar>div{margin:0}.results{grid-area:1/1/auto/-1}.piece>span{font-size:clamp(22px,5vw,38px)}}@media (max-width:540px){.site-header{padding:16px 18px}.brand{gap:9px}.brand b{font-size:14px}.brand-piece{width:30px;height:36px;font-size:22px}.help-button{padding:8px 0;font-size:11px}.home{padding:0 18px}.hero{grid-template-columns:1fr 1fr;gap:0;padding:32px 0 30px}.hero h1{letter-spacing:.04em;font-size:32px;line-height:1.5}.hero .eyebrow{width:190px;font-size:9px}.hero p{width:200px;font-size:10px;line-height:1.9}.hero-art{align-self:center;height:265px;margin-left:-20px}.hero-board{border-width:6px;width:165px;height:185px;box-shadow:8px 13px #eae5d5}.hero-art>img{width:143px;height:210px}.hero-bubble{padding:10px 17px;font-size:10px;top:-5px;left:15px}.hero-art>small{display:none}.floating-piece.one{bottom:15%;left:7%}.floating-piece.two{width:32px;height:39px;font-size:22px;top:24%;right:0}.hero-tags{gap:5px;width:220px;margin-top:14px}.hero-tags span{padding:3px 7px;font-size:8px}.play-panel{border-radius:16px;padding:23px 20px}.setup-title h2{margin-bottom:20px;font-size:21px}.setup-grid{grid-template-columns:1fr;gap:22px}.character-picker{grid-template-columns:repeat(6,1fr);gap:1px}.character-picker .avatar{width:39px!important;height:45px!important}.character-picker small{letter-spacing:-.05em;font-size:7px}.character-picker button{padding:7px 0}.home-notes{grid-template-columns:1fr;gap:20px;padding:35px 5px 10px}.home-notes>div{grid-template-columns:35px 1fr;column-gap:8px;display:grid}.home-notes>div>span{grid-row:1/3}.home-notes h3{margin:0 0 5px;font-size:13px}.home-notes p{margin:0;font-size:10px}.site-footer{margin-top:25px;padding:20px;display:block}.site-footer small{margin-top:5px;font-size:9px;display:block}.game-page{padding:20px 8px 0}.game-heading{margin-bottom:15px;padding:0 7px}.game-heading h1{font-size:22px}.game-tools{gap:5px}.game-tools button{padding:7px 8px;font-size:9px}.game-heading .eyebrow{font-size:8px}.turn-banner{min-height:42px;padding:10px;font-size:12px}.players-strip{gap:2px;padding:5px}.player-card{gap:5px;padding:5px}.player-card .avatar{width:31px!important;height:31px!important}.player-card strong{font-size:10px}.player-card small{font-size:8px}.player-card .opponent-hands{font-size:7px}.board-scroll{padding:5px}.piece>span{font-size:clamp(18px,5.5vw,29px)}.piece:before{inset:1.5px 1.5px 3px}.piece.dead>span{font-size:9px}.target-ring{border-width:2px}.move-panel{margin-top:8px;padding:11px}.move-panel p{font-size:11px}.hand-area{margin-top:8px;padding:10px}.hand-heading small{font-size:9px}.hand-pieces b{font-size:20px}.game-layout{gap:15px}.game-sidebar{gap:8px}.commentary-card,.settings-card{padding:12px}.commentary-card p{font-size:11px}.commentary-card .eyebrow{font-size:8px}.settings-card label{font-size:10px}.settings-card .fine{font-size:9px}.settings-card button:not(.text-button),.settings-card .text-button{font-size:10px}.lobby{margin-top:0;padding:25px 15px}.lobby h1{font-size:24px}.lobby-seats{grid-template-columns:1fr 1fr;gap:8px}.lobby-seat{padding:10px}.lobby-seat .avatar{width:60px!important;height:60px!important}.empty-seat{height:60px}.invite-box{padding:15px 10px}.invite-box strong{font-size:22px}.modal{border-radius:16px;padding:22px 20px}.modal h2{font-size:23px}.modal h3{font-size:17px}.modal p{font-size:12px}.modal .eyebrow{font-size:9px}.lesson-nav{gap:7px}.lesson-nav button{width:29px;height:29px}.rule-characters{gap:3px}.rule-characters .avatar{width:57px!important;height:57px!important}.error{margin:10px;font-size:11px}.confirm-row button{font-size:12px}.zoomed .piece>span{font-size:32px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.square.pending{background:#e7e8a4;box-shadow:inset 0 0 0 3px #426d52}.square.pending:after{content:"確定";z-index:5;color:#fff;pointer-events:none;background:#426d52;border-radius:3px 0 0;padding:1px 3px;font:700 8px/1.3 sans-serif;position:absolute;bottom:0;right:0}:root{--cream:#fbf6e9;--green:#688b64;--ink:#594632;--line:#e7d9bd}body{background-color:var(--cream);background-image:radial-gradient(#c5aa7520 .65px,#0000 .65px);background-size:7px 7px}.site-header{border-bottom:2px solid #dfcfac;padding-bottom:20px}.brand-piece{color:#fff5d8;background:#9b7050}.brand b{color:#765537}.hero{gap:18px;padding:48px 8px 50px}.hero-kicker{color:#8d7450;letter-spacing:.35em;margin:0 0 9px 5px;font-size:16px}.hero h1{letter-spacing:.11em;color:#815e3e;text-shadow:2px 3px #ead8b1;width:fit-content;margin-bottom:18px;font-family:Hiragino Maru Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-size:64px;font-weight:900;line-height:1.28;position:relative}.hero h1 em{color:#66815e}.title-stamp{color:#ae6c58;width:38px;height:42px;text-shadow:none;border:2px solid #ae6c58;border-radius:7px;place-items:center;font:700 23px serif;display:grid;position:absolute;bottom:12px;right:-55px;transform:rotate(9deg)}.hero p.hero-invitation{color:#8b6b44;letter-spacing:.09em;margin-bottom:8px;font-size:16px;font-weight:700}.hero p{color:#8d7b61}.hero-tags span{color:#8c7248;background:#f5e8c6;border-color:#e2d0a5}.hero-art{height:425px}.hero-board{opacity:1;background:#f0d8a9;border:12px solid #d5af70;border-radius:14px;grid-template-columns:repeat(9,1fr);width:335px;height:335px;transform:rotate(-8deg);box-shadow:0 8px #bb9259,0 14px #e4c899,12px 25px 36px #a78d5828}.hero-board>span{border:.5px solid #b38c5680}.hero-art>.hero-shika{z-index:4;filter:drop-shadow(0 7px 1px #ad8d5720);width:235px;height:300px;margin:0;position:absolute;top:24px;left:calc(50% - 112px)}.hero-art>.hero-friend{object-fit:contain;z-index:5;mix-blend-mode:multiply;width:125px;height:125px;margin:0;position:absolute}.hero-art>.friend-shon{width:137px;height:137px;bottom:30px;left:0;transform:rotate(-8deg)}.hero-art>.friend-ram{width:139px;height:128px;bottom:27px;right:-5px;transform:rotate(5deg)}.hero-art>.friend-oreo{width:114px;height:114px;top:11px;right:-4px;transform:rotate(9deg)}.hero-bubble{color:#977146;z-index:6;background:#fffdf5;border-color:#e2cea5;padding:13px 21px;top:8px;left:6px;box-shadow:0 4px #daca9e66}.floating-piece{color:#8c673f;text-shadow:1px 1px #fff;background:#f7e5b8}.floating-piece.one{z-index:5;width:42px;height:52px;font-size:26px;bottom:42%;left:14%}.floating-piece.two{width:42px;height:52px;font-size:26px;top:40%;right:13%}.hero-art>small{text-align:center;color:#b2986c;letter-spacing:.18em;bottom:-8px;left:0;right:0}.play-panel{background:#fffcf4;border:2px solid #e2ceaa;border-radius:26px;box-shadow:0 6px #eaddc2,0 14px 36px #a58d6212}.setup-title h2{color:#80613f;font-weight:800}.mode{border-radius:14px}.primary{background:#75946a;border-color:#68895e;box-shadow:0 3px #4f6e45}.primary:hover:not(:disabled){background:#65865a}.outline{background:#fff2d2;border-color:#d6bb83;box-shadow:0 3px #dbc18f}.character-picker button.chosen{background:#f4ebcf;border:1px solid #ceb27d;box-shadow:0 3px #e9dabb}.character-picker button.chosen:after{content:"✓";color:#8b7446;font-size:10px;line-height:1;position:absolute;top:3px;right:6px}.character-picker button{position:relative}.home-notes>div>span{color:#b59c71}.site-footer{color:#a08c6d;border-color:#ddcba5}.help-button{background:#fff9e8;border:1px solid #e8dabd;border-radius:25px;padding:9px 14px}.table-label{color:#9c8059;justify-content:space-between;align-items:center;padding:10px 13px 12px;display:flex}.table-label>span{letter-spacing:.08em;font-size:12px;font-weight:700}.table-label>small{font-size:10px}.table{background:#eee4c8;border:1px solid #dac39b;border-radius:20px;padding:4px 12px 14px;box-shadow:0 5px #d9c29a}.turn-banner{border-radius:13px 13px 0 0}.players-strip{background:#fffbef;border-color:#dfccaa;padding:10px}.player-card{border-radius:12px}.player-card.current{background:#f3e7c9}.player-card .avatar{background:#f3e9d0;border:1px solid #e3d3ad;border-radius:50%;padding:2px}.board-scroll{background:#cea66a;border-radius:0 0 11px 11px;box-shadow:0 3px #b88d54}.board{background-color:#efd5a6;background-image:repeating-linear-gradient(2deg,#0000 0 13px,#b5873a08 13px 14px,#0000 14px 25px);border-color:#856239}.piece:before{background:#fff0cf}.piece{filter:drop-shadow(1px 2px 1px #6d4b2730)}.square.last{background:#d7c58b}.square.pending{background:#e2e3a2}.move-panel{background:#fff9e8;border-color:#e2cfad;border-radius:13px}.hand-area{background:#e5d7b7;border:1px solid #d7bf97;border-radius:13px}.hand-pieces button{background:#ffefd0;border-color:#d3b989;box-shadow:0 2px #ccb183}.hand-pieces button:disabled{opacity:.4}.hand-pieces button.active{background:#e2e8ba!important}.table-companion{background:#f4ead1;border:1px solid #e0cc9f;border-radius:20px 20px 20px 5px;align-items:center;gap:8px;margin-bottom:17px;padding:11px 10px 15px;display:flex;box-shadow:0 4px #eadab6}.table-companion span{color:#a48960;font-size:10px;display:block}.table-companion strong{color:#927046;font-size:13px;display:block}.commentary-card,.settings-card,.history-card,.results{background:#fffcf2;border-color:#e3d0ac;border-radius:17px}.commentary-card .avatar{background:#f5edda;border:1px solid #e3d5b6;border-radius:50%;padding:4px}.commentary-card p{color:#7e674b}.game-heading h1{color:#81623f}.lobby{background:#fffcf2;border:2px solid #e1cda7;border-radius:24px;box-shadow:0 5px #e7d6b6}.lobby-seat{background:#faf3df}.modal{background:#fffcf2;border:2px solid #e3cc9f}.rule-callout{background:#f3ead0}.practice{background:#f5ecd7}.hero-art img{pointer-events:none}@media (max-width:800px){.hero h1{font-size:51px}.hero-art{height:365px}.hero-board{border-width:9px;width:260px;height:275px}.hero-art>.hero-shika{width:185px;height:250px;top:18px;left:calc(50% - 91px)}.hero-art>.friend-shon{width:110px;height:110px;bottom:20px}.hero-art>.friend-ram{width:110px;height:110px;bottom:19px}.hero-art>.friend-oreo{width:88px;height:88px;top:10px;right:-10px}.hero-bubble{padding:10px 17px;font-size:11px}.game-sidebar{grid-template-columns:1fr 1fr}.table-companion{grid-column:1/-1;justify-content:center;margin:0;padding:4px 12px}.table-companion>.avatar{width:55px!important;height:55px!important}.table-companion span{font-size:10px;display:inline}.table-companion strong{margin-left:6px;font-size:12px;display:inline}.results{grid-row:auto}.table{padding:2px 10px 12px}}@media (max-width:540px){.site-header{padding:15px 16px}.help-button{padding:6px 9px;font-size:10px}.hero{gap:0;padding:36px 0 35px}.hero-kicker{letter-spacing:.25em!important;font-size:12px!important}.hero h1{letter-spacing:.08em;margin-bottom:15px;font-size:35px;line-height:1.4}.hero p.hero-invitation{letter-spacing:.02em;width:180px;margin-bottom:8px;font-size:11px}.hero p{width:180px;font-size:9px}.title-stamp{border-width:1.5px;border-radius:4px;width:23px;height:27px;font-size:16px;bottom:8px;right:-28px}.hero-art{height:278px;margin-left:0}.hero-board{border-width:7px;width:174px;height:200px;box-shadow:0 5px #bb9259,0 9px #e4c899,5px 15px 22px #a78d5828}.hero-art>.hero-shika{width:128px;height:175px;top:22px;left:calc(50% - 65px)}.hero-art>.friend-shon{width:85px;height:85px;bottom:13px;left:-18px}.hero-art>.friend-ram{width:90px;height:83px;bottom:14px;right:-10px}.hero-art>.friend-oreo{width:69px;height:69px;top:4px;right:-7px}.hero-bubble{padding:8px 12px;font-size:9px;top:0;left:-20px}.floating-piece.one{width:28px;height:35px;font-size:20px;bottom:40%;left:0}.floating-piece.two{width:28px;height:35px;font-size:20px;top:44%;right:4%}.hero-tags{gap:4px;width:220px}.hero-tags span{font-size:8px}.play-panel{border-radius:21px;padding:22px 17px}.table{border-radius:15px;padding:1px 5px 9px}.table-label{padding:8px 6px 9px}.table-label>span{font-size:10px}.table-label>small{font-size:8px}.players-strip{padding:5px}.table-companion{padding:3px 10px}.table-companion>.avatar{width:45px!important;height:45px!important}.table-companion span{font-size:9px}.table-companion strong{font-size:11px}.board-scroll{padding:4px}.hand-pieces button{border-radius:8px}.game-page{padding-left:6px;padding-right:6px}.game-heading{padding:0 8px}.game-heading h1{font-size:22px}.commentary-card,.settings-card{padding:12px}.character-picker button.chosen:after{font-size:8px;top:0;right:1px}}.brand>.header-logo{filter:drop-shadow(0 2px 1px #d7bd8b22);width:205px;max-width:100%;height:auto;display:block}.hero h1.hero-logo{width:450px;max-width:100%;text-shadow:none;margin:0 0 18px -9px;line-height:1}.hero-logo>img{filter:drop-shadow(0 4px 1px #c5ab7533);width:100%;height:auto;display:block}.game-heading h1.game-title-logo{width:240px;margin-left:-4px;line-height:1}.game-title-logo>img{width:100%;height:auto;display:block}@media (max-width:800px){.hero h1.hero-logo{width:365px;margin-left:-6px}.brand>.header-logo{width:185px}.game-heading h1.game-title-logo{width:215px}}@media (max-width:540px){.brand>.header-logo{width:160px}.hero h1.hero-logo{width:230px;max-width:calc(100% + 9px);margin:0 0 16px -5px}.game-heading h1.game-title-logo{width:160px}.site-header{padding-top:12px;padding-bottom:12px}.hero{align-items:center}.hero-text{z-index:7;position:relative}.hero-invitation{margin-top:6px}}.character-picker{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:540px){.character-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.character-picker .avatar{width:45px!important;height:49px!important}.character-picker small{letter-spacing:0;font-size:9px}.character-picker button{padding:8px 2px}}.site-footer a{color:#8b7757;text-underline-offset:3px;margin-left:12px;font-size:10px}.about-page{max-width:850px;margin:0 auto;padding:32px 28px 65px}.about-back{color:#6b825e;font-size:12px}.about-logo{width:360px;max-width:90%;height:auto;margin:25px auto 35px;display:block}.about-page h1{color:#82613e;font-size:28px}.about-page h2{color:#68835e;font-size:20px}.about-page p{color:#7d6b53;font-size:14px;line-height:2}.about-page section{border-bottom:1px solid #e1d1b1;padding:25px 0}.about-page section a{color:#68835e}.about-play{text-align:center;border-radius:12px;margin-top:35px;padding:13px 22px;font-weight:700;text-decoration:none;display:block}@media (max-width:540px){.about-page{padding:23px 20px 45px}.about-page h1{font-size:23px}.about-page h2{font-size:18px}.about-page p{font-size:13px}}.players-strip .player-card{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:6px 8px;padding:8px;display:grid}.player-info{min-width:0}.player-card .player-hand-view{text-align:left;touch-action:manipulation;background:#f4e7c8;border:1px solid #ddc59a;border-radius:9px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:4px;width:100%;min-height:37px;padding:4px 6px;display:flex}.player-card .player-hand-view:hover{background:#edddb7}.held-tokens{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:flex}.held-chip{white-space:nowrap;flex-shrink:0;align-items:center;gap:3px;display:inline-flex}.held-piece{clip-path:polygon(50% 0,88% 20%,100% 100%,0 100%,12% 20%);color:#694725;background:#efd09b;place-items:center;width:24px;height:28px;padding-top:3px;font:800 20px/1 Yu Mincho,serif;display:inline-grid;position:relative;box-shadow:inset 0 -3px #d5ad70}.held-count{color:#604c32;font-size:14px;font-weight:800;line-height:1.2}.held-empty{color:#8a795c;padding:3px 0;font-size:11px}.hand-expand{color:#9a8057;flex-shrink:0;margin-left:auto;font-size:15px;line-height:1}.hand-detail header{align-items:center;gap:10px}.hand-detail header>div{flex:1;min-width:0}.hand-detail .eyebrow{margin:0 0 4px;font-size:9px}.hand-detail h2{overflow-wrap:anywhere;margin:0;font-size:17px}.hand-detail>.held-tokens{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:25px 0;display:grid}.hand-detail .held-chip{background:#f2e3c1;border:1px solid #dbc396;border-radius:12px;justify-content:center;gap:10px;padding:12px}.hand-detail .held-piece{width:39px;height:45px;font-size:30px}.hand-detail .held-count{font-size:23px}.hand-detail .held-empty{text-align:center;grid-column:1/-1;padding:20px;font-size:15px}.hand-detail>.primary{width:100%;margin-top:10px}@media (max-width:540px){.players-strip .player-card{grid-template-columns:31px minmax(0,1fr);gap:5px;padding:5px}.player-card .player-hand-view{min-height:38px;padding:4px}.held-tokens{gap:5px}.held-piece{width:22px;height:26px;font-size:19px}.held-count{font-size:13px}.hand-expand{font-size:12px}.held-empty{font-size:10px}.hand-detail h2{font-size:15px}.hand-detail .held-piece{width:39px;height:45px;font-size:30px}.hand-detail .held-count{font-size:23px}}