/* Readable front view while the overview keeps a stable clockwise orientation. */
/* Original transparent logo embedded in the supplied box_top.ai. */
.hero-copy .game-title{line-height:1;margin:-18px -8px -16px}.game-title img{width:min(100%,460px);height:auto;margin:auto}#brand{display:block;flex-shrink:0;width:128px;margin:-14px 0}#brand img{width:100%;height:auto}.playing #brand{width:88px;margin:-7px 0}.hero-tagline{font-size:clamp(17px,2.3vw,24px);line-height:1.55;font-weight:900;color:var(--red);letter-spacing:-.5px}.hero-copy .lead{margin:12px 0 16px}
@media(max-width:650px){.hero-copy .game-title{margin:-16px auto -13px;max-width:350px}.hero-tagline{font-size:18px}#brand{width:105px;margin:-10px 0}}
/* Invalid input explains the next step without replacing animated board nodes. */
.interaction-feedback{position:fixed;left:50%;bottom:max(112px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:80;width:min(540px,calc(100% - 24px));padding:14px 18px;border:2px solid #ac5723;border-radius:12px;background:#fff4d5;color:#60300e;box-shadow:0 5px 24px #32220940;font-size:14px;font-weight:700;line-height:1.7;pointer-events:none;overflow-wrap:anywhere}
.interaction-feedback[hidden]{display:none}
button[aria-disabled="true"]{opacity:.55;cursor:help}.primary[aria-disabled="true"]:hover{background:var(--red);transform:none}.effect-source-card[aria-disabled="true"]{opacity:1}
.result-label{display:block;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:4px}.result-banner.match-result{padding:24px 20px;scroll-margin:20px;border-width:2px}.match-result.win{background:#fff0b9;border-color:#b08224}.match-result.loss{background:#e9edf2;border-color:#7b869b}.match-result h2{font-size:clamp(26px,5vw,38px);line-height:1.4}.match-result .result-symbol{font-size:46px}.match-result .result-winner{font-size:14px;font-weight:700;margin:7px 0}.match-result .result-points{gap:7px}.match-result .result-points>span{background:#fffdf5;border:1px solid #c6c9c1;padding:7px 10px;border-radius:7px}.match-result .result-points .champion{background:#ffdf7d;border-color:#b28a37}.match-result .result-points b{font-size:17px}
@media(max-width:480px){.interaction-feedback{font-size:13px;padding:12px 14px;bottom:max(116px,env(safe-area-inset-bottom))}.result-banner.match-result{padding:18px 13px;gap:9px}.match-result .result-symbol{font-size:32px}}
/* An active facility stays visible while either player resolves its effect. */
#effect-layer[hidden]{display:none}#effect-layer{overflow-anchor:none}
.effect-dock{position:fixed;top:max(8px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:calc(100% - 24px);z-index:30;display:flex;align-items:flex-start;gap:14px;max-width:940px;margin:0;padding:12px 16px;background:#fffdf4;border:2px solid #927243;border-radius:12px;box-shadow:0 5px 18px #28332126;max-height:42dvh;overflow:hidden}
.effect-dock.needs-input{border-color:#b67424;background:#fff8df;box-shadow:0 0 0 3px #efce7840,0 5px 18px #28332126}
.effect-source-card{flex:0 0 76px;min-width:0;padding:0;border:1px solid #b7aa83;border-radius:5px;background:white;overflow:hidden;align-self:flex-start;box-shadow:0 3px 8px #392b2220}
.effect-source-card>img{display:block;width:100%;max-height:calc(42dvh - 28px);aspect-ratio:630/878;object-fit:contain}.effect-source-card:disabled{opacity:1;cursor:default}
.effect-content{flex:1;min-width:0;display:flex;flex-direction:column;max-height:calc(42dvh - 28px)}.effect-details{overflow-y:auto;min-height:0;scrollbar-width:thin;overscroll-behavior:contain}.effect-heading{display:flex;flex-shrink:0;align-items:center;gap:9px;flex-wrap:wrap}.effect-status{display:inline-block;font-size:11px;font-weight:700;color:#fff;background:#566b4d;border-radius:4px;padding:3px 7px}.needs-input .effect-status{background:#a85814}
.effect-heading strong{display:flex;align-items:center;gap:7px;font-size:17px;line-height:1.5;color:#293f2c}.effect-die.dice-face{width:24px;height:24px}
.effect-target{font-size:13px;font-weight:700;margin-top:5px;color:#665034}.effect-instruction{font-size:14px;line-height:1.65;margin-top:5px;color:#243e2a;overflow-wrap:anywhere}
.effect-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.effect-footer>span{font-size:12px;font-weight:700;color:#755026}.effect-jump{flex-shrink:0;border:1px solid #b69552;border-radius:7px;background:#fffdf4;min-height:36px;padding:5px 10px;font-size:12px;font-weight:700;color:#6f481d}
.hand-instruction{padding:7px 10px;margin:3px 0 7px;border-radius:6px;background:#fff0c1;color:#644117;font-size:13px;line-height:1.6}.hand-instruction>b{margin-right:6px}.hand-card.effect-pickable{outline:2px solid #c49a4f;outline-offset:2px}.hand-card.effect-pickable.selected{outline:3px solid #2f734d;outline-offset:3px}
.hand-area,.arena,.effect-options,.guide-area{scroll-margin-top:calc(var(--active-effect-height,0px) + 20px);scroll-margin-bottom:100px}
@media(max-width:800px){.effect-dock{top:max(4px,env(safe-area-inset-top));width:calc(100% - 12px);margin:0;padding:9px 10px;gap:10px}.effect-source-card{flex-basis:62px}.effect-heading{gap:4px}.effect-heading strong{font-size:15px;gap:5px}.effect-status{font-size:10px;padding:2px 6px}.effect-target{font-size:12px;line-height:1.5;margin-top:3px}.effect-instruction{font-size:13px;line-height:1.6}.effect-footer{gap:4px;flex-wrap:wrap}.effect-footer>span{font-size:11px}.effect-jump{min-height:36px;font-size:11px;padding:5px 8px}.effect-die.dice-face{width:22px;height:22px}.hand-instruction{font-size:12px;padding:6px 8px}}
@media(max-width:360px){.effect-dock{gap:8px;padding:8px}.effect-source-card{flex-basis:52px}.effect-heading strong{font-size:14px}}
.game-shell{max-width:1320px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 352px;grid-template-areas:'board focus' 'market focus' 'hand guide';gap:12px 18px;align-items:start}.table-area{grid-area:board}.focus-pane{grid-area:focus}.central-area{grid-area:market}.game-layout>.hand-area{grid-area:hand}.guide-area{grid-area:guide}
.arena{height:370px;margin-bottom:0}.arena-center{width:120px;pointer-events:none}.arena-center>small{display:block;font-size:11px;line-height:1.5;color:#786141;margin-top:5px}.arena .owner-tag{font-size:10px;line-height:1.6;background:#fffce9;color:#26372a;font-weight:900;bottom:0;border-top:1px solid #b7bfa6;letter-spacing:-.5px}.arena .facility-number{font-size:17px;width:26px;height:26px}.arena .land-card>img{object-fit:contain}.wolf-card img{transform:rotate(var(--wolf-rotation,0deg));transform-origin:50% 50%;border-radius:3px}.wolf-card{width:46px}.arena .land-card.has-wolf{box-shadow:0 0 0 3px #ad3d2c,0 0 16px #d37a5688}
.focus-pane{background:#fffdf4;border:1px solid #cabd87;border-radius:14px;padding:14px;box-shadow:0 5px 16px #6a633a0d;min-width:0}.focus-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.focus-heading small{font-size:11px;color:#6a7556}.focus-heading h2{font-size:19px}.focus-heading h2 span{font-size:12px;color:#67775a;font-weight:normal;margin-left:8px}.focus-auto{font-size:11px;border:1px solid #bfcaaa;border-radius:7px;padding:7px 9px;min-height:36px}.focus-auto.chosen{background:#e6edd5;color:#405831}.focus-tabs{display:flex;gap:5px;margin:11px 0 13px}.focus-tab{flex:1;min-height:36px;background:#f0eedb;border:1px solid #d6d2b9;border-radius:6px;padding:4px;font-size:12px;font-weight:bold}.focus-tab.chosen{background:#486d47;color:white;border-color:#486d47}.focus-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 9px;align-items:start}.focus-card{position:relative;padding:0;background:#fff;border:1px solid #d2d6c3;border-radius:6px;text-align:left;box-shadow:0 3px 7px #2b332b18;min-width:0}.focus-card>img{width:100%;aspect-ratio:630/878;object-fit:contain;border-radius:5px}.readable-caption{display:block;padding:6px 5px;background:#fffef6;border-radius:0 0 5px 5px}.readable-caption b{display:block;font-size:13px;line-height:1.4;color:#283e2d}.readable-caption small{display:block;font-size:11px;line-height:1.5;color:#636b54;margin-top:4px}.focus-card em{display:block;font-style:normal;font-size:10px;line-height:1.5;text-align:center;background:#b04933;color:white;border-radius:0 0 5px 5px}.focus-note{font-size:11px;line-height:1.6;color:#697052;margin-top:11px}.focus-note>span{display:block}.scroll-hint{display:none!important}
.shared-market{display:grid;grid-template-columns:minmax(115px,1fr) auto;gap:9px 14px;align-items:center;background:#eee1b4;border:2px solid #bba66b;border-radius:12px;padding:12px 16px;min-height:112px;box-shadow:inset 0 0 0 3px #fff8df}.shared-market>div:first-child{width:auto;grid-column:1}.shared-market b{font-size:15px;line-height:1.5}.shared-market b span{font-size:12px;color:#77683e}.shared-market small{font-size:11px;line-height:1.5;max-width:200px;margin-top:4px}.shared-market .market-cards{grid-column:2;grid-row:1 / 3;gap:8px;display:flex}.shared-market .market-back{width:44px;height:62px;border:1px solid #536447;border-radius:4px;box-shadow:0 4px 5px #5c4c2940}.shared-market .market-back span{font-size:13px;bottom:5px;font-weight:bold;text-shadow:0 1px 2px #000}.shared-market>.text-button{grid-column:1;padding:0;min-height:22px;justify-self:start;margin:0;font-size:11px}
.hand-cards{gap:16px;align-items:start;min-height:170px;padding:8px 0 4px}.hand-card{flex:0 1 99px;width:99px;aspect-ratio:auto}.hand-card>img{aspect-ratio:630/878;object-fit:contain}.hand-card .readable-caption{min-height:60px}.hand-card .card-badge{top:83px;bottom:auto;font-size:8px}.hand-number{width:30px;height:30px;font-size:21px}.hand-title h2{font-size:14px}.hand-title .text-button{font-size:12px;min-height:32px}.hand-area{padding:10px 15px}.coach h2{font-size:18px}.coach p{font-size:14px}.coach:not(.guided) p{display:block}
.card-preview{position:fixed;z-index:90;width:250px;max-height:calc(100dvh - 16px);overflow:auto;padding:10px;background:#fffdf2;border:2px solid #b7994e;border-radius:13px;box-shadow:0 10px 55px #1f312970;pointer-events:none}.card-preview>img{max-height:min(42vh,290px);width:auto;max-width:100%;margin:auto;object-fit:contain}.card-preview>div{padding:10px 4px 3px}.card-preview strong{font-size:19px;line-height:1.4}.card-preview p{font-size:14px;line-height:1.65;margin-top:5px}
/* Stable outer rectangle: only the rule body scrolls, never the page controls. */
dialog.rulebook{width:min(760px,calc(100% - 24px));height:min(720px,88dvh);max-height:88dvh;padding:18px;overflow:hidden}dialog.rulebook[open]{display:flex;flex-direction:column}.rulebook .modal-top{flex:0 0 auto;margin-bottom:0;padding-bottom:12px}.rulebook #modal-content{flex:1;min-height:0;display:flex}.rulebook .help-slide{display:flex;flex-direction:column;width:100%;min-height:0}.rule-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 6px 18px;scrollbar-gutter:stable}.rulebook .help-slide h2{font-size:25px;line-height:1.5;margin:0 0 12px;letter-spacing:-.5px}.rule-intro{font-size:15px;line-height:1.85;margin-bottom:20px}.rulebook .help-nav{flex:0 0 62px;margin:0;padding-top:10px;border-top:1px solid #d4d9c5;display:grid;grid-template-columns:115px 1fr 130px;gap:10px;background:#fffdf6}.rulebook .help-nav button{height:44px;width:100%;font-size:14px}.rule-count{text-align:center;font-size:13px;color:#6c7658}.rule-takeaway{margin-top:20px;border-left:4px solid #9a7931;background:#f0ecd2;padding:13px 15px}.rule-takeaway>b{font-size:12px;color:#78622b}.rule-takeaway>p{font-size:14px;line-height:1.75;margin-top:4px}.rule-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rule-two article{background:#eaf0db;border:1px solid #c7d2b2;border-radius:10px;padding:14px;text-align:center;min-width:0}.rule-two h3{font-size:15px;line-height:1.55;margin:3px 0 8px}.rule-two p{font-size:13px;line-height:1.65}.rule-two strong{display:block;font-size:25px;color:#ad4330;margin:7px 0}.rule-symbol{font-size:32px;color:#a18430}.rule-setup{display:grid;grid-template-columns:1fr 1fr;gap:15px;text-align:center}.rule-setup h3{font-size:16px;margin-bottom:12px}.rule-setup p{font-size:13px}.rule-backs{display:flex;justify-content:center;gap:4px;padding:15px 0 28px}.rule-backs img{width:33px;aspect-ratio:630/878;object-fit:contain;transform:rotate(-6deg)}.rule-card{margin:0}.rule-card img{width:74px;height:auto;margin:0 auto 7px}.rule-card figcaption{font-size:11px;line-height:1.4;font-weight:bold}.rule-central{padding:14px;background:#f5efd7;border-radius:9px;margin-top:18px}.rule-central h3,.rule-central>b{font-size:15px}.rule-central p{font-size:14px;line-height:1.75;margin-top:6px}.rule-flow{list-style:none;padding:0;margin:0;display:grid;gap:10px}.rule-flow li{display:flex;gap:13px;align-items:center;padding:13px 15px;border:1px solid #ced8ba;border-radius:9px;background:#edf2df}.rule-flow li>b{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#4b6c45;color:white;font:700 22px Georgia}.rule-flow h3{font-size:16px}.rule-flow p{font-size:14px;margin-top:4px}.rule-return{font-size:14px;font-weight:bold;margin-top:15px;color:#547040}.rule-example>h3{text-align:center;font-size:16px}.rule-numbers{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;margin:10px 0}.rule-numbers>span{display:grid;place-items:center;min-width:32px;height:40px;background:white;border:2px solid #a5b28e;border-radius:6px;font:700 23px Georgia}.rule-numbers .used{background:#506f46;color:white}.rule-numbers .bad{color:#a3392b;border-color:#a3392b;text-decoration:line-through}.rule-numbers .good{color:#43743c;border-color:#43743c}.rule-ends{font-size:13px;text-align:center;margin-top:15px;font-weight:bold}.rule-walk{display:flex;align-items:center;justify-content:space-between;gap:6px;background:#eaf0de;padding:16px 10px;border-radius:10px}.rule-walk>div{flex:1;text-align:center}.rule-walk img{width:54px;margin:auto}.rule-walk b{display:block;font-size:11px;margin-top:5px}.rule-walk strong{display:grid;place-items:center;width:48px;height:62px;margin:auto;background:#fffdf2;border:2px solid #aabb95;border-radius:6px;font:700 27px Georgia}.rule-walk small{display:block;font-size:11px;margin-top:8px}.rule-walk .destination strong{background:#f3da8e;border-color:#a88539}.rule-facilities{display:grid;gap:11px}.rule-facilities article{display:flex;align-items:center;gap:17px;background:#edf1df;border-radius:10px;padding:10px 14px}.rule-facilities .rule-card{flex:0 0 56px}.rule-facilities .rule-card img{width:51px;margin-bottom:0}.rule-facilities figcaption{display:none}.rule-facilities h3{font-size:17px;margin-bottom:5px}.rule-facilities p{font-size:14px;line-height:1.7}
@media(max-width:1050px){.game-layout{grid-template-columns:minmax(0,1fr) 310px;gap:10px 13px}.focus-pane{padding:11px}.focus-cards{gap:9px 7px}.readable-caption b{font-size:12px}.shared-market{grid-template-columns:1fr;padding:10px 12px;gap:7px}.shared-market>div:first-child{grid-column:1;display:flex;align-items:center;justify-content:space-between;gap:9px}.shared-market small{max-width:none;margin:0}.shared-market .market-cards{grid-column:1;grid-row:2;justify-content:center;gap:10px}.shared-market>.text-button{display:none}.hand-cards{gap:12px}.hand-card{width:85px;flex-basis:85px}.hand-card .readable-caption{min-height:70px}.hand-card .card-badge{top:66px}.arena{height:360px}}
@media(max-width:800px){.game-shell{max-width:680px}.game-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:'board' 'focus' 'market' 'hand' 'guide';gap:9px}.arena{height:340px}.focus-pane{padding:10px 12px}.focus-heading h2{font-size:17px}.focus-heading small{font-size:10px}.focus-tabs{margin:7px 0 10px;gap:6px}.focus-tabs button{min-height:34px}.focus-cards{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:5px 4px 8px;align-items:stretch}.focus-card{flex:0 0 96px;scroll-snap-align:start}.focus-card>img{height:122px;aspect-ratio:auto}.readable-caption b{font-size:13px}.readable-caption small{font-size:11px}.focus-note{margin-top:3px;font-size:10px}.focus-note>span:not(.scroll-hint){display:none}.scroll-hint{display:block!important}.shared-market .market-back{width:42px;height:59px}.shared-market>div:first-child{display:block}.shared-market small{font-size:11px;margin-top:2px}.shared-market b{font-size:14px}.shared-market .market-cards{gap:11px;margin-top:2px}.hand-card{width:85px;flex-basis:85px}.hand-cards{justify-content:flex-start;overflow-x:auto;gap:14px;padding:8px 7px 6px;min-height:182px}.hand-card{flex-shrink:0}.hand-card .readable-caption{min-height:59px}.coach:not(.guided) p{display:block;font-size:13px}.coach:not(.guided) .coach-heading{float:none}.coach h2{font-size:17px}.coach-goal{display:block!important}.command-bar .primary{min-width:115px}.wolf-card{width:40px}.card-preview{width:235px}}
@media(max-width:480px){.arena{height:320px}.arena.players-4{height:340px}.wolf-card{width:36px}.arena-center{width:95px}.arena-center>small{font-size:9px}.arena .owner-tag{font-size:8px}.arena .facility-number{width:22px;height:22px;font-size:15px}.shared-market{padding:10px}.shared-market .market-cards{gap:8px}.shared-market .market-back{width:38px;height:54px}.shared-market .market-back span{font-size:13px}.focus-cards{gap:9px}.focus-card{flex-basis:91px}.focus-card>img{height:118px}.hand-card{width:74px;flex-basis:74px}.hand-card .readable-caption b{font-size:12px}.hand-card .readable-caption small{font-size:10px}.hand-cards{min-height:172px;gap:13px}.hand-number{width:26px;height:26px;font-size:18px}.hand-card .card-badge{top:60px}.rulebook .help-slide h2{font-size:21px}.rule-intro{font-size:14px;line-height:1.8}.rule-body{padding:15px 1px}.rulebook .help-nav{grid-template-columns:95px 1fr 110px;gap:6px;flex-basis:60px}.rulebook .help-nav button{font-size:13px}.rule-two{gap:8px}.rule-two article{padding:11px 8px}.rule-two h3{font-size:13px}.rule-two p{font-size:12px}.rule-two strong{font-size:22px}.rule-flow li{padding:11px 10px;gap:9px}.rule-flow h3{font-size:14px}.rule-flow p{font-size:13px}.rule-takeaway{padding:11px 12px}.rule-takeaway>p{font-size:13px}.rule-central p{font-size:13px}.rule-setup{gap:9px}.rule-backs img{width:23px}.rule-setup h3{font-size:14px}.rule-walk{gap:4px}.rule-walk img{width:40px}.rule-walk strong{width:37px;height:49px}.rule-walk small{font-size:10px}.rule-facilities article{padding:9px 10px;gap:11px}.rule-facilities p{font-size:13px}.rule-numbers>span{min-width:25px;height:33px;font-size:21px}.rule-ends{font-size:11px}}

/* The card/effect summary occupies a reserved slot; it never covers the board. */
.action-hud{border:1px solid #c6cdb2;border-radius:12px;background:#fffdf4;overflow:hidden;margin-bottom:6px;min-width:0}
.card-notice{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f3ecd1;min-height:58px}
.notice-number{display:grid;place-items:center;flex:0 0 36px;height:40px;border:2px solid #ad924e;border-radius:7px;background:#fffdf2;color:#3e593a;font:700 29px Georgia}
.notice-wolf{font-size:26px}.card-notice>div{min-width:0}.card-notice strong{display:block;font-size:14px;line-height:1.5}.card-notice p{font-size:12px;line-height:1.5;color:#58614a;margin:0}
.action-hud .activity{border:0;border-radius:0;background:transparent;margin:0;padding:7px 12px;min-height:34px;line-height:1.6}
.action-hud .activity p{font-size:12px;margin:0;overflow-wrap:anywhere}
.cpu-talk{display:flex;align-items:center;gap:9px;padding:0 12px 8px;min-height:36px;pointer-events:none}
.cpu-talk>b{font-size:11px;white-space:nowrap;color:#66784e}.cpu-talk>span{position:relative;background:#e7edd9;border:1px solid #cbd7b5;border-radius:0 10px 10px 10px;padding:4px 9px;font-size:12px;line-height:1.5;color:#44523a}
.fx-celebration{position:fixed;z-index:100;left:50%;top:24%;transform:translateX(-50%);width:min(540px,calc(100% - 32px));padding:19px 22px;background:linear-gradient(115deg,#fff9da,#f2daa1);border:3px solid #b99236;border-radius:16px;box-shadow:0 12px 50px #29322266;text-align:center;pointer-events:none}
.fx-celebration strong{display:block;font-size:34px;color:#896318;line-height:1.4}.fx-celebration span{display:block;font-size:14px;line-height:1.7;margin-top:5px}.fx-celebration.burst{background:linear-gradient(115deg,#fff0d9,#ecc39b);border-color:#bc6135}.fx-celebration.burst strong{color:#a63d28}
.hand-scroll-note{display:none;font-size:10px;color:#73785d;margin-top:3px}
@media(max-width:800px){.hand-scroll-note{display:block}}
@media(max-width:600px){.card-notice{padding:6px 9px;gap:8px;min-height:52px}.notice-number{flex-basis:31px;height:35px;font-size:25px}.card-notice strong{font-size:12px}.card-notice p{font-size:11px}.action-hud .activity{padding:5px 9px;min-height:30px}.action-hud .activity p{font-size:11px}.cpu-talk{padding:0 9px 6px;gap:7px;min-height:31px}.cpu-talk>span{font-size:11px;padding:3px 8px}.cpu-talk>b{font-size:10px}.fx-celebration strong{font-size:29px}.fx-celebration span{font-size:12px}}

/* Tutorial guidance comes before the board on the single-column mobile layout. */
@media(max-width:800px){
  .tutorial-mode .game-layout{grid-template-areas:'guide' 'board' 'focus' 'market' 'hand'}
  .tutorial-mode .guide-area{scroll-margin-top:12px}
  .tutorial-mode .coach.guided{padding:12px 14px}
  .tutorial-mode .coach-heading{display:flex;float:none;justify-content:space-between;margin-bottom:6px}
  .tutorial-mode .coach-heading>span{display:block;font-size:11px;font-weight:700}
  .tutorial-mode .coach.guided h2{font-size:17px;line-height:1.55}
  .tutorial-mode .coach.guided p{font-size:13px;line-height:1.75}
  .tutorial-mode .coach-goal{font-size:12px;line-height:1.65}
}

/* On phones the shared cards live inside the table, directly above the hand. */
@media(max-width:800px){
  .game-layout{grid-template-areas:'board' 'hand' 'guide';gap:7px}
  .tutorial-mode .game-layout{grid-template-areas:'guide' 'board' 'hand'}
  .focus-pane,.central-area{display:none}
  .arena[data-compact="true"],.arena[data-compact="true"].players-4{height:360px;margin-bottom:0}
  .arena[data-compact="true"] .facility-number{left:-2px;top:-5px}
  .arena[data-compact="true"] .wolf-card{width:36px}
  .arena-market{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:116px;height:92px;z-index:3}
  .arena .arena-market .shared-market{display:block;position:relative;border:0;box-shadow:none;background:none;border-radius:0;padding:0;min-height:0}
  .arena .arena-market .shared-market>div:first-child{position:absolute;top:-22px;left:50%;transform:translateX(-50%);width:124px;text-align:center;display:block;white-space:nowrap}
  .arena .arena-market .shared-market b,.arena .arena-market .shared-market b span{font-size:11px;line-height:16px;color:#66552e}
  .arena .arena-market .shared-market small,.arena .arena-market .shared-market>.text-button{display:none}
  .arena .arena-market .market-cards{display:grid;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(2,44px);gap:4px;margin:0;padding:0;justify-content:center}
  .arena .arena-market .market-back{width:36px;height:44px;margin:0;padding:0;min-height:44px;border-radius:4px;border:1px solid #596849;box-shadow:0 2px 3px #51482244}
  .arena .arena-market .market-back img{width:100%;height:100%;object-fit:contain}
  .arena .arena-market .market-back span{font-size:13px;bottom:3px;line-height:1.2}
  .arena .arena-market .market-back.tutorial-target:after{top:auto;bottom:2px;left:50%;font-size:9px;line-height:1.4;padding:1px 4px}
  .mobile-placement-dock{height:39px;padding-top:5px}
  .mobile-placement-dock .placement-controls{position:static;transform:none;width:100%;height:34px;gap:8px;justify-content:center}
  .mobile-placement-dock .end-choice{flex:1;max-width:220px;min-height:32px;font-size:12px;padding:4px 8px}
  .mobile-placement-dock .end-choice:last-child{margin-left:0}
  .game-layout>.hand-area{margin-top:0}
}
@media(max-width:480px){
  .arena[data-compact="true"] .wolf-card{width:34px}
  .arena-market{width:110px}
  .arena .arena-market .market-cards{grid-template-columns:repeat(3,34px)}
  .arena .arena-market .market-back{width:34px}
}
@media(max-width:360px){
  .arena[data-compact="true"] .wolf-card{width:30px}
  .arena-market{width:104px}
  .arena .arena-market .market-cards{grid-template-columns:repeat(3,32px)}
  .arena .arena-market .market-back{width:32px}
}
@media(min-width:481px) and (max-width:800px){
  .arena[data-compact="true"],.arena[data-compact="true"].players-4{height:390px}
  .arena[data-compact="true"] .land-position{width:40px}
  .arena[data-compact="true"] .facility-number{top:0;left:0}
}

/* Keep the supplied printed dice faces instead of replacing them with numerals. */
.dice-face{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;width:26px;height:26px;padding:0;background:#fff;border:0;border-radius:4px;line-height:1}
.dice-face>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;border-radius:3px}
.arena .facility-number.dice-face{width:26px;height:26px;border:0;background:#fff;box-shadow:0 1px 4px #26382666}
.hand-number.dice-face{width:32px;height:32px;border:0;background:#fff;border-radius:5px;left:-5px;top:-5px;box-shadow:0 2px 5px #26382666}
.readable-caption>b{display:flex;align-items:center;gap:4px}
.caption-die.dice-face{width:20px;height:20px;border-radius:3px}
.notice-number.dice-face{flex:0 0 36px;width:36px;height:36px;box-shadow:0 1px 3px #564e2b30}
.burst-proof .proof-die{display:block;width:26px;height:26px;margin:4px auto 0}
.burst-proof .proof-die img{width:100%;height:100%}
.card-preview strong .preview-die{display:inline-block;width:28px;height:28px;vertical-align:middle;margin-right:4px;object-fit:contain}
.rule-numbers>span{position:relative;width:38px;min-width:38px;height:38px;padding:3px}
.rule-numbers>span>img{width:100%;height:100%;object-fit:contain;border-radius:3px}
.rule-numbers .bad:after{content:'×';position:absolute;inset:-5px;color:#ad3927;text-shadow:0 1px #fff,1px 0 #fff,-1px 0 #fff,0 -1px #fff;display:grid;place-items:center;font:700 40px/1 system-ui}
@media(max-width:800px){.hand-number.dice-face{width:30px;height:30px}}
@media(max-width:600px){.notice-number.dice-face{flex-basis:32px;width:32px;height:32px}}
@media(max-width:480px){
  .arena .facility-number.dice-face{width:22px;height:22px}
  .hand-number.dice-face{width:28px;height:28px}
  .caption-die.dice-face{width:20px;height:20px}
  .rule-numbers>span{width:32px;min-width:32px;height:32px;padding:2px}
}