:root{font-family:Noto Sans Thai,Tahoma,Leelawadee UI,sans-serif;color:#182a32;background:#f8faf9;font-size:16px;line-height:1.65;font-variant-numeric:tabular-nums;--ink: #143f50;--sand: #e7bd69}*{box-sizing:border-box}body{margin:0}main{max-width:1440px;margin:auto;padding:24px max(24px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}a{color:#166783;overflow-wrap:anywhere}header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink);padding-bottom:18px;gap:16px}.brand{font-size:32px;font-weight:700;color:var(--ink);text-decoration:none}.brand span{display:block;font-size:14px;font-weight:400}.connection{font-size:14px;text-align:right}.notice{min-height:27px;color:#753e72;overflow-wrap:anywhere}.welcome{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:center;min-height:65vh}.welcome h1{font-size:clamp(40px,5vw,72px);line-height:1.4;color:var(--ink);margin:0}.welcome p{max-width:50ch}.welcome form{border:2px solid var(--ink);padding:28px;background:#fff}.edition{color:#43565f}h1,h2,h3{line-height:1.5;text-wrap:balance}h1{font-size:32px;margin:0}h2{font-size:23px}h3{font-size:18px}p{overflow-wrap:anywhere}button,.button{display:inline-block;font:inherit;font-weight:700;border:2px solid var(--ink);background:var(--ink);color:#fff;border-radius:8px;padding:12px 18px;min-height:48px;cursor:pointer;text-align:center;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:#e7bd6970}button:hover,.button:hover{background:#166783}button:disabled{background:#dde3e3;color:#55636a;border-color:#cad2d3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a14180;outline-offset:4px}label{display:block;margin:16px 0;font-weight:700}input,select{display:block;width:100%;min-height:48px;margin-top:6px;border:1px solid #647b82;border-radius:6px;padding:10px;font:inherit;background:#fff;color:#182a32}form p{font-size:14px}.room-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.room-code{text-align:right}.room-code span{display:block;font-size:14px}.room-code strong{font-size:32px;letter-spacing:.08em;color:var(--ink)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px}.game-layout>*{min-width:0}.players{list-style:none;padding:0}.players li{display:grid;grid-template-columns:minmax(0,1fr) auto;border-bottom:1px solid #c7d4d7;padding:12px 10px;gap:6px}.players li.current{background:#dbeaf0;border-left:5px solid #166783}.players strong{overflow-wrap:anywhere}.players span{display:block;font-size:12px}.players b{font-size:24px;text-align:right}.players small{display:block;font-size:11px;font-weight:400}.tickets{grid-column:1/-1;margin:0;font-size:12px}.join-panel{background:#e4eef0;padding:28px;border-radius:16px}.join-link{display:block;font-size:18px}.race-info{margin:22px 0;border-top:2px solid var(--ink)}summary{cursor:pointer;padding:12px 0;min-height:48px;font-weight:700;touch-action:manipulation}details p{font-size:14px}.results{padding:24px;background:#e4eef0;margin-bottom:24px}.controller #actions{background:#e4eef0;border-radius:12px;padding:20px;margin-bottom:24px}.controller #actions h2{margin-top:0}#action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}#action-buttons form{grid-column:1/-1;padding:12px;border-top:1px solid #9db6bd}#action-buttons form button{width:100%}.private{border-top:1px solid #9db6bd;margin-top:16px}.history{border-top:1px solid #c7d4d7}.skip{position:absolute;left:16px;top:-100px;background:#fff;padding:12px;z-index:10}.skip:focus{top:16px}@media(max-width:1100px){.game-layout{grid-template-columns:minmax(0,1fr) 250px}}@media(max-width:700px){main{padding:16px max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.brand{font-size:26px}.welcome{grid-template-columns:1fr;gap:32px;margin-top:24px}.welcome h1{font-size:42px}.welcome form{padding:20px}.game-layout{grid-template-columns:1fr}.room-heading{align-items:flex-start}.room-heading h1{font-size:26px}.room-code strong{font-size:24px}.room-code{flex-shrink:0}#action-buttons{grid-template-columns:1fr}.join-panel{padding:20px}}@media(pointer:fine){html{overscroll-behavior:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.room-heading>div:first-child{min-width:0;overflow-wrap:anywhere}:root{--wood: #34251f;--parchment: #fff4d7;--sand: #e8c784;--cloth: #253955;--ink: #183f4a;background:#34251f;color:#fff4d7}body{background:#34251f url(/art/table.webp) center/960px}main{max-width:1660px;padding-top:16px}header{border-color:#bb965e;padding-bottom:10px}.brand,.connection{color:#fff4d7}.brand{font-size:28px}a{color:#ffe5a2}.notice{color:#ffe5a2;min-height:22px;margin:8px 0}.welcome{padding:38px;background:#fff4d7;color:#183f4a;border-radius:24px;margin-top:30px;border:6px double #b88c50}.welcome h1{color:#183f4a}.welcome form{background:#fff9e8;border-color:#cba362;border-radius:12px}.welcome button{width:100%}.room-heading{margin:10px 0 16px}.room-heading h1{color:#fff4d7}.room-heading p{margin:5px 0;font-size:19px}.room-code strong{color:#ffe5a2}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px}.display-surface .game-layout{grid-template-columns:minmax(0,1fr)}.display-surface .game-layout aside{display:grid;grid-template-columns:1fr}.display-surface .players{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:0}.display-surface aside h2{font-size:18px;margin:4px 0}.players li{background:#fff4d7;color:#183f4a;border:2px solid #c39a5d;border-radius:10px}.players li.current{background:#fff9e7;border:3px solid #f4c363;box-shadow:0 0 0 2px #59402b}.players li>div{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:8px;align-items:center}.players li>div>.art-sprite{grid-row:1/3;width:42px}.players li>div>span:not(.art-sprite){grid-column:2}.players b{position:relative;padding-left:23px}.players b>.art-sprite{width:23px;position:absolute;left:0;top:7px}.players strong{font-size:16px}.tickets{color:#43545a}.art-sprite{display:inline-block;width:64px;aspect-ratio:1;background-repeat:no-repeat;background-position:var(--sx) var(--sy);flex-shrink:0;vertical-align:middle}.art-sprite.camels{background-image:url(/art/camels.webp);background-size:300% 300%}.art-sprite.objects{background-image:url(/art/objects.webp);background-size:300% 200%}.art-sprite.avatars{background-image:url(/art/avatars.webp);background-size:400% 200%}.tabletop{width:100%;max-width:1230px;margin:auto}.board-scene{width:100%;aspect-ratio:1200/850;position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;border-radius:3%;filter:drop-shadow(0 13px 13px #0008);color:#183f4a}.board-base{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.track-cells,.camel-layer,.tile-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.track-cell{width:13%;height:19%;position:absolute;transform:translate(-50%,-50%);border:2px solid #b98247;border-radius:8%;background:#ffe8af88;box-shadow:inset 0 0 0 3px #e3b66d88}.track-cell.side-cell{width:14%;height:22%}.track-cell>span:first-child{position:absolute;left:7%;top:3%;font:bold clamp(10px,1.6cqw,24px) Tahoma,sans-serif;color:#694923}.track-cell .direction{position:absolute;right:8%;bottom:1%;font:700 2.5cqw Tahoma;color:#ab793d}.finish-line{position:absolute;top:25%;left:5.5%;width:12%;height:3%;background:repeating-conic-gradient(#183f4a,#183f4a 25%,#fff4d7 0%,#fff4d7 50%) 50%/16px 16px;border:1px solid #795638;font:700 1.2cqw Tahoma;text-align:center;color:#fff;text-shadow:0 1px 3px #000;z-index:4}.table-center{position:absolute;left:25%;top:25%;width:50%;height:35%;text-align:center;color:#fff4d7}.round-title{position:absolute;top:0;left:0;width:28%;font-size:2cqw}.round-title strong{font-size:3cqw;display:block}.pyramid{position:absolute;left:26%;top:-4%;width:45%;transform-origin:50% 90%}.pyramid>.art-sprite{width:100%;filter:drop-shadow(0 8px 6px #0005)}.board-bank{position:absolute;right:1%;top:0;width:23%;font-size:1.3cqw}.board-bank>.art-sprite{width:100%;display:block}.dice-tray{position:absolute;left:0;top:75%;width:100%;display:flex;justify-content:center;gap:4%}.mini-die{width:11%;position:relative;display:block;border-radius:12%;border-bottom:3px solid currentColor}.mini-die>.art-sprite{width:100%}.mini-die>span:not(.art-sprite){position:absolute;top:25%;right:0;bottom:0;left:0;pointer-events:none;text-align:center;font:700 1.4cqw Tahoma;color:#183f4a}.mini-die.blue{color:#227eb0;background:transparent}.mini-die.green{color:#389854;background:transparent}.mini-die.yellow{color:#f1c435;background:transparent}.mini-die.purple{color:#9655b4;background:transparent}.mini-die.red{color:#c65345;background:transparent}.mini-die.grey{color:#9ca4a9}.board-decks{position:absolute;left:23%;top:61%;width:54%;height:16%;display:flex;gap:1%;justify-content:center;align-items:center}.deck{position:relative;width:14%;height:100%;text-align:center}.deck>.art-sprite{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0}.deck>span:not(.art-sprite){position:absolute;top:10%;left:0;width:100%;font:700 1cqw Tahoma}.deck strong{position:absolute;top:43%;left:0;width:100%;font:700 2.6cqw Tahoma}.deck small{position:absolute;top:78%;left:0;width:100%;font:700 .95cqw Tahoma}.finish-deck{position:relative;width:14%;height:100%;color:#fff4d7}.finish-deck>.art-sprite{position:absolute;width:100%;height:100%}.finish-deck>span:not(.art-sprite){position:absolute;bottom:0;left:-10%;width:120%;font:700 .9cqw Tahoma;text-align:center;background:#183f4a;border-radius:4px}.desert-palm{position:absolute;width:15%;height:22%;pointer-events:none;z-index:3}.desert-palm>.art-sprite{width:100%}.palm-one{left:18%;top:24%}.palm-two{right:18%;top:26%;width:13%;opacity:.92}.camel-position{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;will-change:auto}.camel-piece{position:absolute;left:-5%;top:-6%;width:10%;aspect-ratio:1;filter:drop-shadow(0 4px 2px #51331b70)}.camel-piece>.art-sprite{width:100%;height:100%}.camel-piece.reverse{transform:scaleX(-1)}.camel-label{position:absolute;left:-3.5%;top:3.5%;min-width:7%;text-align:center;padding:.1% .3%;font:bold clamp(7px,.95cqw,15px) Tahoma;background:#fff4d7;border:1px solid #8f663b;border-radius:4px;white-space:nowrap}.spectator{position:absolute;width:9%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:5}.spectator>.art-sprite{width:100%}.spectator>span:not(.art-sprite){position:absolute;left:-20%;width:140%;bottom:0;font:700 .8cqw Tahoma;text-align:center;background:#fff4d7;border-radius:3px;overflow-wrap:anywhere}.board-toast{position:absolute;left:22%;top:48%;width:56%;text-align:center;z-index:80;color:#fff4d7;font:700 1.5cqw Tahoma;line-height:1.5;padding:1%;text-shadow:0 2px 2px #000}.motion-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none}.revealed-die,.flying-card,.coin-flight{position:absolute;left:45%;top:32%;width:10%;aspect-ratio:1}.revealed-die>.art-sprite,.flying-card>.art-sprite,.coin-flight>.art-sprite{width:100%;height:100%}.revealed-die strong{position:absolute;left:0;top:24%;width:100%;text-align:center;color:#183f4a;font:700 3cqw Tahoma}.revealed-die>span:not(.art-sprite){position:absolute;bottom:0;left:0;width:100%;font:700 1.1cqw Tahoma;text-align:center;color:#fff4d7;background:#183f4a;border-radius:4px}.board-instructions{text-align:center;color:#e9c985;font-size:13px;margin:10px 0}.race-info{border-color:#8d6c45;margin:12px 0;font-size:14px}.race-info h2{font-size:17px;margin:10px 0}.race-info p{margin:5px 0}.character-card{display:flex;gap:12px;align-items:center;background:#253955;border:2px solid #b88c50;border-radius:14px;padding:10px;margin-bottom:18px;color:#fff4d7}.character-card>.art-sprite{width:78px}.character-card>div{flex:1;min-width:0}.character-card strong{display:block;font-size:23px;overflow-wrap:anywhere}.character-card span:not(.art-sprite){font-size:13px}.character-card b{font-size:32px;display:flex;align-items:center}.character-card b>.art-sprite{width:40px}.controller #actions{background:#fff4d7;color:#183f4a;border:4px double #ad8047;border-radius:16px}#action-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#action-buttons .roll-choice{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:18px;padding:4px 14px;background:#253955}.roll-choice>.art-sprite{width:84px}.roll-choice span:not(.art-sprite){text-align:left}.roll-choice small{display:block;font-weight:400;font-size:12px}.bet-card{display:block;position:relative;aspect-ratio:.72;width:100%;min-height:140px;border:2px solid #b88c50;border-radius:8px;background:#fff4d7;color:#183f4a;box-shadow:0 4px #ab8546;overflow:hidden}.bet-card .card-paper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.3}.bet-card .card-camel{position:absolute;width:76%;left:12%;top:17%}.card-title{position:absolute;top:5%;left:2%;width:96%;font-weight:700;font-size:12px;color:#183f4a;text-align:center}.card-value{position:absolute;left:0;top:63%;width:100%;font-size:30px;line-height:1.2;text-align:center}.card-caption{position:absolute;left:5%;bottom:3%;width:90%;font-size:10px;line-height:1.4;text-align:center}#action-buttons .leg-choice{padding:5px;background:transparent;border:0;color:#183f4a;display:flex;flex-direction:column;justify-content:space-between}#action-buttons .leg-choice:hover:not(:disabled) .bet-card{border-color:#166783;box-shadow:0 4px #166783}.leg-choice:disabled{opacity:.5}.choice-label{font-size:11px;margin-top:8px;line-height:1.5}.hand-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:18px 0}.hand-choice{padding:0;background:transparent;color:#183f4a;border:0;position:relative}.hand-choice .bet-card{min-height:160px}.hand-choice .card-value{font-size:18px}.hand-choice[aria-pressed=true] .bet-card{border:3px solid #166783;box-shadow:0 4px #166783}.hand-choice.used{opacity:.45;filter:grayscale(.6)}.used-label{position:absolute;left:0;top:40%;width:100%;background:#253955;color:#fff4d7;padding:6px}.unavailable{grid-column:1/-1;padding:12px;background:#f0dfb8;border-radius:8px;font-weight:700}.join-panel,.results{background:#fff4d7;color:#183f4a;border:4px double #b88c50;border-radius:16px}.join-panel a,.results a{color:#166783}.results a.button{color:#fff}.private{border-color:#c59a62}.history{border-color:#bb965e}button:disabled{cursor:not-allowed}button,a,summary{touch-action:manipulation}@media(max-width:1100px){.game-layout{grid-template-columns:1fr}.display-surface .players{grid-template-columns:repeat(3,minmax(0,1fr))}.phone-surface .tabletop{max-width:850px}}@media(max-width:700px){main{padding-top:12px}.welcome{padding:20px;margin-top:16px}.welcome h1{font-size:35px}.room-heading p{font-size:15px}.room-heading h1{font-size:24px}.room-code strong{font-size:22px}.display-surface .players{grid-template-columns:repeat(2,minmax(0,1fr))}.phone-surface .room-heading{margin-bottom:12px}.controller #actions{padding:14px}#action-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bet-card{min-height:150px}.card-value{font-size:28px}.hand-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.hand-choice .bet-card{min-height:150px}.tabletop{margin-top:18px}.board-scene{border-radius:12px}.board-instructions{font-size:11px}.character-card strong{font-size:20px}.character-card>.art-sprite{width:66px}.players li{padding:10px 8px}.players b{font-size:22px}.players li>div{grid-template-columns:35px minmax(0,1fr)}.players li>div>.art-sprite{width:35px}.players strong{font-size:14px}}@media(prefers-reduced-motion:reduce){.board-scene *,button{animation:none!important;transition:none!important}}.display-surface .game-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start}.display-surface .players{grid-template-columns:1fr}.display-surface .race-info{display:none}.display-surface .tabletop{margin-top:0}.display-surface header{padding-bottom:6px}.display-surface .brand{font-size:24px}.display-surface .room-heading{margin:6px 0 12px}.display-surface .room-heading h1{font-size:27px}.display-surface .players li{padding:8px}.display-surface.many-players .game-layout{grid-template-columns:minmax(0,1fr) 330px}.display-surface.many-players .players{grid-template-columns:repeat(2,minmax(0,1fr))}.display-surface.many-players .players li>div{grid-template-columns:30px minmax(0,1fr)}.display-surface.many-players .players li>div>.art-sprite{width:30px}.display-surface.many-players .players strong{font-size:13px}.display-surface.many-players .players b{font-size:21px}.palm-one{left:18%;top:30%;width:12%}.palm-two{right:19%;top:33%;width:10%}.round-title{left:1%;top:0%;z-index:5}.character-card>.art-sprite.avatars{aspect-ratio:3/4}.players li>div>.art-sprite.avatars{aspect-ratio:3/4}.deck strong{top:68%;font-size:2.1cqw}.deck small{top:89%;font-size:.85cqw}.deck>span:not(.art-sprite){top:0%;color:#fff4d7;text-shadow:0 1px 2px #000;font-size:1cqw}@media(max-width:900px){.display-surface .game-layout,.display-surface.many-players .game-layout{grid-template-columns:1fr}.display-surface .players{grid-template-columns:repeat(3,minmax(0,1fr))}.display-surface.many-players .players{grid-template-columns:repeat(4,minmax(0,1fr))}.display-surface aside{margin-top:0}.display-surface .room-heading p{font-size:16px}}@media(max-width:550px){.display-surface .players,.display-surface.many-players .players{grid-template-columns:repeat(2,minmax(0,1fr))}}.action-unavailable{grid-column:1/-1;border-top:1px solid #c59a62;padding:12px;color:#556068}.action-unavailable h3{margin:0 0 6px}.action-unavailable p{font-size:13px;margin:0}.card-caption{font-size:10px;bottom:2%}.hand-choice .card-value{font-size:26px}body{background:#34251f;isolation:isolate}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:#34251f url(/art/table.webp) center/cover no-repeat}.deck>span:not(.art-sprite){font-size:clamp(9px,1.2cqw,16px)}.deck small{font-size:clamp(8px,1cqw,13px)}.pyramid-tickets{position:absolute;left:5%;top:31%;width:20%;height:44%;text-align:center;color:#183f4a}.pyramid-tickets>.art-sprite{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0}.pyramid-tickets>.ticket-paper{opacity:.8}.pyramid-tickets>.ticket-pyramid{width:60%;height:60%;left:20%;top:2%}.pyramid-tickets>span:not(.art-sprite){position:absolute;top:0;width:100%;left:0;font:700 1.1cqw Tahoma;color:#fff4d7;text-shadow:0 1px 3px #000}.pyramid-tickets>strong{position:absolute;top:56%;left:0;width:100%;font:700 2cqw Tahoma}.pyramid-tickets>small{position:absolute;top:82%;left:0;width:100%;font-size:.75cqw}.mini-ticket{display:inline-flex;align-items:center;padding:2px 5px;background:#ead1a0;border:1px solid #bf965e;border-radius:3px;gap:2px}.mini-ticket>.art-sprite{width:22px}.mini-ticket>span:not(.art-sprite){font-size:12px}.deck strong{top:62%;line-height:1;font-size:2cqw;width:46%;left:27%;background:#fff4d7dd;border-radius:3px}.deck small{top:89%;color:#fff4d7;line-height:1}.card-value{top:61%;line-height:1}.card-caption{line-height:1.2}.hand-choice .bet-card{min-height:170px}.hand-choice .card-value{top:58%}.camel-blue .camel-label{border-bottom:3px solid #227eb0}.camel-green .camel-label{border-bottom:3px solid #389854}.camel-yellow .camel-label{border-bottom:3px solid #d8a923}.camel-purple .camel-label{border-bottom:3px solid #9655b4}.camel-red .camel-label{border-bottom:3px solid #c65345}.camel-black .camel-label{border-bottom:3px solid #29333d}.camel-white .camel-label{border-bottom:3px solid #b0a99a}#action-buttons .final-betting{border:2px solid #b88c50;border-radius:12px;background:#fbebc6;padding:14px;margin:6px 0}.final-betting h3{font-size:21px;margin:0 0 8px}.final-explanation,.final-status{font-size:14px;line-height:1.7}.payout-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:14px 0;padding:10px 4px;background:#253955;border-radius:8px;color:#fff4d7;text-align:center}.payout-track>span:first-child{grid-column:1/-1;font-weight:700}.payout-track small{display:block;font-size:10px;line-height:1.5}.payout-track strong{display:block;color:#ffda79;font-size:24px}.payout-track .wrong strong{color:#ffb0a0}.round-title{font-size:1.5cqw}.public-final-info{padding:12px;margin-top:12px;background:#253955;color:#fff4d7;border:1px solid #b88c50;border-radius:10px}.public-final-info h3{margin:0 0 8px}.public-final-info p{font-size:13px;margin:8px 0}.round-help{padding-top:8px;border-top:1px solid #ad8047}.phone-surface .public-final-info{display:none}.payout-track small{min-height:30px}.rematch{max-width:420px;margin:20px 0;padding:16px;background:#ead1a0;border-radius:10px}.rematch label{margin-top:0}.rematch button{width:100%}.rematch p{margin-bottom:0;font-size:14px}.new-room-link{display:inline-block;padding:8px 0}.turn-sound-button{min-height:48px;width:180px;flex-shrink:0;padding:6px 10px;font-size:12px;line-height:1.4;white-space:nowrap}@media(max-width:600px){main>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}main>header .brand{font-size:22px}main>header>.connection{grid-column:1;grid-row:2;text-align:left;margin:0}main>header>.turn-sound-button{grid-column:2;grid-row:2;margin:0}}body.platform-theme{background:#f0f3f5;color:#243341}body.platform-theme:before{background:#f0f3f5}.platform-surface{--ink: #243341;--sand: #d7e2e5;color:#243341;max-width:1180px;padding:24px}.platform-surface header{border-bottom:1px solid #becbd2;padding-bottom:16px;margin-bottom:24px}.platform-surface .brand,.platform-surface .connection,.platform-surface .notice,.platform-surface a{color:#243341}.platform-surface .brand{font-size:28px;line-height:1.2}.platform-surface .brand span{margin-top:6px;font-size:12px;color:#60717e}.platform-surface .notice{color:#495e6b;margin:8px 0;min-height:24px}.platform-surface header nav{margin-left:auto;display:flex;gap:20px}.platform-surface button{background:#347b86;border:1px solid #347b86;color:#fff;border-radius:8px;font-size:16px;padding:12px 20px;min-height:48px;line-height:1.5;box-shadow:none}.platform-surface button:hover:not(:disabled){background:#25646e}.platform-surface button:disabled{background:#e0e7eb;border-color:#c9d5dc;color:#617581;opacity:1}.platform-surface input,.platform-surface select{border:1px solid #97aab5;background:#fff;color:#243341;border-radius:6px;min-height:48px;width:100%;padding:10px 12px;font:inherit}.platform-surface label{font-weight:700;margin-top:16px;display:block}.platform-surface :focus-visible{outline:3px solid #347b86;outline-offset:4px}.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 24px}.gallery-heading h1{font-size:26px;margin:0}.gallery-heading a{display:none}.cover-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,340px));justify-content:center;gap:64px;padding:8px 0 40px}.game-cover{text-decoration:none;display:block}.game-cover figure{margin:0}.game-cover img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;border-radius:3px;box-shadow:6px 8px #bbc8cd,0 12px 22px #24334120}.game-cover figcaption{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:20px 0}.game-cover h2{font-size:20px;margin:0;max-width:22ch;line-height:1.45}.game-cover figcaption span{white-space:nowrap;color:#60717e;font-size:14px;padding-top:3px}.game-cover:hover img{outline:3px solid #347b86;outline-offset:5px}.platform-entry{max-width:540px;margin:40px auto}.entry-context{display:flex;gap:24px;align-items:center;margin-bottom:28px}.entry-context img{flex:none;object-fit:contain;box-shadow:3px 5px #becbd2}.entry-context h1{font-size:28px;margin:0;line-height:1.35}.entry-context p{color:#60717e;margin:8px 0}.platform-form{background:#fff;padding:28px;border:1px solid #c2cfd6;border-radius:10px}.platform-form h2{font-size:22px;margin:0 0 20px}.platform-form button{width:100%;margin-top:12px}.entry-error{color:#8e3442;min-height:1.6em;margin:12px 0 0;font-size:14px}.fixed-code{background:#edf2f4;padding:12px}.fixed-code strong{float:right;letter-spacing:3px}.recent-rooms{padding:20px 0}.recent-rooms h2{font-size:16px}.recent-rooms a{display:block;margin:8px 0}.back-to-games{display:inline-block;margin:20px 0}.platform-lobby .room-code{background:#fff;color:#243341;box-shadow:none;border:1px solid #c2cfd6;padding:10px 18px;border-radius:6px}.platform-lobby .room-code strong{color:#243341;font-size:32px}.lobby-heading{display:flex;align-items:center;gap:20px;margin:24px 0}.lobby-heading img{object-fit:contain}.lobby-heading h1{font-size:28px;margin:0}.lobby-heading p{margin:4px 0;color:#60717e}.lobby-heading .room-code{margin-left:auto}.lobby-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:28px}.platform-lobby .join-panel{background:#fff;border:1px solid #c2cfd6;border-radius:10px;padding:24px;box-shadow:none;text-align:left}.join-panel canvas{display:block;max-width:100%;height:auto;margin:16px 0}.join-panel .join-link{display:block}.lobby-grid aside{background:#fff;border:1px solid #c2cfd6;border-radius:10px;padding:24px}.lobby-grid h2{font-size:22px;margin:0 0 16px}.lobby-players{list-style:none;padding:0;margin:0}.lobby-players li{padding:14px 0;border-bottom:1px solid #dce4e8}.lobby-players strong,.lobby-players span,.lobby-players small{display:block;overflow-wrap:anywhere}.lobby-players span,.lobby-players small{color:#60717e;font-size:14px}.role-choices{display:flex;gap:12px;margin:16px 0}.role-choices button{flex:1}.role-choices button[aria-pressed=true]{outline:3px solid #243341;outline-offset:3px}@media(max-width:700px){.platform-surface{padding:16px}.platform-surface header nav{gap:12px;font-size:14px}.platform-surface .brand span{display:none}.platform-surface .connection{font-size:12px}.cover-gallery{gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.game-cover figcaption{display:block;padding-top:16px}.game-cover h2{font-size:18px;margin-bottom:5px}.platform-entry{margin:24px auto}.platform-form{padding:20px}.lobby-grid{grid-template-columns:1fr;gap:16px}.lobby-heading{gap:12px;flex-wrap:wrap}.lobby-heading h1{font-size:22px}.lobby-heading .room-code{margin-left:0}.lobby-heading img{width:48px;height:72px}.platform-lobby .room-code strong{font-size:28px}}@media(max-width:380px){.cover-gallery{gap:16px}.game-cover h2{font-size:16px}.platform-surface header nav{font-size:12px}.role-choices{flex-direction:column}}.game-cover figure{position:relative}.game-cover .cover-name{position:absolute;left:8%;right:8%;bottom:55px;color:#fff4d3;font-family:Georgia,Tahoma,serif;font-size:clamp(20px,3vw,34px);line-height:1.15;text-shadow:0 2px 8px #000;margin:0;pointer-events:none}.game-cover figcaption{min-height:50px;padding:14px 0}.game-cover figcaption span{font-size:14px}.platform-surface .game-cover:hover .cover-name{color:#fff}@media(max-width:700px){.game-cover .cover-name{font-size:clamp(19px,5vw,30px);bottom:55px}.game-cover figcaption{padding:14px 0}}:root{--platform-bg: #f0f3f5;--platform-ink: #243341;--platform-line: #becbd2;--platform-accent: #347b86;--platform-error: #9c2739;--platform-space: 8px;--platform-radius: 8px;--platform-control: 48px}.catalog-filters{display:grid;grid-template-columns:1fr 190px auto auto;gap:16px;align-items:end;margin-bottom:32px}.catalog-filters label{margin-top:0}.catalog-filters a{padding:12px 0}.account-link{display:flex;align-items:center;gap:8px;max-width:200px}.account-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-avatar{height:48px;width:48px;object-fit:cover;border-radius:50%;flex:0 0 48px}.default-avatar{display:inline-grid;place-items:center;background:#d7e2e5;color:#243341;font-size:24px;font-weight:700}.account-link .profile-avatar{height:32px;width:32px;flex-basis:32px;font-size:18px}.account-page{max-width:520px;margin:24px auto;padding:24px;background:#fff;border:1px solid var(--platform-line);border-radius:var(--platform-radius)}.account-page button,.account-page>a{display:block;margin-top:16px}.account-page button{width:100%}.account-page h1{margin-top:0}.account-page p{line-height:1.7}.account-page .privacy-copy{font-size:14px;color:#60717e}.profile-summary{display:flex;gap:16px;align-items:center}.profile-summary p{margin:0}.profile-summary .profile-avatar{width:72px;height:72px;flex-basis:72px}.active-rooms,.recent-games{margin-bottom:32px}.active-rooms>div{border-bottom:1px solid var(--platform-line);padding:12px 0;display:flex;gap:16px;flex-wrap:wrap}.active-rooms strong{flex:1 1 160px}.recent-games>div{display:flex;gap:16px}.recent-games img{width:96px;height:144px;object-fit:cover;border-radius:6px}.lobby-players li .profile-avatar{float:left;margin-right:12px}.room-lifecycle{margin-top:24px;display:flex;gap:16px;flex-wrap:wrap}.admin-game{border-bottom:1px solid var(--platform-line);padding:16px 0}@media(max-width:600px){.catalog-filters{grid-template-columns:1fr 1fr;gap:12px}.catalog-filters>div:first-child{grid-column:1/-1}.catalog-filters>button{grid-column:2;grid-row:2}.catalog-filters>a{grid-column:1/-1}.platform-surface header nav{gap:12px;margin-left:0;flex-wrap:wrap}.platform-surface .brand{font-size:24px}.account-page{padding:20px;margin:16px 0}.account-link{max-width:150px}}@font-face{font-family:Noto Sans Thai;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/noto-sans-thai-400.ttf) format("truetype")}@font-face{font-family:Noto Sans Thai;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/noto-sans-thai-700.ttf) format("truetype")}body.platform-theme{font-family:Noto Sans Thai,Tahoma,Leelawadee UI,sans-serif}.platform-surface input,.platform-surface select,.platform-surface button{font-family:inherit}.platform-surface h1,.platform-surface h2{text-wrap:balance}.platform-surface a,.platform-surface button{touch-action:manipulation}.platform-surface .profile-avatar{font-variant-numeric:tabular-nums}.platform-surface .brand{white-space:nowrap;flex-shrink:0}@media(max-width:600px){.platform-surface header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:16px;padding-bottom:12px}.platform-surface header nav{grid-column:1/-1;grid-row:2;margin:0;align-items:center;justify-content:space-between;flex-wrap:nowrap}.platform-surface .connection{grid-column:2;grid-row:1;margin:0;white-space:nowrap}.platform-surface .account-link{max-width:170px}.platform-surface .notice:empty{display:none}.platform-surface .gallery-heading{margin-top:20px}}.account-page input[hidden]{display:none}.platform-lobby #start{margin-left:8px}.game-cover[href="/games/azul"] .cover-name{top:calc(50% - 25px);bottom:auto;transform:translateY(-50%);text-align:center;color:#124d78;font-size:clamp(32px,4vw,60px);letter-spacing:.04em;text-shadow:0 1px 0 #fff9e8}.platform-surface .game-cover[href="/games/azul"]:hover .cover-name{color:#0e8893}body.azul-theme{background:#e4ddcf;color:#173d58}body.azul-theme:before{background:repeating-linear-gradient(98deg,#fff6 0 1px,transparent 1px 6px),#e4ddcf}main.azul-surface{max-width:1760px;padding:18px max(18px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));color:#173d58;background:transparent}.azul-surface>header{border-bottom:1px solid #b4a782;padding-bottom:8px}.azul-surface>header .brand,.azul-surface>header a,.azul-surface>header .connection{color:#173d58}.azul-surface>header .brand{font-size:24px;white-space:nowrap}.azul-surface>header .brand span{font-size:11px}.azul-surface>#notice{color:#173d58;min-height:18px;font-size:13px;margin:5px 0}.azul-surface>#notice:empty{display:none}.az-scene{--az-ink: #124d78;--az-teal: #0e8893;--az-paper: #fff9e8;--az-gold: #e6ae3b;--az-tile: 28px;--az-row: var(--az-tile);--az-gap: 3px}.az-scene button{font:inherit;min-height:48px;border:1px solid #66869a;border-radius:5px;padding:9px 12px;background:#fffaf0;color:#124d78;cursor:pointer;touch-action:manipulation}.az-scene button:hover:not(:disabled){background:#e3f1ed;border-color:#0e8893}.az-scene button:disabled{color:#647176;background:#e8e4d9;cursor:default;opacity:1}.az-scene :focus-visible{outline:3px solid #0e8893;outline-offset:4px}.az-scene button[aria-pressed=true]{outline:3px solid #0e8893;outline-offset:2px}.az-scene [hidden]{display:none!important}.az-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 8px}.az-heading h1{font:700 40px/1 Georgia,serif;margin:0;color:#124d78}.az-heading p{margin:5px 0 0;font-size:13px}.azul-surface .az-heading .room-code{color:#124d78;background:#fff9e8;border:1px solid #66869a;border-radius:4px;padding:5px 12px;box-shadow:none}.az-heading .room-code strong{font-size:25px;color:#124d78;line-height:1.2}.az-heading .room-code span{font-size:11px}.az-turn{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:9px 14px;background:#124d78;color:#fff9e8;border:1px solid #124d78;margin-bottom:12px;border-radius:4px}.az-turn strong{font-size:20px;flex:none}.az-turn p{margin:0;font-size:12px;text-align:right;max-width:75ch}.az-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,2.2fr);gap:16px;align-items:start}.az-supply{padding:12px;background:#f5eddb;border:1px solid #b7a681;border-radius:5px}.az-supply h2{font-size:18px;margin:0}.az-supply>p{margin:3px 0 12px;font-size:12px}.az-factories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 7px}.az-factory{min-width:0}.az-factory h3{margin:0 0 4px;text-align:center;font-size:12px;line-height:1.3}.az-factory h3 small{font-size:10px;margin-left:5px;font-weight:400}.az-factory-disc{aspect-ratio:1;display:flex;align-content:center;justify-content:center;align-items:center;flex-wrap:wrap;gap:3px;padding:12%;border-radius:50%;background:#fff9e8 url(/art/azul/factory.webp) center/100% 100% no-repeat;box-shadow:0 3px 4px #51482e35}.az-scene .az-offer{display:flex;position:relative;justify-content:center;align-items:center;max-width:100%;padding:2px;border:1px solid transparent;background:transparent;border-radius:4px}.az-offer-tiles{display:flex;gap:2px;flex-wrap:wrap;justify-content:center;align-items:center}.az-scene .az-offer:disabled{background:transparent;border-color:transparent}.az-scene .az-offer[aria-pressed=true]{background:#e1f0e9}.az-tile-count{position:absolute;bottom:-4px;right:-3px;border-radius:3px;font-size:10px;line-height:1.2;padding:1px 3px;color:#183c52;background:#fffdf0;border:1px solid #a79874;z-index:3}.az-center{padding:10px;margin-top:12px;border:2px solid #124d78;background:#e7ece5;border-radius:4px}.az-center h3{font-size:15px;margin:0 0 6px}.az-center-colors{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.az-center-colors .az-offer{padding-right:15px}.az-center-marker{display:flex;gap:8px;align-items:center;font-size:11px;margin:0 0 8px}.az-center-marker .az-tile{width:24px;height:24px}.az-empty{color:#65736e;font-size:12px}.az-source-selection:empty{display:none}.az-source-selection{display:none}.az-tile{--az-paint: #e4ded1;position:relative;display:inline-grid;place-items:center;width:var(--az-tile);height:var(--az-tile);flex:none;border-radius:3px;background:var(--az-paint);border:1px solid #7b6f5266;box-shadow:0 2px #786a4b88,0 3px 3px #22364226;vertical-align:middle;overflow:hidden}.az-tile img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;user-select:none}.az-tile-symbol{position:absolute;top:1px;left:1px;display:grid;place-items:center;font:700 7px/1 Tahoma,sans-serif;min-width:8px;height:9px;color:#17394b;background:#fff9e8eb;border-radius:1px;z-index:1}.az-tile.first .az-tile-symbol{top:auto;bottom:1px;left:auto;right:1px;font-size:9px;min-width:10px;height:10px}.az-tile.blue{--az-paint: #287cc1}.az-tile.yellow{--az-paint: #e8b332}.az-tile.red{--az-paint: #cf4338}.az-tile.black{--az-paint: #142c37}.az-tile.white,.az-tile.first{--az-paint: #fff9e8}.az-tile.empty{box-shadow:inset 0 1px 2px #604e2e12;border:1px dashed #acb7b3;background:#fbf6e9;color:#a4b2ad;font-size:12px}.az-tile.ghost{box-shadow:none;border:1px dashed #acb7b3;background:#f7f0e1}.az-tile.ghost img{opacity:.12}.az-tile.ghost .az-tile-symbol{background:transparent;color:#6e8786;font-size:8px;opacity:.6}.az-tile.preview{opacity:.7;outline:2px dashed #0e8893;outline-offset:-2px;box-shadow:none}.az-tile.art-missing .az-tile-symbol{top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:#fff;background:transparent;font-size:14px}.az-tile.yellow.art-missing .az-tile-symbol,.az-tile.white.art-missing .az-tile-symbol,.az-tile.first.art-missing .az-tile-symbol{color:#124d78}.az-slot{position:relative;display:inline-block;width:var(--az-tile);height:var(--az-tile);line-height:0;flex:none}.az-preview-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.az-boards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.az-boards.az-inspected{grid-template-columns:1fr}.az-player{padding:10px;border:7px solid #124d78;border-image:url(/art/azul/board-paper.webp) 120 fill stretch;background:#fff9e8;box-shadow:0 4px 9px #273f4a22;min-width:0}.az-player.current{outline:3px solid #0e8893;outline-offset:2px}.az-player>header{display:flex;align-items:center;gap:8px;border-bottom:1px solid #bdb18f;padding-bottom:6px;min-width:0}.az-player>header>div{min-width:0;flex:1}.az-player .profile-avatar{width:32px;height:32px;flex:none}.az-player h2{margin:0;font-size:16px;line-height:1.25;overflow-wrap:anywhere;color:#124d78}.az-player>header p{margin:3px 0 0;font-size:10px;line-height:1.3}.az-turn-flag{color:#0b666c;font-size:10px;font-weight:700;line-height:1.3;display:block;margin-top:2px}.az-score{margin-left:auto;font-size:30px;line-height:1;font-variant-numeric:tabular-nums;color:#124d78}.az-score small{display:block;font-size:10px;font-weight:400;line-height:1.3;margin-top:3px}.az-score-track{padding:5px 0 0}.az-track-label{display:block;font-size:9px;margin-bottom:2px;color:#647c7b}.az-score-track>div{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));border-left:1px solid #b6ac92}.az-score-track>div>span{display:grid;place-items:center;min-height:17px;font-size:9px;border:1px solid #b6ac92;border-left:0;color:#587172;background:#fff9e8;line-height:1;font-variant-numeric:tabular-nums}.az-score-track>div>.score-marker{background:#124d78;color:#fff9e8;font-weight:700;outline:1px solid #124d78}.az-board-head{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:10px;padding:8px 0 6px}.az-board-head>span:last-child{text-align:right}.az-board{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.az-pattern{display:grid;grid-template-rows:repeat(5,var(--az-row));gap:var(--az-gap)}.az-pattern-row{display:flex;align-items:center;justify-content:space-between;gap:3px;min-width:0}.az-row-label{font-size:10px;width:10px;flex:none;color:#6d817a}.az-spaces{display:flex;gap:var(--az-gap);justify-content:flex-end}.az-wall{display:grid;grid-template-columns:repeat(5,var(--az-tile));grid-template-rows:repeat(5,var(--az-row));gap:var(--az-gap)}.az-wall>span{display:grid;place-items:center;line-height:0}.az-scene .az-row-target{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:var(--az-row);height:100%;padding:1px;background:transparent;border:1px solid transparent;border-radius:3px;gap:3px}.az-scene .az-row-target:disabled{background:transparent;border-color:transparent}.az-scene .az-row-target.az-target-available{border-color:#78a9a6;background:#e6f4ed66}.az-scene .az-row-target[aria-pressed=true]{border-color:#0e8893;background:#cdece4}.az-floor{margin-top:9px;padding-top:6px;border-top:1px solid #c7b993}.az-floor-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.az-floor h3{font-size:11px;line-height:1.2;margin:0}.az-floor-slots{display:flex;gap:5px}.az-floor-cell{display:grid;justify-items:center;gap:3px}.az-floor-cell>small{font-size:10px;color:#8c4d38;line-height:1}.az-scene .az-floor-target{padding:5px 9px;min-height:40px;font-size:12px}.az-held-marker{display:flex;align-items:center;gap:5px;font-size:10px;line-height:1.3;margin:6px 0 0}.az-held-marker .az-tile{width:20px;height:20px}.az-controller{padding:12px;margin-bottom:10px;background:#fff9e8;border-left:4px solid #0e8893}.az-controller h2{font-size:18px;margin:0}.az-controller p{font-size:13px;margin:5px 0 0}.az-target-reasons{font-size:12px;color:#865139;padding-left:20px;margin:5px 0 0}.az-target-reasons:empty{display:none}.az-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.az-tabs button{font-size:13px}.az-tabs small{display:block;font-size:10px;line-height:1.3;font-weight:400}.az-confirm-wrap{background:#fff9e8;padding:14px;border:1px solid #a6b8aa;margin-top:12px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.az-confirm-wrap h2{font-size:17px;margin:0}.az-confirm-wrap #az-preview{font-size:13px;margin:7px 0}.az-preview-counts{display:flex;gap:16px;align-items:center;color:#0b666c;font-size:13px}.az-preview-counts:empty{display:none}.az-preview-counts>span{display:flex;gap:7px;align-items:center}.az-confirm-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.az-scene #az-confirm:not(:disabled),.az-scene #az-next:not(:disabled),.az-scene #az-restart:not(:disabled){background:#124d78;color:#fff9e8;border-color:#124d78}.az-scene #az-confirm:hover:not(:disabled),.az-scene #az-next:hover:not(:disabled),.az-scene #az-restart:hover:not(:disabled){background:#0d6b83}.az-results,.az-history,.az-help{padding:16px;margin:12px 0;border:1px solid #b9a880;background:#fff9e8;line-height:1.6}.az-results h2{margin:0;font-size:23px;color:#124d78}.az-results>p{margin:5px 0 12px;font-size:13px}.az-round-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.az-round-summary>h3{grid-column:1/-1;font-size:16px;margin:0}.az-round-summary>article{border:1px solid #c5b798;padding:12px;background:#fffdf5}.az-round-summary h4{font-size:16px;margin:0 0 8px}.az-round-placements>div{display:flex;align-items:center;gap:8px;margin:5px 0;font-size:12px}.az-round-placements strong{margin-left:auto;font-size:17px;color:#0b666c}.az-round-total{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;margin:9px 0 0;border-top:1px solid #c5b798;padding-top:8px}.az-round-total strong{color:#124d78}.az-final-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:12px 0}.az-final-grid>article{padding:14px;border:1px solid #b9a880}.az-final-grid>article.az-final-winner{border:2px solid #0e8893;background:#eaf3e8}.az-final-grid h3{margin:0;font-size:18px}.az-final-grid dl{margin:12px 0 0}.az-final-grid dl>div{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin:4px 0}.az-final-grid dd{margin:0;font-variant-numeric:tabular-nums}.az-final-total{border-top:1px solid #b9a880;padding-top:7px;font-size:20px!important;font-weight:700;color:#124d78}.az-help{font-size:13px}.az-art-warning{background:#fff9e8;border:1px solid #c58a3e;padding:10px}.az-loading{min-height:300px;display:grid;place-items:center;background:#fff9e8;color:#124d78}.display-surface .az-scene .az-offer{min-height:0;min-width:0;padding:1px}.display-surface .az-factory-disc{--az-tile: 22px}.display-surface .az-player{--az-tile: 26px}.display-surface .az-scene[data-players="2"] .az-player{--az-tile: 30px}@media(min-width:900px)and (max-width:1150px){main.display-surface.azul-surface{padding:10px}.display-surface .az-layout{grid-template-columns:300px minmax(0,1fr);gap:10px}.display-surface .az-supply{padding:9px}.display-surface .az-factories{gap:8px 4px}.display-surface .az-factory-disc{--az-tile: 20px}.display-surface .az-player{--az-tile: 22px;padding:7px;border-width:5px}.display-surface .az-scene[data-players="2"] .az-player{--az-tile: 24px}.display-surface .az-player>header{gap:5px;padding-bottom:4px}.display-surface .az-player h2{font-size:14px}.display-surface .az-player>header p{font-size:9px}.display-surface .az-score{font-size:24px}.display-surface .az-score-track{padding-top:3px}.display-surface .az-score-track>div>span{min-height:15px;font-size:8px}.display-surface .az-board-head{padding:5px 0 4px;font-size:9px}.display-surface .az-floor{margin-top:7px;padding-top:5px}.display-surface .az-floor-cell>small{font-size:9px}.display-surface .az-turn{margin-bottom:9px;padding:7px 10px}.display-surface .az-turn strong{font-size:17px}.display-surface .az-heading{margin:7px 0}.display-surface .az-heading h1{font-size:29px}.display-surface .az-heading p{font-size:11px}.display-surface .az-boards{gap:9px}}@media(max-width:899px){.az-layout{grid-template-columns:1fr}.az-factories{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:600px){main.azul-surface{padding:12px max(12px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.azul-surface>header{display:grid;grid-template-columns:1fr auto;gap:6px}.azul-surface>header .brand{font-size:22px}.azul-surface>header .brand span{display:none}.azul-surface>header .connection{grid-column:1/-1;margin:0;font-size:11px}.az-heading{margin:10px 0}.az-heading h1{font-size:33px}.az-heading p{font-size:11px}.az-heading .room-code strong{font-size:21px}.az-heading .room-code{padding:4px 8px}.az-turn{display:block;padding:8px 10px;margin-bottom:10px}.az-turn strong{font-size:16px}.az-turn p{text-align:left;font-size:11px;margin-top:3px}.az-layout{gap:10px}.az-supply{padding:10px}.az-supply h2{font-size:17px}.az-factories{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.az-factory h3{font-size:13px;margin-bottom:5px}.az-factory-disc{--az-tile: 30px;padding:15%;gap:3px}.az-scene .az-offer{min-width:44px;min-height:48px}.az-tile-count{font-size:10px}.az-source-selection{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px}.az-source-selection>div{display:flex;gap:9px;align-items:center;font-size:12px}.az-source-selection strong{display:block;font-size:13px}.az-source-selection button{font-size:11px;padding:7px}.az-scene[data-choosing=true] .az-supply-body{display:none}.az-scene[data-choosing=true] .az-supply>p{display:none}.az-scene[data-choosing=true] .az-supply h2{font-size:13px}.az-controller{padding:10px;margin-bottom:8px}.az-controller h2{font-size:16px}.az-controller p{font-size:12px}.az-tabs{gap:5px;margin-bottom:9px}.az-tabs button{font-size:12px;padding:7px 10px}.az-boards{grid-template-columns:1fr}.az-player{--az-tile: 25px;--az-row: 44px;--az-gap: 3px;padding:9px;border-width:6px}.az-player h2{font-size:16px}.az-score{font-size:30px}.az-board{gap:8px}.az-row-target{min-height:44px}.az-scene .az-floor-target{min-height:48px}.az-board-head{font-size:10px}.az-floor-slots{gap:7px}.az-floor-cell>small{font-size:11px}.az-confirm-wrap{padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));margin-top:9px}.az-confirm-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.az-confirm-actions button{font-size:13px;padding:10px}.az-results,.az-history,.az-help{padding:12px}.az-results h2{font-size:20px}.az-round-summary,.az-final-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){.az-scene .az-offer,.az-scene .az-row-target{transition:background-color .12s,outline-color .12s}}body.azul-theme:before{background:repeating-linear-gradient(98deg,#ffffff12 0 1px,transparent 1px 6px),#e4ddcf}.az-player{--az-row: var(--az-tile);position:relative}@media(min-width:900px)and (max-width:1150px){.display-surface.azul-surface>header{padding-bottom:4px}.display-surface.azul-surface>header .brand span{display:none}.display-surface .az-heading{margin:5px 0}.display-surface .az-heading>div:first-child{display:flex;align-items:baseline;gap:10px}.display-surface .az-heading p{margin:0}.display-surface .az-heading .room-code{display:flex;align-items:center;gap:8px;padding:4px 8px}.display-surface .az-heading .room-code strong{font-size:21px}.display-surface .az-turn{padding:6px 10px}.display-surface .az-turn strong{font-size:16px;line-height:1.35}.display-surface .az-player{padding:6px}.display-surface .az-scene[data-players="4"] .az-player{--az-tile: 20px}.display-surface .az-turn-flag{position:absolute;top:-6px;right:8px;margin:0;padding:1px 6px;background:#e1f0e4;border:1px solid #0e8893;border-radius:3px;z-index:2}.display-surface .az-floor{margin-top:5px;padding-top:4px}.display-surface .az-floor-heading{margin-bottom:3px}.display-surface .az-floor-cell{gap:2px}}@media(max-width:600px){.az-player{--az-row: 44px}}body.duel-theme{background:#101f2a;color:#f2e3be}body.duel-theme:before{background:radial-gradient(ellipse at top,#234147,#101f2a 75%)}main.duel-surface{--ink: #183739;color:#f2e3be;background:transparent;max-width:1560px;padding-top:16px}.duel-surface .brand,.duel-surface .connection,.duel-surface .notice,.duel-surface a{color:#f2e3be}.duel-surface header{border-color:#58666a}.duel-surface button{color:#f4e7c7;background:#1f6565;border:1px solid #72a09b;border-radius:5px;min-height:48px;font-size:16px;padding:12px 18px;margin:4px;line-height:1.45;touch-action:manipulation}.duel-surface button:hover:not(:disabled){background:#287978}.duel-surface button:disabled{background:#273c43;color:#9eaca9;border-color:#56686b;opacity:1;cursor:default}.duel-surface :focus-visible{outline:3px solid #d7b657;outline-offset:4px}.duel-surface [aria-pressed=true]{outline:3px solid #eed781;outline-offset:4px}.duel-room{margin:20px 0 12px;align-items:center}.duel-room h1{font:700 clamp(24px,3vw,38px) / 1.25 Georgia,Tahoma,serif;color:#f2e3be!important;margin:0}.duel-room h1 span{font-size:.5em;font-style:italic}.duel-room p{color:#bfcfc8;margin:6px 0;font-size:15px}.duel-surface .room-code{background:#172c33;color:#e4d5af;border:1px solid #677774;box-shadow:none;border-radius:4px}.duel-surface .room-code strong{color:#f2e3be;font-size:28px}.duel-status{display:flex;gap:14px;margin:12px 0 14px;align-items:center}.duel-person{position:relative;display:grid;grid-template-columns:62px 1fr;grid-template-rows:auto auto auto;column-gap:12px;flex:1;min-width:0;padding:8px 16px 8px 6px;border-left:3px solid #617873;background:#20373e;min-height:78px}.duel-person.active{border-color:#d7b657;background:#2a4245}.duel-person .role-portrait{grid-row:1/4;width:62px;height:68px}.duel-person strong,.duel-person span:not(.role-portrait),.duel-person small{grid-column:2;overflow-wrap:anywhere}.duel-person strong{font-family:Georgia,serif;font-size:18px}.duel-person span{font-size:14px}.duel-person small{font-size:12px;color:#b2c9c0}.role-portrait{display:block;background-image:url(/art/dracula/roles.webp);background-size:200% 100%;background-repeat:no-repeat;background-position:0% center;aspect-ratio:3/4;flex:none}.role-portrait.role-helsing{background-position:100% center}.duel-health{display:none}.duel-controls{padding:16px 20px;border:1px solid #566a67;background:#193039;margin:0 0 16px;border-radius:5px;line-height:1.6}.duel-controls h2{font-size:20px;margin:0 0 6px;color:#f2e3be}.duel-controls h3{font-size:18px;margin:8px 0 12px;color:#e9d6a6}.duel-controls p{margin:6px 0;font-size:14px;color:#c5d2c9}.duel-controls h2+p{margin-top:0}.duel-controls>p{max-width:80ch}.duel-table{position:relative}.board-public{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#1b343b;padding:12px 20px;border:1px solid #63766c;border-bottom:0}.board-turn span{font-size:14px;color:#bfcec0;margin-right:16px}.board-turn strong{font-size:20px}.board-health{display:flex;gap:10px;align-items:center}.board-health .duel-marker{width:34px;height:34px}.board-health strong{font-size:25px}.board-health>span:last-child{font-size:13px;color:#cfdbc9}.duel-ranking{background:#1b343b;border:1px solid #63766c;border-top:0;display:flex;align-items:center;gap:10px;padding:8px 20px 14px;font-size:14px;flex-wrap:wrap}.duel-ranking>span{color:#bdcdc5}.duel-ranking b{padding:4px 12px;font-size:14px;border-bottom:3px solid currentColor}.duel-ranking .suit-red{color:#ffadb2}.duel-ranking .suit-yellow{color:#ecd486}.duel-ranking .suit-green{color:#9cd6c6}.duel-ranking .suit-purple{color:#ddbef3}.city-map{position:relative;background:#214f50 url(/art/dracula/city.webp) center/cover no-repeat;padding:18px 14px;border:7px solid #bc9c65;box-shadow:0 12px 22px #0004;isolation:isolate}.city-map:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#061f2140;z-index:-1}.district-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.district{position:relative;min-width:0;padding:8px 12px;background:#0e252bb8;border-right:1px solid #e4d3a360;border-left:1px solid #e4d3a360;border-radius:40% 40% 4px 4px/14px 14px 4px 4px}.district h2{font-size:15px;text-align:center;letter-spacing:1px;margin:0 0 7px;line-height:1.6;color:#f7e6bc;text-shadow:0 1px 3px #000}.district-side>span:first-child{display:block;font:13px/1.5 Georgia,serif;color:#e4d6b3;text-align:center;margin:0 0 5px}.district-side .duel-card{max-width:166px;margin:auto}.duel-card{position:relative;display:block;container-type:inline-size;width:100%;min-height:0;border-radius:6px;border:2px solid #d0b27d;box-shadow:2px 3px #040e19bb;overflow:hidden;background:#7d323d;color:#fff1d1;text-align:left;isolation:isolate;line-height:1.25}.duel-card .card-ink{position:absolute;top:7%;left:9%;font-size:12px;font-size:clamp(10px,8cqw,14px);z-index:3;text-shadow:0 1px 3px #000}.duel-value{position:absolute;top:17%;left:9%;font-family:Georgia,serif;font-size:34px;font-size:clamp(28px,30cqw,55px);font-weight:700;line-height:1;z-index:3;text-shadow:0 2px 3px #0008}.effect-icon{position:absolute;top:8%;right:8%;width:22%;height:auto;aspect-ratio:1;z-index:3;color:#fff0c8;background:#0a20285c;border-radius:3px;padding:3px}.duel-portrait{display:block;position:absolute;top:18%;right:0;bottom:17%;left:0;background:url(/art/dracula/card-portraits.webp) var(--portrait-x) var(--portrait-y) / 400% 200% no-repeat;z-index:0}.duel-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#09172640,transparent 35%,#09172685 70%,#091726 88%);z-index:1;pointer-events:none}.duel-effect{position:absolute;bottom:9%;left:7%;right:7%;font-size:11px;font-size:clamp(9px,8.3cqw,13px);font-weight:400;color:#ffedc6;z-index:3;text-align:center;line-height:1.35}.visibility{position:absolute;bottom:2%;width:100%;text-align:center;font-size:9px;font-size:clamp(8px,6cqw,10px);color:#c9d0b7;z-index:3;line-height:1.1}.suit-yellow.duel-card{background:#ae892d}.suit-green.duel-card{background:#1f7567}.suit-purple.duel-card{background:#67448b}.card-back.duel-card{background:#122d37 url(/art/dracula/card-back.webp) center/cover no-repeat}.card-back.duel-card:after{background:none}.card-back>span:not(.duel-card-size){position:absolute;bottom:6%;width:100%;text-align:center;background:#081925b3;font-size:12px;padding:4px;color:#e4d7b6;z-index:2}.inhabitants{display:flex;gap:5px;justify-content:center;margin:12px 0;padding:8px 0;background:#e4d5ab25;border-radius:5px}.inhabitants>span{width:clamp(22px,3vw,38px);height:auto;aspect-ratio:1;display:block;border-radius:50%;background:#f1e1b425;box-shadow:0 1px 3px #0007}.duel-marker{display:block;width:100%;height:100%;aspect-ratio:1;background:url(/art/dracula/markers.webp) 0% 0%/200% 200% no-repeat}.marker-vampire{background-position:100% 0%}.marker-heart{background-position:0% 100%}.marker-ship{background-position:100% 100%}.district-result{padding:10px 5px;margin:12px 0 0;font-size:13px;line-height:1.5;color:#f5e0ad;background:#102832e8;border-top:2px solid #d7b657;text-align:center;min-height:80px}.duel-piles{display:grid;grid-template-columns:1fr 4fr;gap:20px;align-items:start;background:#182f37;border:1px solid #566a67;padding:14px 18px;margin-top:14px;border-radius:5px}.duel-piles h3{font-size:15px;margin:0 0 8px}.duel-piles p{font-size:13px;color:#b5c7bd;margin:6px 0}.duel-piles .duel-card{width:96px}.discard-list{display:flex;gap:6px;flex-wrap:wrap}.discard-list span{font-size:13px;padding:3px 9px;border:1px solid #bac1a45e;border-radius:3px;background:#101f2a}.discard-list .suit-red{color:#ffadb2}.discard-list .suit-yellow{color:#ecd486}.discard-list .suit-green{color:#9cd6c6}.discard-list .suit-purple{color:#ddbef3}.round-outcome{display:flex;align-items:center;gap:20px;background:#2a4345;border:1px solid #d7b657;padding:16px 24px;margin:0 0 14px;color:#f2e3be}.round-outcome h2{font:700 26px/1.4 Georgia,Tahoma,serif;margin:0}.round-outcome p{font-size:14px;margin:6px 0}.winner-seal .role-portrait{width:90px;height:110px}.discard-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:16px 0}.duel-controls .discard-choice{min-width:0;width:100%;background:transparent;border:0;color:#f2e3be;font-size:13px;margin:0;padding:4px 2px;line-height:1.4}.discard-choice .duel-card{margin:8px auto 0;max-width:170px}.discard-choice:disabled .duel-card{filter:saturate(.25);opacity:.6}.duel-controls .discard-choice:hover:not(:disabled){background:#304a4f}.duel-controls .discard-choice[aria-pressed=true]{background:#284d50;outline-color:#eed781}#duel-action-panel>.duel-card{width:132px;float:left;margin:0 20px 10px 0}.discard-choices{clear:both}.effect-choices{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.duel-controls .duel-ending{color:#f0cd86;font-weight:700}.duel-help{margin-top:16px;border:1px solid #566a67;border-radius:5px;padding:14px 18px;background:#152c34;color:#bfcfc8;font-size:14px}.duel-help p{max-width:80ch}.duel-help summary{font-weight:700;color:#e4d6b3}.duel-loading{min-height:350px;display:grid;place-items:center;font-size:20px;color:#f2e3be}@media(min-width:901px){.display-surface.duel-surface .duel-controls{padding:10px 18px}.display-surface.duel-surface .duel-status{margin:8px 0}.display-surface.duel-surface .city-map{padding:12px 14px}.display-surface.duel-surface .district-side .duel-card{max-width:142px}.display-surface.duel-surface .duel-room{margin:8px 0}.display-surface.duel-surface .duel-controls h2{display:inline-block;font-size:17px;margin-right:20px}.display-surface.duel-surface .duel-controls>p{display:inline-block}.display-surface.duel-surface .duel-controls #duel-action-panel>p{margin:0;font-size:12px}.display-surface.duel-surface .duel-person{min-height:62px}.display-surface.duel-surface .duel-person .role-portrait{height:52px}.display-surface.duel-surface .duel-room h1{font-size:28px}}@media(max-width:900px){.duel-surface{padding:16px}.city-map{padding:12px 7px;border-width:4px}.district-map{gap:5px}.district{padding:7px 5px}.discard-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.duel-card .duel-effect{font-size:clamp(9px,8cqw,13px)}.duel-person{grid-template-columns:48px 1fr;column-gap:8px;padding:7px}.duel-person .role-portrait{width:48px;height:60px}.duel-person strong{font-size:16px}.duel-person span{font-size:12px}.inhabitants{gap:3px}}@media(max-width:600px){.duel-surface .room-code strong{font-size:21px}.duel-room h1{font-size:23px}.duel-room p{font-size:13px}.duel-status{gap:8px}.duel-person{grid-template-columns:38px 1fr;column-gap:6px}.duel-person .role-portrait{width:38px;height:54px}.duel-person strong{font-size:14px}.duel-person small{font-size:10px}.duel-controls{padding:14px;margin-bottom:14px}.duel-controls p{font-size:13px}.board-public{padding:10px 12px;gap:12px}.board-turn{display:grid}.board-turn strong{font-size:15px}.board-health>span:last-child{display:none}.board-health strong{font-size:22px}.duel-ranking{padding:8px 12px;gap:6px;font-size:12px}.duel-ranking b{padding:3px 6px;font-size:12px}.city-map{background-size:auto 100%}.district-map{grid-template-columns:1fr;gap:18px}.district{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px;border-radius:6px;border:1px solid #d2bc8570;background:#122c35db}.district h2{grid-column:1/-1;margin:0}.district-side{grid-row:2}.district-side .duel-card{max-width:145px}.inhabitants{grid-row:3;grid-column:1/-1;margin:0;padding:7px}.inhabitants>span{width:32px}.district-result{grid-column:1/-1;min-height:0;margin:0}.duel-piles{grid-template-columns:1fr;gap:12px}.discard-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.discard-choice .duel-card{max-width:140px}.round-outcome{padding:12px;gap:12px}.round-outcome h2{font-size:23px}.winner-seal .role-portrait{width:64px;height:88px}.duel-help{font-size:13px}}@media(prefers-reduced-motion:reduce){.duel-surface *{scroll-behavior:auto}}.role-portrait{background-size:200% auto}.duel-portrait{inset:auto 0 auto;top:-6%;left:0;right:0;bottom:auto;height:88.888%;height:133.333cqw}.duel-card{--suit-paint: #a43c47}.duel-card.suit-green{--suit-paint: #247568}.duel-card.suit-purple{--suit-paint: #69448b}.duel-card.suit-yellow{--suit-paint: #bc9b3e}.duel-card:not(.card-back):before{content:"";position:absolute;top:0;left:0;right:0;height:16%;background:var(--suit-paint);z-index:2}.duel-card .card-ink{top:4%;text-shadow:none;font-size:12px;font-size:clamp(10px,8.5cqw,14px)}.duel-card .effect-icon{top:3%;background:transparent}.duel-card.suit-yellow .card-ink,.duel-card.suit-yellow .effect-icon{color:#101f2a}.board-turn>span{display:inline-flex;align-items:center;gap:8px}.board-turn .duel-marker{width:28px;height:28px;display:inline-block}.board-turn>small{display:block;font-size:12px;font-weight:400;color:#becfc3;line-height:1.4;margin-top:4px}.conversion-count{display:block;text-align:center;font-size:12px;color:#f2e3be;margin:-4px 0 10px}@media(min-width:601px){.district{background:#0e252b30;border-radius:6px}.district h2{display:table;margin:0 auto 7px;padding:2px 12px;background:#0e252bbc;border-radius:3px}.inhabitants{display:grid;grid-template-columns:repeat(2,40px);grid-template-rows:repeat(2,40px);justify-content:center;gap:10px;background:transparent;margin:12px 0;padding:8px 0;min-height:112px}.inhabitants>span{width:40px;height:40px}.conversion-count{background:#0e252ba6;border-radius:3px;margin:6px auto 9px;width:max-content;padding:2px 9px}.district-side>span:first-child{display:table;margin:0 auto 5px;background:#0e252ba6;border-radius:3px;padding:1px 7px}.board-public{padding:8px 18px}.duel-ranking{padding-top:4px;padding-bottom:8px}}@media(min-width:901px){.display-surface.duel-running #duel-controls{display:none}.display-surface.duel-surface .district-side .duel-card{max-width:125px}.display-surface.duel-surface .duel-person{min-height:58px}.display-surface.duel-surface .duel-status{margin-bottom:10px}.display-surface.duel-surface .duel-room p{margin:3px 0}}@media(max-width:600px){.conversion-count{grid-column:1/-1;grid-row:4;margin:0}.district-result{grid-row:5}.board-turn>small{display:none}.phone-surface .discard-choice .duel-effect{font-size:12px}}@media(min-width:601px){.display-surface.duel-surface .duel-person{grid-template-columns:40px auto 1fr;grid-template-rows:auto auto;min-height:48px;column-gap:10px;padding:6px 12px}.display-surface.duel-surface .duel-person .role-portrait{grid-row:1/3;width:40px;height:40px}.display-surface.duel-surface .duel-person strong{grid-row:1;grid-column:2;line-height:1.35;font-size:17px}.display-surface.duel-surface .duel-person>span:not(.role-portrait){grid-row:1;grid-column:3;line-height:1.4;font-size:13px}.display-surface.duel-surface .duel-person small{grid-row:2;grid-column:2/4;line-height:1.3;font-size:11px}.display-surface.duel-surface .district-side .duel-card{max-width:114px}.display-surface.duel-surface .district h2{font-size:14px;line-height:1.3;padding:1px 10px;margin-bottom:4px}.display-surface.duel-surface .district-side>span:first-child{font-size:12px;line-height:1.25;margin-bottom:4px}.display-surface.duel-surface .inhabitants{grid-template-columns:repeat(2,34px);grid-template-rows:repeat(2,34px);gap:8px;min-height:76px;padding:0;margin:8px 0}.display-surface.duel-surface .inhabitants>span{width:34px;height:34px}.display-surface.duel-surface .conversion-count{font-size:12px;line-height:1.25;margin:4px auto 6px;padding:1px 7px}.display-surface.duel-surface .board-public{padding-top:6px;padding-bottom:6px}.display-surface.duel-surface .duel-ranking{gap:8px;padding-top:0;padding-bottom:7px}.display-surface.duel-surface .duel-ranking b{padding:1px 8px}}@media(min-width:601px)and (max-height:850px){.display-surface.duel-surface header{padding-bottom:6px}.display-surface.duel-surface .brand{font-size:22px}.display-surface.duel-surface .brand span{display:none}.display-surface.duel-surface .notice{font-size:12px;min-height:18px;margin:4px 0}.display-surface.duel-surface .duel-room{margin:6px 0}.display-surface.duel-surface .duel-room p{display:none}.display-surface.duel-surface .duel-room h1{font-size:24px}.display-surface.duel-surface .inhabitants{display:flex;min-height:34px;margin:7px 0;gap:4px}.display-surface.duel-surface .inhabitants>span{width:29px;height:29px}.display-surface.duel-surface .city-map{padding-top:8px;padding-bottom:8px}}@media(min-width:601px)and (max-height:850px){.display-surface.duel-surface .room-code{padding:6px 10px}.display-surface.duel-surface .room-code span{font-size:10px;line-height:1.2}.display-surface.duel-surface .room-code strong{font-size:24px;line-height:1.2}.display-surface.duel-surface .district-side .duel-card{max-width:98px}.display-surface.duel-surface .board-turn strong{font-size:18px}.display-surface.duel-surface .board-turn>small{font-size:11px}.display-surface.duel-surface .board-turn .duel-marker{width:23px;height:23px}.display-surface.duel-surface .board-public{padding:4px 14px}.display-surface.duel-surface .duel-ranking{padding-bottom:5px}.display-surface.duel-surface .duel-ranking b,.display-surface.duel-surface .duel-ranking>span{font-size:12px;line-height:1.3}}.public-draw,.reveal-focus{padding:16px 20px;margin-bottom:14px;border:1px solid #d7b657;background:#193039}.public-draw{display:flex;align-items:center;justify-content:space-between;gap:16px}.public-draw h2,.reveal-focus h2{margin:0 0 8px;font-size:21px;color:#f2e3be}.public-draw p{font-size:14px;line-height:1.6}.public-draw>.duel-card{flex:none;width:100px}.reveal-focus{text-align:center}.reveal-pair{display:flex;justify-content:center;gap:24px}.reveal-pair>div{width:min(36%,145px)}.reveal-pair>div>span:first-child{display:block;margin-bottom:8px}.reveal-verdict{min-height:3em;font-size:17px;line-height:1.7;margin:12px auto 0;max-width:65ch}.reveal-active{outline:3px solid #d7b657;outline-offset:2px}.reveal-pending .duel-card>*{visibility:hidden}.reveal-pending .duel-card:before{display:none}.reveal-pending .duel-card:after{background:#122d37 url(/art/dracula/card-back.webp) center/cover no-repeat}.revealing-round .district:not(.reveal-resolved) .district-result,.revealing-round .round-outcome{visibility:hidden}.duel-surface .skip-reveal[hidden]{display:none}.reveal-control-status:empty{display:none}@media(max-width:600px){.public-draw,.reveal-focus{padding:12px}.public-draw h2,.reveal-focus h2{font-size:19px}.reveal-pair{gap:16px}.reveal-verdict{font-size:15px}}.revealing-round .round-outcome{display:none}@media(min-width:1100px){.display-surface .duel-table.revealing-round{display:grid;grid-template-columns:300px minmax(0,1fr);column-gap:16px;align-items:start}.display-surface .revealing-round .reveal-focus{grid-column:1;grid-row:1/5;padding:14px;margin-bottom:0}.display-surface .revealing-round .reveal-pair{gap:12px}.display-surface .revealing-round .reveal-pair>div{width:46%}.display-surface .revealing-round .reveal-verdict{font-size:16px}.display-surface .revealing-round>.board-public{grid-column:2;grid-row:1}.display-surface .revealing-round>.duel-ranking{grid-column:2;grid-row:2}.display-surface .revealing-round>.city-map{grid-column:2;grid-row:3}.display-surface .revealing-round>.duel-piles{grid-column:2;grid-row:4}}.public-draw>div{min-width:0;overflow-wrap:anywhere}.reveal-focus h2{text-wrap:balance}.board-health strong{font-variant-numeric:tabular-nums}.duel-card-size{display:block;width:100%;height:0;padding-top:150%}