.app-content:has(>.bao-page){width:min(100% - 32px,800px)}.bao-page{padding-top:12px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.bao-game{--bao-surface:#263f32;--bao-text:#f7eed9;--bao-line:#6c806d;--bao-control:#f3ead4;--bao-control-ink:#233d30;--bao-focus:#fff1bc;--bao-board:#805331;background:var(--bao-surface);color:var(--bao-text);border:1px solid #5c705b;border-radius:16px;padding:14px}.bao-game[data-appearance=porcelain]{--bao-surface:#e5e7de;--bao-text:#253e32;--bao-line:#a2aea0;--bao-control:#fbfaf2;--bao-control-ink:#253e32;--bao-focus:#244c3b;--bao-board:#f6f4e9;border-color:#a9b4a3}.bao-game button,.bao-game select,.bao-settings summary{border:1px solid var(--bao-line);background:var(--bao-control);min-height:44px;color:var(--bao-control-ink);border-radius:8px;font:550 13px/1.3 Outfit,sans-serif}.bao-game button{cursor:pointer;padding:8px 12px}.bao-game select{cursor:pointer;max-width:100%;padding:8px}.bao-game :focus-visible{outline:3px solid var(--bao-focus);outline-offset:3px}.bao-surface-bar{justify-content:space-between;align-items:start;gap:12px;display:flex}.bao-appearance{border:1px solid var(--bao-line);border-radius:10px;gap:3px;padding:3px;display:flex}.bao-game .bao-appearance button{color:var(--bao-text);background:0 0;border-color:#0000;border-radius:6px;min-height:44px;padding:7px 13px}.bao-game .bao-appearance [aria-pressed=true]{background:var(--bao-control);color:var(--bao-control-ink)}.bao-game[data-appearance=porcelain] .bao-appearance [aria-pressed=true]{color:#fffdf0;background:#294b3b}.bao-settings{z-index:20;position:relative}.bao-settings summary{cursor:pointer;color:var(--bao-text);background:0 0;align-items:center;gap:7px;padding:0 12px;list-style:none;display:flex}.bao-settings summary::marker,.bao-settings summary::-webkit-details-marker{content:"";display:none}.bao-settings summary svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:16px;height:16px}.bao-settings[open] summary svg{transform:rotate(180deg)}.bao-toolbar{background:var(--bao-control);width:260px;color:var(--bao-control-ink);border:1px solid var(--bao-line);border-radius:12px;gap:14px;padding:18px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #10271a30}.bao-toolbar label{gap:5px;min-width:0;font-size:12px;display:grid}.bao-toolbar select{width:100%}.bao-seats{grid-template-columns:1fr 1fr;gap:16px;margin:16px 2px 6px;display:grid}.bao-seat{flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:12px;line-height:1.5;display:flex}.bao-seat:last-child{text-align:right;justify-content:flex-end}.bao-seat strong{font-size:14px;font-weight:550}.bao-seat b{font-variant-numeric:tabular-nums;font-weight:600}.bao-seat.is-current strong{text-underline-offset:5px;text-decoration:underline 2px}.bao-board-wrap{isolation:isolate;height:340px;margin-inline:-6px;position:relative}.bao-canvas{pointer-events:none;border-radius:10px;width:100%;height:100%;position:absolute;inset:0}.bao-board{background:linear-gradient(110deg,#bb8653,#7b4c2c);border:1px solid #a17f54;border-radius:18px;grid-template-rows:repeat(4,minmax(46px,1fr));grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;height:100%;padding:16px 12px;display:grid;position:relative}.bao-game[data-appearance=porcelain] .bao-board{background:#eeeee3;border-color:#b5bbaa}.bao-pit{min-width:0;min-height:44px;color:var(--bao-text);justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 4px 8px #20180e55;cursor:default!important;background:radial-gradient(at 50% 45%,#53341f,#81512e 65%,#a27747 70%)!important;border:0!important;border-radius:48%!important;padding:0!important}.bao-game[data-appearance=porcelain] .bao-pit{box-shadow:inset 0 4px 8px #64715a20;background:radial-gradient(at 50% 45%,#c5ccbc,#fdfbf1 72%)!important}.bao-pit.is-house{border-radius:9px!important}.bao-pit.is-house:after{content:"";background:var(--bao-focus);z-index:3;border-radius:2px;width:30%;height:3px;position:absolute;top:-3px;left:35%}.bao-pit.is-legal{outline:2px solid var(--bao-focus);outline-offset:2px;cursor:pointer!important}.bao-pit.is-selected{outline:3px solid var(--bao-focus);outline-offset:2px}.bao-pit.is-facing{outline:2px dashed var(--bao-focus);outline-offset:2px}.bao-pit:focus-visible{outline-offset:3px;z-index:3;outline:3px dashed var(--bao-focus)!important}.bao-pit-label{z-index:2;pointer-events:none;color:var(--bao-text);opacity:0;font-size:10px;font-weight:500;line-height:1;position:absolute;top:1px;left:3px}.bao-pit:is(:hover,:focus-visible,.is-selected) .bao-pit-label{opacity:1}.bao-count{z-index:2;color:#3a291d;font-variant-numeric:tabular-nums;pointer-events:none;background:#f2e6cb;border-radius:50%;justify-content:center;align-items:center;min-width:23px;height:23px;padding-inline:3px;font-size:15px;font-weight:600;line-height:1;display:flex;position:relative}.bao-game[data-appearance=porcelain] .bao-count{color:#fffdf0;background:#294b3b}.bao-pit[data-count="0"] .bao-count{color:var(--bao-text);background:0 0;font-size:12px}.bao-pit.is-restricted:before{content:"T";z-index:3;border:1px solid var(--bao-line);background:var(--bao-control);min-width:15px;min-height:16px;color:var(--bao-control-ink);text-align:center;border-radius:3px;padding:1px 2px;font-size:11px;font-weight:700;position:absolute;top:0;right:2px}.bao-seed{pointer-events:none;background:#f2dfb4;border:1px solid #b38b53;border-radius:48%;width:8px;height:11px;position:absolute;box-shadow:0 1px 2px #321d1650}.bao-game[data-appearance=porcelain] .bao-seed{background:#35594d;border-color:#244436}.bao-game[data-bao-render="3d"] .bao-board{background:0 0;border:0;padding:0;display:block}.bao-game[data-bao-render="3d"] .bao-board:before{display:none}.bao-game[data-bao-render="3d"] .bao-pit{left:var(--bao-pit-x);top:var(--bao-pit-y);width:var(--bao-pit-w);height:var(--bao-pit-h);box-shadow:none;position:absolute;transform:translate(-50%,-50%);background:0 0!important}.bao-game[data-bao-render="3d"] .bao-seed{display:none}.bao-game[data-bao-render="3d"] .bao-count{min-width:20px;height:20px;font-size:12px;position:absolute;bottom:-4px;right:-3px}.bao-game[data-bao-render="3d"] .bao-pit[data-count="0"] .bao-count{opacity:.8;background:0 0;font-size:11px}.bao-game[data-bao-render=flat] .bao-canvas{display:none}.bao-flying{z-index:12;pointer-events:none;background:#fff1c8;border:1px solid #a77d42;border-radius:48%;width:10px;height:13px;position:absolute;box-shadow:0 2px 4px #4c2a2060}.bao-turn-line{justify-content:space-between;align-items:center;gap:6px;margin:6px 2px 10px;font-size:12px;line-height:1.4;display:flex}.bao-turn-line [data-bao-turn]{font-weight:600}.bao-move-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.bao-move-choices:empty{display:none}.bao-game .bao-move{color:#203e2e;background:#e9dfc3;border-color:#e9dfc3;justify-content:center;align-items:center;gap:7px;display:flex}.bao-game[data-appearance=porcelain] .bao-move{color:#fffdf0;background:#294b3b;border-color:#294b3b}.bao-move svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 22px;width:22px;height:22px}.bao-move small{margin-top:3px;font:400 11px/1.2 Outfit,sans-serif;display:block}.bao-message{font-size:13px;line-height:1.5;margin-top:10px!important}.bao-message:empty{display:none}.bao-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.bao-game .bao-actions button{color:var(--bao-text);background:0 0}.bao-playback{align-items:center;gap:6px;margin-top:10px;display:flex}.bao-playback label{align-items:center;gap:8px;margin-right:auto;font-size:12px;display:flex}.bao-playback select{min-height:44px}.bao-playback button{min-width:64px}.bao-game button:disabled{opacity:.45;cursor:default}.bao-storage-warning,.bao-computer-note,.bao-render-note{color:#792b1f;font-size:12px;margin-top:10px!important}.bao-appearance-note{font-size:12px;margin-top:10px!important}.bao-page [hidden]{display:none!important}.bao-page nav[aria-label=Bao\ adventures]{flex-wrap:wrap;gap:8px 24px;margin-top:20px;font-size:13px;display:flex}.bao-page nav[aria-label=Bao\ adventures] a{align-items:center;min-height:44px;display:inline-flex}@media (hover:hover){.bao-game .bao-appearance button:hover,.bao-settings summary:hover,.bao-game .bao-actions button:not(:disabled):hover{text-underline-offset:4px;text-decoration:underline}}@media (width<=620px){.bao-game{padding:10px}.bao-board-wrap{height:440px;margin-inline:-4px}.bao-board{grid-template-rows:repeat(8,minmax(44px,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:10px}.bao-seats{margin-top:14px}.bao-seat{flex-direction:column;align-items:flex-start;gap:0}.bao-seat:last-child{align-items:flex-end}.bao-pit-label{font-size:9px}}@media (width<=350px){.bao-game{padding:8px}.bao-game .bao-appearance button{padding-inline:9px;font-size:12px}.bao-settings summary{padding-inline:8px;font-size:12px}.bao-seat strong{font-size:13px}.bao-actions button{padding-inline:5px}}