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 .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 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}.role-choices{display:flex;gap:12px;margin:16px 0}.platform-surface .role-choices button{display:flex;flex:1;flex-direction:column;align-items:center;gap:6px;padding:12px;border:2px solid #cad6d4;border-radius:8px}.role-choices .role-portrait{width:72px;height:86px}.role-choice-check{font-size:11px}.platform-surface .role-choices button[aria-pressed=true]{border-color:#89712f;background:#f3eacb;color:#213c46;box-shadow:0 0 0 2px #c8a64e}.lobby-players .role-portrait{float:left;width:40px;height:48px;margin-right:12px}.profile-name-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.profile-name-row input,.profile-name-row button{margin:0;min-height:48px}.profile-name-row input{width:100%;min-width:0}.profile-name-row button{padding:10px 16px}.platform-surface button.profile-avatar-picker{position:relative;display:inline-flex;flex:none;padding:0;width:80px;height:80px;border-radius:50%;border:2px solid #317e8b;background:transparent}.profile-avatar-picker .profile-avatar{width:76px;height:76px;flex-basis:76px}.avatar-edit-mark{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;border-radius:50%;background:#215c69;color:#fff;display:grid;place-items:center;font-size:16px}main.in-game>header.game-header{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,1.5fr) 44px 44px;align-items:center;gap:8px;padding-block:8px}main.in-game>header.game-header .header-brand{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0}main.in-game>header.game-header .brand{font-size:16px;line-height:1.2;white-space:nowrap}main.in-game>header.game-header .header-account{grid-column:4;grid-row:1;min-width:0}main.in-game>header.game-header .turn-sound-button.sound-icon-only{grid-column:3;grid-row:1;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;display:grid;place-items:center}.shared-turn{grid-column:2;grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;padding:10px 8px;border:1px solid #879c9b;border-radius:9px;background:#f4edda;color:#263e46}.shared-turn[data-own=true]{background:#116b6d;color:#fff6df;border-color:#116b6d}.shared-room-menu{position:relative;font-size:12px}.shared-room-menu summary{min-height:44px;display:flex;align-items:center;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.shared-room-menu>div{position:absolute;left:0;top:100%;width:min(245px,calc(100vw - 40px));padding:16px;background:#fff9e9;color:#294d63;border:1px solid #7f9696;box-shadow:0 5px 28px #294d6340;z-index:100;display:flex;flex-direction:column;align-items:center;gap:12px}.shared-room-menu a{color:#294d63}.shared-room-menu small{font-size:12px}.in-game #content .room-code{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:360px){main.in-game>header.game-header{grid-template-columns:92px minmax(0,1fr) 44px 36px;gap:4px}main.in-game>header.game-header .brand{font-size:16px}.shared-turn{font-size:13px;padding-inline:5px}}main.in-game>header.game-header.jaipur-header{grid-template-columns:minmax(0,1fr) 44px 44px}main.in-game>header.game-header.jaipur-header .turn-sound-button{grid-column:2}main.in-game>header.game-header.jaipur-header .header-account{grid-column:3}body.jaipur-theme{background:#edc16c;color:#292844;color-scheme:light}body.jaipur-theme:before{opacity:1;background:linear-gradient(#fff2d6f5,#edc16cf0),url(/art/jaipur/table.webp?v=1) center/600px}.jaipur-theme main{max-width:1500px}.jaipur-theme .game-header{border-color:#97744566}.jaipur-theme .brand,.jaipur-theme a{color:#31304f}.jaipur-theme .connection{color:#31574a}.jp-root{--jp-paper: #fff0ce;--jp-ink: #25294b;--jp-teal: #116b6d;--jp-gold: #c28c3c;padding:0 12px calc(24px + env(safe-area-inset-bottom));font-variant-numeric:tabular-nums;--jp-ruby: #b73344}.jp-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:10px 0 14px}.jp-heading h1{font:700 clamp(38px,5vw,58px)/1 Georgia,serif;color:#9c304b;margin:0;text-shadow:0 1px #fff9}.jp-heading p{font-size:16px;margin:9px 0 0}.jaipur-theme .room-code{background:#116b6d;color:#fff0ce}.jp-players{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.jp-public-player{border-top:3px solid #a88a5c;padding:10px 14px;background:#fff3d8a8;box-shadow:0 3px 10px #74532016;min-width:0}.jp-current{border-top-color:#137a70;background:#fff7e8}.jp-player-name{display:flex;align-items:center;gap:10px;min-width:0}.jp-player-name .profile-avatar{width:36px;height:36px;flex:none}.jp-player-name>div:nth-child(2){min-width:0;flex:1}.jp-player-name h2{font-size:17px;margin:0;overflow-wrap:anywhere;color:#312c49}.jp-player-name small{font-size:11px;color:#556355}.jp-seals{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700}.jp-seals img{object-fit:contain}.jp-empty-seal{opacity:.23;filter:grayscale(1)}.jp-player-stash{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.jp-handbacks{display:flex;position:relative;align-items:center;min-height:45px;padding-right:10px}.jp-handbacks .jp-card{width:30px;height:43px;margin-right:-19px;box-shadow:none;transform:rotate(-4deg)}.jp-handbacks .jp-card:last-of-type{margin-right:3px}.jp-handbacks>span:last-child:not(.jp-card){font-size:11px;white-space:nowrap;margin-left:7px}.jp-herd-public{display:flex;align-items:center;gap:5px;color:#645444;font-size:10px;line-height:1.4}.jp-herd-public img{object-fit:cover;border-radius:5px;height:42px;width:34px}.jp-player-stash p{font-size:11px;max-width:130px;color:#5e5360;margin:0}.jp-prices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:10px 0 18px}.jp-price{border-bottom:2px solid var(--jp-color);padding:8px 7px;background:#fff6e1;min-width:0}.jp-price-name{display:flex;gap:5px;align-items:center}.jp-price h3{font-size:16px;margin:0;color:var(--jp-color);min-width:0}.jp-price small{display:block;font-size:10px;font-weight:400;color:#66584c}.jp-token{position:relative;width:55px;height:55px;display:inline-grid;place-items:center;vertical-align:middle;flex:none}.jp-token img{width:100%;height:100%;object-fit:contain;display:block}.jp-token>b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:24px;min-height:24px;padding:2px 3px;line-height:1.1;border-radius:50%;font-size:18px;font-weight:800;color:#fff8df;background:#25294bf0;text-align:center;box-shadow:0 1px 3px #0003}.jp-price-values{display:flex;gap:3px;flex-wrap:wrap;margin-top:5px;justify-content:center}.jp-price-values span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid #b99c72;background:#f3dfaf;color:#3d3540;font-size:13px;font-weight:700}.jp-price-values span:first-child{background:var(--jp-color);color:#fff;border-color:transparent}.jp-diamond{--jp-color: #ae2b43}.jp-gold{--jp-color: #8d5b0c}.jp-silver{--jp-color: #326d94}.jp-cloth{--jp-color: #764688}.jp-spice{--jp-color: #32754c}.jp-leather{--jp-color: #855235}.jp-camel{--jp-color: #277e83}.jp-market-table{display:grid;grid-template-columns:70px minmax(0,1fr) 70px;gap:20px;align-items:center;padding:24px 22px;background:linear-gradient(#176c70e6,#115d65f2),url(/art/jaipur/table.webp?v=1) center/cover;border:4px double #cf9d4e;border-radius:70px 70px 10px 10px;max-width:1100px;margin:auto;box-shadow:0 7px 20px #7a532329}.jp-market{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:center;min-height:190px}.jp-root button{touch-action:manipulation;-webkit-tap-highlight-color:#116b6d33;font:inherit;cursor:pointer}.jp-root button:focus-visible,.jp-root summary:focus-visible,.jp-root select:focus-visible{outline:3px solid #a32450;outline-offset:3px}.jp-root button:disabled{cursor:default;opacity:.55}.jp-root button:not(:disabled):hover{filter:brightness(1.06)}.jp-market button,.jp-hand button{padding:0;background:none;border:0;border-radius:7px;min-width:0;color:inherit}.jp-card{display:flex;flex-direction:column;position:relative;isolation:isolate;background:#fff5de;border:3px solid #f8de9c;border-radius:6px;overflow:hidden;box-shadow:0 2px 5px #231a1f66;height:100%;min-width:0;text-align:left;color:#302d3b}.jp-card-label{display:flex;align-items:center;justify-content:space-between;gap:4px;background:var(--jp-color, #286c70);color:#fff7df;font-size:17px;padding:6px 8px;line-height:1.2}.jp-card-label b{font-size:.75em;border:1px solid #ffffff90;min-width:18px;text-align:center;border-radius:3px;padding:0 2px}.jp-card>img{display:block;object-fit:cover;width:100%;height:160px;min-height:0;flex:1}.jp-card-foot{background:#fff0ce;color:#51404b;font-size:10px;text-align:center;padding:4px 2px;line-height:1.3;min-height:19px}.jp-market .jp-card{height:245px}.jp-market button[aria-pressed=true] .jp-card,.jp-hand button[aria-pressed=true] .jp-card{border-color:#b51e54;box-shadow:0 0 0 3px #fff0ce,0 0 0 5px #b51e54;transform:translateY(-5px)}.jp-back{border:3px solid #d1aa6d}.jp-back img{height:100%;object-fit:cover}.jp-deck,.jp-discard{min-width:0;text-align:center;color:#fff0ce;font-size:11px}.jp-deck>.jp-card,.jp-discard>.jp-card,.jp-empty-discard{width:100%;height:112px;display:flex}.jp-discard>.jp-card .jp-card-label,.jp-discard>.jp-card .jp-card-foot{display:none}.jp-deck>span:last-child,.jp-discard>span:last-child{display:block;margin-top:9px}.jp-empty-discard{border:1px dashed #eddaa588;border-radius:4px;align-items:center;justify-content:center;color:#f4dfac}.jp-bonus-bank{display:flex;justify-content:center;gap:30px;padding:13px 10px;max-width:800px;margin:auto}.jp-bonus-bank>div{display:flex;align-items:center;gap:6px}.jp-bonus-bank p{font-size:13px;font-weight:700;line-height:1.4;margin:0}.jp-bonus-bank small{display:block;font-size:10px;font-weight:400}.jp-controller-area{max-width:850px;margin:16px auto;background:#fff5df;border:1px solid #bd9653;box-shadow:0 4px 14px #7a532322;padding:18px}.jp-own-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.jp-own-heading h2{font-size:21px;margin:0}.jp-own-heading h2 small{font-size:14px;font-weight:400}.jp-own-heading>span{display:flex;align-items:center;gap:5px;font-size:13px}.jp-own-heading>span img{object-fit:cover;border-radius:5px}.jp-modes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:12px 0 9px}.jp-modes button{min-height:48px;border:1px solid #767184;color:#25294b;background:#fffaf0;border-radius:6px;font-weight:700}.jp-modes button[aria-pressed=true]{background:#116b6d;color:#fff;border-color:#116b6d}.jp-action-help{font-size:13px;margin:6px 0 13px;color:#635363;min-height:20px}.jp-hand{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;min-height:120px}.jp-hand .jp-card{height:162px}.jp-hand .jp-card-label{font-size:12px;padding:4px}.jp-hand .jp-card-foot{font-size:8px}.jp-hand>p{grid-column:1/-1;text-align:center;color:#74656b;margin:25px}.jp-preview{margin-top:18px;padding:16px;border:1px solid #b4a789;background:#fff9ed;scroll-margin-top:12px;scroll-margin-bottom:100px}.jp-preview h3{font-size:20px;margin:0 0 12px;color:#17575a}.jp-preview h4{font-size:17px;margin:0 0 9px}.jp-take-detail,.jp-sale-detail{display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:start}.jp-large{width:140px;height:190px}.jp-large .jp-card-label{font-size:14px}.jp-preview p{font-size:14px;line-height:1.7}.jp-exchange-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.jp-exchange-pair>div{min-width:0;background:#f2e8d3;padding:12px;border-top:3px solid #356f72}.jp-exchange-pair>div+div{border-color:#9b4465}.jp-exchange-pair>div>div{display:flex;flex-wrap:wrap;gap:5px;min-height:65px;font-size:12px}.jp-exchange-pair .jp-card{width:65px;height:94px}.jp-exchange-pair .jp-card-label{font-size:9px;padding:3px}.jp-exchange-pair .jp-card-label b,.jp-exchange-pair .jp-card-foot{display:none}.jp-camel-return{position:relative}.jp-camel-return>b{position:absolute;right:3px;bottom:5px;background:#fff1ce;font-size:14px;padding:2px}.jp-stepper{display:flex;align-items:center;gap:14px;margin:12px 0;flex-wrap:wrap}.jp-stepper button{width:44px;min-height:44px;border:1px solid #7d757f;color:#25294b;background:#fff;border-radius:50%;font-size:23px}.jp-stepper b{font-size:18px}.jp-preview .jp-preview-reason{font-size:13px;color:#67455a;min-height:24px;margin:12px 0}.jp-confirm-bar{position:static;display:flex;justify-content:center;gap:8px;background:#fff0cedf;padding:10px;z-index:20;border-top:1px solid #c5ac76;backdrop-filter:blur(5px)}.jp-confirm-bar button{min-height:48px;border:1px solid #9a7e57;padding:10px 18px;border-radius:6px;background:#fffaf1;color:#31304b;font-size:15px}.jp-confirm-bar #jp-confirm{background:#116b6d;color:#fff;min-width:150px;font-weight:700}.jp-private-tokens{margin-top:15px;font-size:13px}.jp-private-tokens summary{padding:9px 0;cursor:pointer}.jp-private-tokens>div{display:flex;flex-wrap:wrap;gap:5px;content-visibility:auto;contain-intrinsic-size:auto 100px}.jp-private-tokens .jp-token{width:48px;height:48px}.jp-private-tokens .jp-token b{font-size:14px;min-width:21px;min-height:21px}.jp-last-action{min-height:24px;text-align:center;font-size:14px;margin:12px 0;color:#655063}.jp-results{background:#fff8e9;border:4px double #a37930;padding:22px;margin:15px 0;text-align:center;box-shadow:0 4px 15px #80552a22}.jp-results h2{font-size:25px;color:#8f2d4d;margin:0 0 10px;text-wrap:balance}.jp-results p{font-size:14px;margin:9px 0}.jp-results button{min-height:48px;padding:10px 22px;border:1px solid #116b6d;background:#116b6d;color:#fff;border-radius:5px;margin:6px}.jp-results select{min-height:44px;padding:6px 10px;background:#fff;color:#25294b;border:1px solid #8d7d76;margin:8px}.jp-score-scroll{overflow:auto;max-width:800px;margin:12px auto}.jp-results table{border-collapse:collapse;width:100%;min-width:380px}.jp-results th,.jp-results td{padding:9px;border-bottom:1px solid #c9b381;font-size:16px;text-align:center}.jp-results th{font-size:14px}.jp-results th small{display:block;font-size:10px;font-weight:400}.jp-results thead{background:#116b6d;color:#fff}.jp-results td:last-child{font-size:23px;color:#952f4d}.jp-history,.jp-help{max-width:1000px;margin:8px auto;font-size:13px}.jp-history summary,.jp-help summary{cursor:pointer;padding:10px 0}.jp-flight .jp-card{height:100%;width:100%}.jp-loading{min-height:50vh;display:grid;place-items:center;color:#392b49;font-size:18px}@media(max-width:1100px){.jp-market-table{padding:18px;gap:14px;grid-template-columns:55px minmax(0,1fr) 55px}.jp-market .jp-card{height:210px}.jp-market{gap:9px;min-height:160px}.jp-card-label{font-size:14px}.jp-prices{gap:7px}.jp-price h3{font-size:13px}.jp-price .jp-token{width:42px;height:42px}.jp-price .jp-token>b{font-size:14px;min-width:20px;min-height:20px}.jp-price small{font-size:9px}.jp-price-values{gap:2px}.jp-price-values span{width:18px;height:18px;font-size:11px}.jp-player-stash p{font-size:10px;max-width:90px}}@media(max-width:680px){.jp-root{padding:0 0 calc(20px + env(safe-area-inset-bottom))}.jp-heading{gap:10px}.jp-heading h1{font-size:38px}.jp-heading p{font-size:12px}.jp-heading .room-code{font-size:14px}.jp-players{gap:8px;margin-bottom:12px}.jp-public-player{padding:8px}.jp-player-name{gap:5px;flex-wrap:wrap}.jp-player-name .profile-avatar{width:27px;height:27px}.jp-player-name h2{font-size:12px}.jp-player-name small{font-size:9px}.jp-seals{width:100%;justify-content:flex-end;gap:2px;height:23px;font-size:11px}.jp-seals img{width:23px;height:23px}.jp-player-stash{gap:3px;flex-wrap:wrap;margin-top:3px}.jp-handbacks{min-height:30px;max-width:100%;padding-right:0}.jp-handbacks .jp-card{width:19px;height:29px;margin-right:-13px;border-width:1px}.jp-handbacks>span:last-child:not(.jp-card){font-size:10px;margin-left:3px}.jp-herd-public{font-size:8px;gap:3px}.jp-herd-public img{width:24px;height:27px}.jp-player-stash p{width:100%;max-width:none;font-size:9px;margin-top:3px}.jp-prices{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}.jp-price{padding:5px}.jp-price-name{gap:4px}.jp-price h3{font-size:12px}.jp-price .jp-token{width:32px;height:32px}.jp-price .jp-token>b{font-size:11px;min-width:17px;min-height:17px;padding:2px}.jp-price small{font-size:8px}.jp-price-values{margin-top:3px;gap:2px}.jp-price-values span{width:16px;height:16px;font-size:10px}.jp-market-table{grid-template-columns:30px minmax(0,1fr) 30px;gap:6px;padding:15px 9px;border-width:3px;border-radius:32px 32px 8px 8px}.jp-market{gap:5px;min-height:105px}.jp-market .jp-card{height:120px;border-width:2px}.jp-card-label{font-size:10px;gap:2px;padding:3px 2px;justify-content:center;flex-wrap:wrap}.jp-card-label b{font-size:8px;min-width:12px;padding:0 1px}.jp-card-foot{font-size:7px;padding:2px 0;min-height:13px}.jp-deck>.jp-card,.jp-discard>.jp-card,.jp-empty-discard{height:60px;border-width:2px}.jp-deck,.jp-discard{font-size:8px}.jp-deck>span:last-child,.jp-discard>span:last-child{margin-top:5px}.jp-bonus-bank{gap:7px;justify-content:space-around;padding:9px 0}.jp-bonus-bank>div{gap:2px;flex-direction:column;text-align:center}.jp-bonus-bank .jp-token{width:37px;height:37px}.jp-bonus-bank .jp-token>b{font-size:12px;min-height:18px;min-width:18px}.jp-bonus-bank p{font-size:10px}.jp-bonus-bank small{font-size:8px}.jp-controller-area{padding:12px 10px;margin-top:7px}.jp-own-heading h2{font-size:18px}.jp-own-heading h2 small{font-size:12px}.jp-own-heading>span{font-size:11px}.jp-own-heading>span img{width:27px;height:31px}.jp-modes{gap:6px;margin-top:9px}.jp-modes button{font-size:15px}.jp-action-help{font-size:12px;line-height:1.6}.jp-hand{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:50px}.jp-hand .jp-card{height:119px;border-width:2px}.jp-hand .jp-card-label{font-size:10px;padding:3px}.jp-hand .jp-card-foot{font-size:7px}.jp-preview{padding:11px;margin-top:14px}.jp-preview h3{font-size:18px}.jp-take-detail,.jp-sale-detail{grid-template-columns:100px minmax(0,1fr);gap:12px}.jp-large{width:100px;height:148px}.jp-large .jp-card-label{font-size:12px}.jp-preview p{font-size:12px;line-height:1.65}.jp-exchange-pair{gap:8px}.jp-exchange-pair>div{padding:7px}.jp-exchange-pair h4{font-size:15px}.jp-exchange-pair .jp-card{width:48px;height:70px;border-width:2px}.jp-stepper{gap:9px;font-size:13px}.jp-stepper button{width:42px;min-height:42px}.jp-confirm-bar{padding:8px 2px;gap:6px}.jp-confirm-bar button{padding:10px;font-size:13px}.jp-confirm-bar #jp-confirm{min-width:120px}.jp-results{padding:12px 8px}.jp-results h2{font-size:21px}.jp-results table{min-width:310px}.jp-results th,.jp-results td{padding:7px 4px;font-size:14px}.jp-results th small{font-size:8px}.jp-last-action{font-size:12px}.jp-help,.jp-history{font-size:12px;line-height:1.7}}@media(prefers-reduced-motion:reduce){.jp-root *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.jp-confirm-ready{position:fixed;left:50%;transform:translate(-50%);bottom:calc(8px + env(safe-area-inset-bottom));width:min(360px,calc(100vw - 36px));box-shadow:0 4px 24px #26254540;border:1px solid #c5ac76;border-radius:8px}.jp-preview.jp-has-confirm{padding-bottom:88px}#jp-sort-hand{font-size:12px;padding:8px 12px;min-height:40px;margin-bottom:10px;background:#fff4dc;color:#31304b;border:1px solid #9a7e57;border-radius:5px}#jp-sort-hand[aria-pressed=true]{background:#146d6b;color:#fff}.jp-root button{scroll-margin-block:100px}.jp-bank{max-width:1100px;margin:12px auto;background:#fff5dfba;border:1px solid #bd965366;border-radius:12px;padding:8px}.jp-bank .jp-prices{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:0}.jp-bank .jp-price{display:flex;flex-direction:column;align-items:center;border:0;border-bottom:2px solid var(--jp-color);border-radius:8px 8px 0 0;padding:5px 0;background:transparent;min-height:104px;line-height:1.5}.jp-bank .jp-price .jp-token{width:clamp(36px,8vw,62px);height:clamp(36px,8vw,62px)}.jp-bank .jp-price .jp-token b{font-size:16px;min-width:20px;min-height:20px}.jp-bank .jp-price small{font-size:12px;white-space:normal}.jp-good-name{font-size:12px;font-weight:700;color:var(--jp-color)}.jp-token-empty{border-radius:50%;background:#e0dfd9;border:2px dashed #999b96;color:#555;font-size:12px}.jp-bank .jp-bonus-bank{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px 0 0;border-top:1px solid #bd965344;margin-top:8px;max-width:none}.jp-bank .jp-bonus-bank>div{justify-content:center;gap:5px}.jp-bank .jp-bonus-bank p,.jp-bank .jp-bonus-bank small{font-size:12px}.jp-bank .jp-bonus-bank .jp-token{width:42px;height:42px}.jp-market-table{grid-template-columns:55px minmax(0,1fr)}.jp-table-herds{max-width:1100px;margin:8px auto;display:flex;justify-content:center;gap:24px;min-height:66px}.jp-table-herds>div{display:flex;align-items:center;gap:12px;font-size:13px;min-width:0}.jp-table-herds small{display:block;color:#655849;font-size:12px}.jp-herd-stack{display:block;position:relative;width:88px;height:76px;flex:none}.jp-herd-stack .jp-card{position:absolute;width:51px;height:70px;left:0;top:0;transform:rotate(-6deg)}.jp-herd-stack .jp-card:nth-child(2){left:12px;top:2px;transform:rotate(0)}.jp-herd-stack .jp-card:nth-child(3){left:24px;top:4px;transform:rotate(6deg)}.jp-herd-stack .jp-card-label,.jp-herd-stack .jp-card-foot{display:none}.jp-opponent-herd .jp-herd-stack{width:68px;height:52px}.jp-opponent-herd .jp-card{width:35px;height:48px}.jp-herd-empty{display:grid;place-items:center;border:1px dashed #b19b78;border-radius:7px;background:#fff3d2;color:#6a5c4b}.jp-own-herd [data-herd-player]>span:last-child>b{background:#116b6d;color:#fff4d9;border-radius:20px;padding:2px 9px;margin-left:4px}.jp-stepper button{box-sizing:border-box;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px;aspect-ratio:1;padding:0;border-radius:50%;display:grid;place-items:center;line-height:1}.jp-stepper button:disabled{background:#e0e1d9;border-color:#ccc;opacity:.65}.jp-camel-return>b{border-radius:12px;background:#116b6d;color:#fff;padding:3px 7px}.jp-result-dialog{width:min(690px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:3px double #a37930;border-radius:16px;background:#fff7e5;color:#25294b;box-shadow:0 15px 80px #24182d66;overscroll-behavior:contain}.jp-result-dialog::backdrop{background:#142e38bf;backdrop-filter:blur(3px)}.jp-result-paper{padding:24px;text-align:center}.jp-result-eyebrow{font-size:12px;letter-spacing:.15em;color:#866527}.jp-result-paper h2{font-size:25px;color:#9c304b;margin:8px 0}.jp-count-label{min-height:26px;font-size:14px;color:#175e62}.jp-result-portraits{display:grid;grid-template-columns:1fr 1fr;gap:12px}.jp-result-portraits>div{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.jp-result-portraits strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jp-result-portraits .profile-avatar{width:36px;height:36px;flex:none}.jp-result-dialog table{border-collapse:collapse;width:100%;font-size:14px;table-layout:fixed}.jp-result-dialog td,.jp-result-dialog th{padding:12px 4px;border-bottom:1px solid #cebd98;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.jp-result-dialog td{font-size:23px}.jp-result-dialog th:first-child{width:32%}.jp-result-dialog thead{background:#116b6d;color:#fff5df}.jp-result-verdict{font-weight:700;font-size:19px;color:#9c304b}.jp-result-verdict small{display:block;font-size:12px;font-weight:400;color:#5f5360;margin-top:8px}.jp-token-breakdown{font-size:12px;text-align:left;line-height:1.8}.jp-result-actions{display:flex;justify-content:center}.jp-result-actions button{min-height:48px;min-width:140px;padding:10px 18px;background:#116b6d;color:#fff;border:1px solid #116b6d;border-radius:8px;font:inherit;cursor:pointer}.jp-result-dialog [hidden]{display:none}.jp-result-dialog button:focus-visible{outline:3px solid #a32450;outline-offset:3px}@media(max-width:680px){.jp-market-table{grid-template-columns:25px minmax(0,1fr);padding:14px 7px;gap:7px}.jp-market .jp-card{height:140px}.jp-bank{padding:5px 2px}.jp-bank .jp-price{min-height:104px}.jp-bank .jp-bonus-bank>div{flex-direction:column;gap:0}.jp-bank .jp-bonus-bank p{font-size:12px;text-align:center}.jp-bank .jp-bonus-bank small{font-size:11px}.jp-result-paper{padding:16px 10px}.jp-results table{min-width:0;table-layout:fixed}.jp-results th,.jp-results td{overflow-wrap:anywhere;font-size:12px}.jp-results th small{font-size:11px}}.jp-public-player{border:2px solid #b9986555;border-top:2px solid #b9986555;padding:8px}.jp-public-player.jp-current{border:2px solid #116b6d;box-shadow:0 0 0 2px #116b6d33}.jp-player-name{flex-wrap:nowrap}.jp-player-name h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.jp-player-name .profile-avatar{width:30px;height:30px}.jp-player-stash{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:36px;margin-top:5px}.jp-player-stash p{max-width:none;width:auto;font-size:11px;line-height:1.4;margin:0;white-space:nowrap}.jp-player-stash .jp-seals{width:auto;justify-content:flex-end;height:auto;gap:3px;font-size:12px;white-space:nowrap}.jp-seals img{width:22px;height:22px}.jp-handbacks{padding-right:0;min-height:32px}.jp-table-herds{min-height:46px;margin:6px auto}.jp-table-herds>div{gap:10px;min-width:0}.jp-table-herds>div>span:last-child{min-width:0;overflow-wrap:anywhere}.jp-table-herds .jp-herd-stack{--herd-step: 12px;width:calc(36px + (var(--herd-size) - 1) * var(--herd-step));height:44px}.jp-table-herds .jp-herd-stack .jp-card{left:calc(var(--herd-index) * var(--herd-step));top:0;width:36px;height:44px;transform:none;border-width:2px}.jp-herd-overflow{position:absolute;right:-3px;bottom:-2px;background:#116b6d;color:#fff;border:1px solid #fff1ce;border-radius:8px;padding:1px 4px;font-size:12px;z-index:2}.jp-own-herd [data-herd-player]>span:last-child>b{padding:1px 6px}.jp-market .jp-card-foot{display:none}.jp-token-stack{display:inline-flex;align-items:center;flex-wrap:nowrap;vertical-align:middle}.jp-token-stack>span{display:inline-flex;flex:none}.jp-display .jp-bank .jp-prices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.jp-display .jp-price{padding:8px;min-height:108px;overflow:hidden}.jp-display .jp-token-stack{width:100%;overflow-x:auto;overflow-y:hidden;min-height:50px;justify-content:flex-start;padding-block:2px}.jp-display .jp-token-stack>span{flex:0 0 26px;width:26px}.jp-display .jp-token-stack>span:last-child{flex-basis:44px}.jp-display .jp-price .jp-token{width:44px;height:44px}.jp-own-heading{align-items:center;gap:6px}.jp-own-heading h2{font-size:17px;min-width:0;line-height:1.4}.jp-own-heading h2 small{font-size:12px;display:block}.jp-own-heading .jp-modes{flex:none;display:flex;gap:4px;margin:0}.jp-own-heading .jp-modes button{width:46px;min-width:44px;min-height:44px;padding:5px;font-size:13px;border-radius:5px}@media(max-width:680px){.jp-player-name h2{font-size:12px}.jp-player-stash{gap:4px;grid-template-columns:minmax(0,1fr) auto auto}.jp-player-stash p{font-size:10px}.jp-player-stash .jp-seals{gap:1px;font-size:10px}.jp-player-stash .jp-seals img{width:16px;height:16px}.jp-handbacks .jp-card{width:17px;height:26px;margin-right:-13px}.jp-handbacks>span:last-child:not(.jp-card){font-size:10px;margin-left:2px}.jp-table-herds{font-size:12px}.jp-table-herds>div{font-size:12px;gap:6px}.jp-market-table{grid-template-columns:minmax(0,1fr);padding:12px 8px}.jp-market-table .jp-deck{display:none}.jp-market .jp-card{height:135px}.jp-market .jp-card-label b{display:none}.jp-own-heading h2{font-size:16px}}.jp-player-stash .jp-handbacks{overflow:hidden;padding-right:25px}.jp-player-stash .jp-handbacks>span:last-child:not(.jp-card){position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1;min-width:22px;padding-left:3px;margin:0;background:#fff3d8;font-size:11px}.jp-herd-empty>span{font-size:11px;white-space:nowrap}@media(max-width:680px){.jp-player-stash .jp-handbacks .jp-card{width:13px;height:22px;margin-right:-11px}}.jp-table-herds{display:block;max-width:1100px;margin:8px auto}.jp-seat-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:center;padding:8px 10px;border:2px solid #b9986555;background:#fff3d8a8;min-width:0}.jp-seat-strip.jp-current{border-color:#116b6d;background:#fff7e8;box-shadow:0 0 0 2px #116b6d33}.jp-seat-strip.jp-seat-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.jp-seat-strip .jp-public-player{width:100%;padding:0;border:0;background:transparent;box-shadow:none;min-width:0}.jp-seat-strip [data-herd-player]{width:100%;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;font-size:11px}.jp-seat-strip [data-herd-player]>span:last-child{font-size:11px;max-width:168px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jp-seat-strip .jp-player-name small{font-size:11px}.jp-seat-bottom .jp-public-player{justify-self:end;width:100%;max-width:none}.jp-seat-top .jp-public-player{max-width:none}.jp-controller .jp-seat-bottom{padding-block:12px;min-height:92px}.jp-controller .jp-seat-bottom .jp-player-name .profile-avatar{width:38px;height:38px}.jp-market-table{border-radius:10px}.jp-price .jp-remaining{order:0}.jp-price .jp-token-stack,.jp-price>.jp-token{order:1}.jp-price .jp-good-name{order:2}.jp-price .jp-minimum{order:3}.jp-display .jp-price .jp-token-stack,.jp-display .jp-price>.jp-token{order:0}.jp-display .jp-price .jp-good-name{order:1}.jp-display .jp-price .jp-remaining{order:2}.jp-display .jp-price .jp-minimum{order:3}.jp-results tr.jp-winner{outline:2px solid #ae7f19;outline-offset:-2px;background:#ffedbb}.jp-results th .profile-avatar{width:28px;height:28px;vertical-align:middle;margin:0 5px}.jp-crown{display:inline-block;vertical-align:middle;flex:none}.jp-result-portraits>div{position:relative;border:2px solid transparent;border-radius:10px;padding:10px 5px}.jp-result-portraits>div>span{min-width:0}.jp-result-portraits strong{display:block}.jp-result-portraits small,.jp-result-dialog th small{display:block;font-size:11px;font-weight:400}.jp-result-portraits .jp-crown{position:absolute;top:-12px;left:50%;transform:translate(-50%)}.jp-result-dialog:not([data-stage=final]) .jp-crown{visibility:hidden}.jp-result-dialog[data-stage=final] .jp-result-portraits>.jp-winner{border-color:#ae7f19;background:#ffedbb}.jp-result-dialog[data-stage=final] tr.jp-winner{outline:2px solid #ae7f19;outline-offset:-2px;background:#fff0c9}@media(max-width:680px){.jp-market-table{border-radius:8px}.jp-seat-strip{gap:8px;padding:7px}.jp-seat-strip .jp-player-name{gap:5px}.jp-seat-strip .jp-player-name h2{font-size:12px}.jp-seat-strip .jp-player-name small{font-size:10px}.jp-seat-strip .jp-player-stash{gap:3px}.jp-controller .jp-seat-bottom .jp-player-name h2{font-size:14px}.jp-bank .jp-price{border-bottom-width:8px}.jp-bank .jp-price .jp-minimum{font-size:10px;line-height:1.4;margin-top:2px}.jp-bank .jp-price .jp-remaining{font-size:12px}}.jp-seat-strip .jp-player-name{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.jp-seat-strip .jp-player-name .profile-avatar{width:32px;height:32px;flex:0 0 32px;min-width:0}.jp-controller .jp-seat-bottom .jp-player-name .profile-avatar{width:40px;height:40px;flex-basis:40px}.jp-seat-strip .jp-identity-copy{flex:1;min-width:0}.jp-seat-strip .jp-player-name h2{margin:0;font-size:14px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jp-controller .jp-seat-bottom .jp-player-name h2{font-size:15px}.jp-seat-meta{display:flex;align-items:center;flex-wrap:wrap;gap:2px 8px;margin-top:2px}.jp-seat-strip .jp-seat-meta small{font-size:10px;line-height:1.4;color:#625951}.jp-seat-connection{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.jp-seat-connection i{width:5px;height:5px;background:#a54c4c;border-radius:50%}.jp-seat-connection[data-online=true] i{background:#268c70}.jp-seat-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:6px;padding:4px 2px;background:#fff9eabf;border:1px solid #cbb58b88;border-radius:6px;font-variant-numeric:tabular-nums}.jp-seat-stat,.jp-seat-stats .jp-handbacks{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:32px;padding:0 1px;position:static;overflow:visible;background:transparent;border:0;border-radius:0;gap:2px}.jp-seat-stat+.jp-seat-stat{border-left:1px solid #cbb58b66}.jp-seat-stat>small,.jp-seat-stat .jp-stat-label small{font-size:9px;line-height:1.3;font-weight:400;color:#695b50}.jp-seat-stat>b{display:flex;align-items:center;justify-content:center;gap:1px;font-size:12px;line-height:1.3;color:#25294b;white-space:nowrap}.jp-seat-wins>b{color:#815b1c}.jp-seat-wins img{width:10px;height:10px;flex:none;object-fit:contain}.jp-stat-label{display:flex;align-items:center;justify-content:center;gap:4px}.jp-stat-art{display:block;width:10px;height:14px;flex:none}.jp-seat-strip .jp-seat-stats .jp-handbacks .jp-card{width:10px;height:14px;margin:0;transform:none;border-width:1px;border-radius:2px;box-shadow:none}.jp-seat-strip [data-herd-player]>span:last-child{max-width:none;font-size:11px}.jp-card{transition:opacity .16s ease}.jp-controller.jp-waiting .jp-card{opacity:.55}@media(max-width:360px){.jp-table-herds .jp-herd-stack{--herd-step: 9px}}body.wonders-theme{background:#183b3d;color:#f5edcb}body.wonders-theme:before{background:radial-gradient(ellipse at 45% 0,#48696766,transparent 60%),linear-gradient(120deg,#123235,#284b48);opacity:1}.wonders-theme .game-header{border-color:#b99a5655}.wonders-theme .brand,.wonders-theme a{color:#f1dda6}.wonders-theme main{max-width:1700px}.wd-root{--wd-gold: #d5b568;--wd-ink: #172e33;--wd-paper: #f3e8c7;color:#f5edcb;padding:0 12px 24px}.wd-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.wd-heading h1{font-family:Georgia,serif;font-size:clamp(24px,3vw,38px);margin:0;line-height:1.15;color:#edd5a1}.wd-heading h1 em{font-weight:400;font-size:.8em}.wd-heading p{margin:8px 0;color:#fff4cd;font-size:18px}.wd-military{padding:20px 24px 8px;background:linear-gradient(#1f3f4cb0,#162b38d9),url(/art/seven-wonders-duel/military.webp) center/cover;border:1px solid #c8a15c88;border-radius:40px 40px 8px 8px;max-width:1050px;margin:auto}.wd-track{display:flex;position:relative;align-items:center;justify-content:space-between;height:48px}.wd-track>span:not(.wd-pawn){width:4.5%;height:38px;border:1px solid #c8ab72a0;border-radius:50%;color:#ebdab7;text-align:center;padding-top:5px}.wd-track .wd-neutral{background:#ceae5d66}.wd-pawn{position:absolute;left:var(--position);transform:translate(-50%);color:#ff8b70;font-size:52px;line-height:1;text-shadow:0 3px 3px #000;pointer-events:none}.wd-military-label{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:#e2d4b2}.wd-loot{margin:0 6px;background:#6c2726;border:1px solid #b47c55;padding:2px 6px;border-radius:3px}.wd-used{text-decoration:line-through;opacity:.35}.wd-progress{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:12px 0 16px;min-height:42px}.wd-token{position:relative;max-width:180px;font-size:12px}.wd-token summary{cursor:pointer;display:flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid #d4bf79;border-radius:28px;background:#245f4e}.wd-token summary span{border-radius:50%;border:2px solid #d4bf79;width:30px;height:30px;display:grid;place-items:center;background:#bdd29a;color:#17382b;font-weight:700}.wd-token p{padding:12px;background:#173d36;border:1px solid #c6ac64;position:absolute;z-index:40;min-width:190px}.wd-table{display:grid;grid-template-columns:minmax(180px,1fr) minmax(360px,2.15fr) minmax(180px,1fr);gap:18px;align-items:start}.wd-city{background:#122d32aa;border:1px solid #bda46b55;padding:12px;min-width:0}.wd-city h2{font-size:17px;display:flex;justify-content:space-between;gap:8px;margin:0}.wd-city h2 b{color:#f2cc69;white-space:nowrap}.wd-city-label{font-size:11px;margin:5px 0;color:#d3d8c1}.wd-production{display:flex;flex-wrap:wrap;gap:6px;font-size:20px;min-height:28px}.wd-resource{display:inline-block;font-size:15px;border-radius:50%;padding:0 3px;color:#fff;background:#4b6659;text-shadow:0 1px #000;min-width:19px;text-align:center}.wd-clay{background:#ab5137}.wd-stone{background:#687781}.wd-glass{background:#298a9c}.wd-papyrus{background:#ac9665}.wd-resource.wd-wood{background:#517344}.wd-city-wonders{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.wd-root button{touch-action:manipulation;font:inherit}.wd-root button:focus-visible,.wd-root summary:focus-visible{outline:3px solid #b4ebff;outline-offset:3px}.wd-wonder,.wd-city-cards button,.wd-slot,.wd-draft button{padding:0;border:0;background:transparent;color:inherit;min-width:0;cursor:pointer;border-radius:5px}.wd-face{display:flex;flex-direction:column;position:relative;border-radius:4px;overflow:hidden;background:var(--wd-paper);color:#253536;border:2px solid #c5b990;box-shadow:0 2px 5px #0007;isolation:isolate}.wd-face img{width:100%;height:68px;object-fit:cover;display:block}.wd-card-top{background:var(--card-color, #896b35);color:#fff;min-height:26px;display:flex;align-items:center;justify-content:space-around;gap:1px;padding:2px;font-size:16px;line-height:1.15;text-shadow:0 1px #000}.wd-card-name{font-size:10px;line-height:1.25;min-height:24px;display:grid;place-items:center;padding:3px;background:#eee1b9}.wd-card-cost{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;padding:3px;background:#efe6cc;min-height:21px;font-size:9px}.wd-brown{--card-color: #855334}.wd-grey{--card-color: #6c7479}.wd-blue{--card-color: #197eac}.wd-green{--card-color: #248056}.wd-yellow{--card-color: #a97410}.wd-red{--card-color: #9d3533}.wd-purple{--card-color: #71518a}.wd-wonder{font-size:10px!important}.wd-wonder strong{display:block;padding:4px;color:#d4c39d;font-size:10px}.wd-built .wd-face{border-color:#d2bb69}.wd-built strong{color:#f8d476}.wd-removed{opacity:.4}.wd-city-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:8px 0}.wd-city-cards .wd-face img{height:45px}.wd-city-cards .wd-card-cost{display:none}.wd-city-cards .wd-card-name{font-size:9px}.wd-city summary{font-size:13px;cursor:pointer;padding:8px 0}.wd-owned-token{font-size:12px}.wd-center{min-width:0}.wd-layout{position:relative;--cw: 14.6%;--ch: 146px;--step: 60px;height:calc((var(--rows) - 1) * var(--step) + var(--ch));margin:10px 0 4px}.wd-slot{position:absolute;left:calc(50% + var(--x) * 16.3% - var(--cw) / 2);top:calc(var(--y) * var(--step));width:var(--cw);height:var(--ch);z-index:calc(var(--y) + 1);text-align:center}.wd-slot .wd-face{height:100%}.wd-slot .wd-face img{height:80px;min-height:0;flex:1}.wd-slot .wd-card-name{min-height:25px}.wd-slot .wd-card-cost{font-size:9px}.wd-slot .wd-card-cost span[title]{display:none}.wd-slot .wd-card-cost .wd-resource{font-size:12px;min-width:16px;padding:0 2px}.wd-accessible .wd-face{border-color:#e7c772;box-shadow:0 0 0 1px #e7c772,0 3px 8px #0008}.wd-selected{outline:3px solid #b4ebff;outline-offset:3px;border-radius:4px}.wd-back{background:repeating-linear-gradient(45deg,#2b6668,#2b6668 5px,#225454 5px,#225454 10px);border:3px solid #b8a268!important;opacity:1!important;cursor:default!important;box-shadow:0 2px 6px #0008}.wd-back-art{font:30px Georgia;color:#dac382;display:grid;place-items:center;height:100%;border:1px solid #c5b575;margin:4px;max-height:calc(100% - 8px)}.wd-age-1 .wd-back{background-color:#8c633b}.wd-age-3 .wd-back{background-color:#664f76}.wd-board-help{font-size:12px;text-align:center;color:#d3d8c1}.wd-draft{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wd-draft .wd-face img{height:130px}.wd-draft button>span:last-child:not(.wd-face){font-size:12px;display:block;padding:7px}.wd-decision{border:1px solid #d7b45f;padding:16px;background:#284d48}.wd-decision h2{font-size:20px;margin-top:0}.wd-decision button{padding:10px 14px;margin:5px;min-height:48px;max-width:180px;background:#ecdfbb;color:#173d37;border:2px solid #c7aa6c}.wd-decision small{display:block;font-size:12px}.wd-discard,.wd-help{margin-top:14px;font-size:13px}.wd-discard summary,.wd-help summary{cursor:pointer;padding:10px}.wd-discard .wd-city-cards{grid-template-columns:repeat(5,1fr)}.wd-detail:not(:empty){position:relative;background:#f3e8c7;color:#1e3c3d;border:2px solid #c6a761;padding:18px;margin:20px auto;max-width:850px;box-shadow:0 12px 30px #0004}.wd-detail-card{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:start}.wd-detail-card h2{margin-top:0;font-size:24px}.wd-detail-card p{font-size:15px}.wd-large{max-width:200px}.wd-large img{height:130px}.wd-large .wd-card-name{font-size:14px}.wd-large .wd-card-cost{font-size:12px}.wd-close{position:absolute;right:7px;top:3px;font-size:28px!important;z-index:2;border:0;background:none;color:#173e3b;min-width:40px;min-height:40px}.wd-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.wd-options button,.wd-confirm-bar button,#wd-pick-confirm,#wd-restart{padding:12px 17px;min-height:48px;border:1px solid #b8994e;background:#234f49;color:#fff3d5;border-radius:5px}.wd-options button[aria-pressed=true]{background:#b17b28;outline:2px solid #64451f}.wd-confirm-bar{display:flex;justify-content:center;padding:12px 0}.wd-confirm-bar button{font-weight:700;min-width:220px}.wd-root button:disabled{cursor:default;filter:saturate(.6);opacity:.55}.wd-quote p{margin:8px 0;font-size:14px}.wd-result{padding:20px;background:#e7d6a8;color:#193e3d;text-align:center;border:3px double #997c3f;margin-bottom:18px}.wd-result h2{font-size:25px;margin-top:0}.wd-score-scroll{overflow:auto;margin-bottom:12px}.wd-result table{width:100%;border-collapse:collapse;min-width:570px}.wd-result th,.wd-result td{padding:8px;border-bottom:1px solid #a18c5b;font-size:14px}.wd-result thead{background:#224a44;color:#f7edca}@media(min-width:1150px){.wd-layout{--ch: 165px;--step: 65px}.wd-city-wonders .wd-face img{height:85px}.wd-slot .wd-card-name{font-size:12px}.wd-slot .wd-card-top{font-size:20px}.wd-city-cards .wd-card-name{font-size:10px}}@media(max-width:850px){.wd-table{grid-template-columns:1fr 1fr;gap:12px}.wd-center{grid-column:1/-1;grid-row:1;max-width:600px;width:100%;margin:auto}.wd-city{grid-row:2}.wd-city-cards{grid-template-columns:repeat(3,1fr)}.wd-military{padding:15px 14px 8px}.wd-heading p{font-size:15px}.wd-token summary{font-size:11px}.wd-loot{margin:0 2px;padding:2px}.wd-military-label{font-size:10px}.wd-progress{gap:6px}.wd-heading .room-code{font-size:15px}}@media(max-width:520px){.wd-root{padding:0 0 20px}.wd-heading h1{font-size:25px}.wd-heading p{font-size:14px}.wd-track{height:35px}.wd-track>span:not(.wd-pawn){height:25px;font-size:10px}.wd-pawn{font-size:39px}.wd-progress{justify-content:flex-start;gap:5px}.wd-token summary{padding:2px 6px;font-size:10px}.wd-token summary span{width:23px;height:23px}.wd-layout{--ch: 123px;--step: 47px}.wd-slot .wd-card-name{font-size:8px;min-height:20px;padding:2px}.wd-slot .wd-card-cost{padding:2px 0;gap:0}.wd-slot .wd-card-cost .wd-resource{font-size:10px;min-width:12px;padding:0}.wd-slot .wd-card-top{font-size:13px;min-height:24px}.wd-slot .wd-card-top .wd-resource{font-size:11px;min-width:12px}.wd-city{padding:8px}.wd-city h2{font-size:13px;flex-wrap:wrap}.wd-city-wonders{gap:5px}.wd-city .wd-face img{height:47px}.wd-city .wd-card-name{font-size:8px}.wd-city .wd-card-cost{display:none}.wd-city-cards{grid-template-columns:1fr 1fr}.wd-production{font-size:16px}.wd-draft{gap:8px}.wd-draft .wd-face img{height:105px}.wd-detail:not(:empty){padding:14px 10px;margin-top:12px}.wd-detail-card{grid-template-columns:110px 1fr;gap:12px}.wd-detail-card h2{font-size:19px;padding-right:20px}.wd-detail-card p{font-size:13px}.wd-large img{height:95px}.wd-options button{font-size:13px;padding:10px}.wd-confirm-bar{position:sticky;bottom:8px;background:#e5d8b4ed;box-shadow:0 -3px 12px #3d352533;z-index:10;padding:8px}.wd-quote p{font-size:13px}.wd-decision{padding:12px}.wd-heading{gap:8px}.wd-military-label>span:nth-child(2){white-space:nowrap}.wd-city details p{font-size:11px}.wd-draft button>span:last-child:not(.wd-face){font-size:11px}}@media(prefers-reduced-motion:reduce){.wd-root *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.wd-token summary img{object-fit:contain;flex:none;width:34px;height:34px}.wd-pawn img{height:64px;width:48px;object-fit:contain;display:block;filter:drop-shadow(0 3px 3px #0008)}.wd-slot.wd-back{background:var(--back) center/100% 100%;border-color:#c6b37f!important}.wd-back-art{border:0;font-size:26px;text-shadow:0 2px 4px #000}.wd-back-art{align-items:end;padding-bottom:10px}.wd-resource-legend{font-size:10px;color:#e4dbb8;text-align:center;display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:wrap;margin:8px 0}.wd-detail .wd-options{justify-content:center}.wd-decision button img{display:block;margin:auto;object-fit:contain}.wd-flight .wd-face{height:100%}.wd-center .wd-detail-card{grid-template-columns:120px 1fr;gap:12px}.wd-center .wd-detail-card h2{font-size:20px}.wd-center .wd-detail-card p{font-size:13px}.wd-center .wd-large{width:150px}.wd-center .wd-detail-card .wd-large{width:120px}.wd-root .wd-detail button:disabled{opacity:.65}.wd-center .wd-confirm-bar{position:sticky;bottom:10px;background:#e5d8b4f5;z-index:10}@media(max-width:520px){.wd-pawn img{height:42px;width:30px}.wd-token summary img{height:26px;width:26px}.wd-progress{min-height:32px}.wd-center .wd-detail-card{grid-template-columns:105px 1fr}.wd-center .wd-detail-card .wd-large{width:105px}.wd-center .wd-detail-card h2{font-size:18px}.wd-resource-legend{font-size:9px}}.wd-loading{min-height:50vh;display:grid;place-items:center;font-size:18px;color:#f1dda6}.wd-root{font-variant-numeric:tabular-nums;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.wd-heading h1,.wd-result h2{text-wrap:balance}.wd-city h2>span{min-width:0;overflow-wrap:anywhere}.wd-city-cards{content-visibility:auto;contain-intrinsic-size:auto 180px}.wd-root button{--webkit-tap-highlight-color: #d5b56844}.wd-root button:not(:disabled):hover{filter:brightness(1.1)}.wd-detail{scroll-margin-bottom:90px}.wd-confirm-bar{bottom:calc(8px + env(safe-area-inset-bottom))!important}.wonders-theme{color-scheme:dark}.wd-detail,.wd-result{color-scheme:light}.wd-coin{display:inline-block;vertical-align:middle;object-fit:contain}.wd-loot{display:inline-flex;align-items:center;vertical-align:middle}.wd-loot img{object-fit:contain}.wd-root button{-webkit-tap-highlight-color:#d5b56844}@media(max-width:520px){.wd-loot img{width:15px;height:15px}.wd-loot{font-size:9px}}.wd-flex-resource{font-size:12px;display:inline-flex;align-items:center;gap:1px;flex-wrap:wrap}body.calico-theme{background:#e6e5db;color:#293d45;background-image:url(/art/calico/cloth.webp);color-scheme:light}.calico-surface{max-width:1600px;padding:16px 24px 100px;color:#293d45}.calico-surface .game-header{border-color:#8fa0a2}.calico-surface .brand{color:#294d63}.calico-surface button{background:#365b6e;color:#fff;border:1px solid #365b6e;min-height:44px;border-radius:6px;font:inherit;padding:10px 16px;touch-action:manipulation}.calico-surface button:disabled{cursor:default;opacity:.55}.calico-surface button:focus-visible,.calico-surface summary:focus-visible{outline:3px solid #bd416a;outline-offset:4px}.calico-surface button:not(:disabled):hover{filter:brightness(1.08)}.calico-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 18px}.calico-heading h1{font-family:Georgia,serif;font-size:38px;letter-spacing:-1px;margin:0;color:#244359}.calico-heading h1 span{font-family:inherit;font-size:18px;letter-spacing:0;font-weight:400;margin-left:12px}.calico-heading p{margin:4px 0;font-size:14px}.calico-heading .room-code{background:#edf0e7;color:#294d63}.calico-defs{position:absolute;pointer-events:none}.calico-table{display:flex;flex-direction:column;gap:18px}.sewing-tray{display:grid;grid-template-columns:minmax(280px,1fr) minmax(400px,1.5fr);gap:20px;align-items:start;background:#f4f3eb;border:1px solid #aab5b2;border-radius:10px;padding:16px;box-shadow:0 3px #c0c8c2}.market-tray h2{font-size:18px;margin:0 0 10px}.market-tray h2 small{font-size:12px;font-weight:400;margin-left:12px}.market-tray p{font-size:12px;line-height:1.6;margin-bottom:0}.calico-market,.calico-hand{display:flex;justify-content:center;gap:14px}.calico-market>button,.calico-hand>button{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px solid transparent;background:transparent;color:#293d45;min-width:0;flex:1;padding:2px 4px 8px;border-radius:8px}.calico-market>button:disabled,.calico-hand>button:disabled{opacity:1}.calico-market>button span:not(.fabric):not(.fabric-code),.calico-hand>button span:not(.fabric):not(.fabric-code){font-size:12px}.calico-surface [aria-pressed=true]{border-color:#b33968!important;box-shadow:0 0 0 2px #f1c7d5}.fabric{position:relative;display:block;width:76px;height:84px;background-color:var(--patch);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);overflow:hidden;isolation:isolate}.fabric:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;clip-path:inherit;background:transparent;border:1px dashed #ffffff85;pointer-events:none}.fabric svg{width:100%;height:100%;fill:#fff9df;stroke:#fff9df;opacity:.72}.fabric-code{position:absolute;right:18%;bottom:8%;font-size:10px;line-height:1.3;background:#fffbe9;color:#182d37;border-radius:3px;padding:0 3px;font-weight:700;z-index:1}.fabric-small{width:42px;height:48px}.fabric-small .fabric-code{font-size:8px}.cat-contracts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cat-contract{background:#e8ecdf;border:1px dashed #789288;border-radius:7px;overflow:hidden}.cat-contract summary{display:flex;align-items:center;flex-direction:column;cursor:pointer;padding:6px;text-align:center}.cat-contract summary img{width:110px;max-width:100%;height:74px;object-fit:contain}.cat-contract summary span{font-size:14px}.cat-contract summary strong{display:block;font-size:12px;color:#305363}.cat-requirement{display:flex;align-items:center;flex-direction:column;padding:6px 10px;font-size:12px;border-top:1px dashed #8ba295}.cat-size{font:30px Georgia,serif}.cat-shape{width:110px;height:64px;fill:#fdf9e8;stroke:#34555e;stroke-width:1.2}.cat-patterns{display:flex;gap:12px;margin-top:8px;text-align:center}.cat-patterns small{display:block;font-size:11px}.cat-requirement p{line-height:1.6;margin:8px 0 0}.quilt-players{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.quilt-player{min-width:0;background:#f5f2e8b3;padding:14px;border-radius:10px;border:2px solid #9faea6}.quilt-player.active-quilter{border-color:#537f8b}.quilter-name{display:flex;gap:12px;align-items:center;margin-bottom:8px}.quilter-name .profile-avatar{width:38px;height:38px;flex-basis:38px}.quilter-name h2{font-size:18px;margin:0;overflow-wrap:anywhere}.quilter-name p{font-size:12px;margin:3px 0}.quilter-name small{font-size:12px;color:#416a77}.quilt{position:relative;width:100%;aspect-ratio:400/480;border-radius:10px;background:#e5e3cf url(/art/calico/cloth.webp);box-shadow:inset 0 0 0 5px #47677c,inset 0 0 0 8px #e5e7d5,0 4px 9px #2e49482b;overflow:hidden}.quilt-stitch{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px dashed #47677c;pointer-events:none}.quilt-cell{position:absolute;width:17.5%;height:12.63%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.calico-surface button.quilt-cell{padding:1px;border:none;background:#f7f1df;color:#596e6f;min-height:0;border-radius:0;overflow:visible}.calico-surface button.quilt-cell:disabled{opacity:1}.quilt-cell .fabric{width:100%;height:100%}.printed{filter:saturate(.8)}.printed .fabric{opacity:.85}.patch-cell:not(.placed):not(.preview){background:#faf5e6;background-image:linear-gradient(30deg,#e1d8bd33 12%,transparent 12%)}.patch-cell:not(.placed):after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;clip-path:inherit;box-shadow:inset 0 0 0 1px #71807b44}.empty-stitch{font-size:16px;color:#607b73}.calico-surface button.preview{background:#b33968;box-shadow:inset 0 0 0 4px #b33968}.preview .fabric{opacity:.65}.goal-cell{background:#e8d6af;color:#354e56;display:flex;flex-direction:column;gap:4px;box-shadow:inset 0 0 12px #887c5860}.goal-letter{font-family:Georgia,serif;font-weight:700;font-size:clamp(9px,1.3vw,20px);text-align:center}.goal-values{font-size:12px}.goal-values b{color:#7d3970}.award-cat{position:absolute;width:56%;height:58%;object-fit:contain;left:25%;top:23%;z-index:3;filter:drop-shadow(0 2px 2px #1d303966)}.award-button{position:absolute;width:30%;height:30%;object-fit:contain;left:8%;bottom:8%;z-index:4}.public-hand{display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px;margin-top:10px}.score-breakdown{margin-top:12px;border-top:1px dashed #8eaaa1;padding-top:8px}.score-breakdown h3{font-size:14px;margin:0}.score-breakdown h3>b{float:right;font-size:22px;color:#294f62}.score-breakdown summary{font-size:13px;cursor:pointer;margin:10px 0}.score-breakdown ul{padding-left:18px;font-size:13px}.score-breakdown li{margin:6px 0}.score-breakdown li>strong{float:right}.token-line{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.token-line>span{display:flex;align-items:center;font-size:12px}.token-line img{object-fit:contain}#calico-controls{max-width:500px;margin:0 auto 18px;padding:14px 20px;background:#eef0e4;border:1px dashed #69888b;border-radius:10px;scroll-margin-top:12px}.calico-turn h2{font-size:20px;margin:0;color:#244e66}.calico-turn p{font-size:13px;margin:5px 0 12px}.calico-hand>button{flex:0 1 160px}.calico-confirm{position:fixed;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;justify-content:center;z-index:25;background:#f9f6ec;border:2px solid #b33968;box-shadow:0 3px 20px #263f4540;border-radius:10px;padding:8px 12px;max-width:calc(100vw - 20px);white-space:nowrap}.calico-confirm>span{font-size:12px}.calico-confirm button{font-size:14px}.goal-setup{max-width:660px;background:#edf0df;border:1px dashed #71928a;border-radius:10px;padding:18px;margin:0 auto 20px}.goal-setup h2{margin:0;font-size:23px}.goal-setup p{font-size:13px}.goal-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.goal-options button{background:#e8d6af;color:#354e56;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 4px}.goal-options .goal-letter{font-size:16px}.goal-options small{font-size:11px}.setup-wait{text-align:center;padding:16px;border:1px dashed #9ba997}.calico-finish{padding:22px;text-align:center;border:2px dashed #648a83;background:#eef0df;margin-bottom:20px}.calico-finish h2{font-family:Georgia,serif;color:#244e66}@media(min-width:1100px){.calico-table:not(.phone-quilts){display:grid;grid-template-columns:minmax(190px,250px) minmax(0,1fr);align-items:start}.calico-table:not(.phone-quilts) .sewing-tray{grid-template-columns:1fr}.calico-table:not(.phone-quilts) .cat-contracts{grid-template-columns:1fr}.calico-table:not(.phone-quilts) .cat-contract summary{flex-direction:row;justify-content:space-around}.calico-table:not(.phone-quilts) .cat-contract summary img{width:85px;height:65px}.calico-table:not(.phone-quilts) .fabric{width:58px;height:64px}.calico-table:not(.phone-quilts) .quilt .fabric{width:100%;height:100%}}@media(max-width:700px){.calico-surface{padding:8px 12px 110px}.calico-heading{gap:8px}.calico-heading h1{font-size:29px}.calico-heading h1 span{display:none}.calico-heading .room-code{padding:7px 10px;min-height:50px}.calico-heading .room-code strong{font-size:19px}.quilt-players{grid-template-columns:1fr;gap:20px}.sewing-tray{grid-template-columns:1fr;padding:12px;gap:14px}.quilt-player{padding:10px}.quilt .goal-letter{font-size:12px}.quilt .goal-values{font-size:10px}.cat-contract summary img{height:56px}.cat-contract summary b{font-size:12px}.cat-requirement{padding:6px}.cat-patterns{gap:6px}.cat-patterns .fabric{width:30px;height:36px}.goal-options{gap:6px}.goal-options .goal-letter{font-size:12px}.calico-confirm{flex-wrap:wrap;width:calc(100vw - 24px);white-space:normal}.calico-confirm>span{width:100%;text-align:center}.phone-quilts .sewing-tray{order:1}.phone-quilts .quilt-players{order:0}.calico-market .fabric{width:68px;height:76px}.goal-cell{gap:1px}.quilter-name h2{font-size:17px}}@media(prefers-reduced-motion:reduce){.calico-surface *{animation:none!important;scroll-behavior:auto!important}}@media(max-width:700px){.phone-quilts .quilt-players{display:contents}.phone-quilts .quilt-player{order:3}.phone-quilts .quilt-player:first-child{order:0}.phone-quilts .sewing-tray{order:1}}body.calico-theme:before{background:#e6e5db url(/art/calico/cloth.webp)}.calico-heading .room-code strong{color:#294d63}.calico-surface .calico-market>button,.calico-surface .calico-hand>button{background:transparent;color:#293d45;border-color:transparent}.fabric:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/art/calico/cloth.webp);mix-blend-mode:multiply;opacity:.18;pointer-events:none}.goal-cell .goal-letter{white-space:nowrap;font-size:clamp(7px,1.05vw,13px)}@media(max-width:700px){.quilt .goal-letter{font-size:8px;white-space:nowrap}.quilt .goal-values{font-size:9px}}@media(min-width:701px){.public-table .quilt{width:min(100%,max(260px,calc(83.3vh - 341px)));margin:auto}.public-table .quilter-name{margin-bottom:4px}.public-table .quilter-name h2{font-size:16px}.public-table .quilt-player{padding:9px}.public-table .score-breakdown{margin-top:6px;padding-top:5px}.public-table .public-hand{margin-top:4px}.public-table .public-hand .fabric{width:28px;height:32px}.public-table .token-line{gap:8px;margin-top:4px}.public-table .token-line img{max-width:36px;height:28px}}@media(min-width:701px)and (max-width:1099px){.public-table .sewing-tray{padding:10px}.public-table .cat-contract summary img{height:48px}.public-table .calico-market .fabric{width:50px;height:56px}.public-table .market-tray p{font-size:11px}.public-table .market-tray h2{font-size:16px;margin-bottom:4px}.public-table .sewing-tray{gap:12px}.public-table .cat-contracts{gap:8px}.public-table .calico-table{gap:12px}}.quilt{container-type:inline-size}.goal-cell .goal-letter{font-size:8px;font-size:clamp(7px,2.5cqw,12px)}body.calico-theme .connection{color:#365b6e}.calico-surface button.quilt-cell:not(:disabled):focus-visible{outline:0;filter:drop-shadow(0 0 3px #b33968);background:#b33968}.cat-mini-rule{display:flex;align-items:center;justify-content:center;gap:4px;font-size:10px}.cat-mini-rule .cat-shape{width:56px;height:24px}.cat-mini-rule .cat-size{font-size:22px}.cat-mini-patterns{display:flex;gap:6px;margin-top:5px}.cat-mini-patterns .fabric{width:26px;height:29px;--patch: #334854 !important}.cat-mini-patterns .fabric-code{display:none}.cat-patterns .fabric{--patch: #334854 !important}.tile-detail{max-width:500px;margin:0 auto 14px;background:#f3f1e7;border:1px dashed #80978f;padding:8px 14px;border-radius:6px}.tile-detail summary{cursor:pointer;font-size:13px}.tile-detail>.fabric{width:128px;height:112px;margin:12px auto}.tile-detail>strong{display:block;text-align:center;font-size:15px}@media(min-width:1100px){.public-table .cat-contract summary{flex-wrap:wrap}.public-table .cat-mini-rule{width:100%}.public-table .cat-mini-patterns{margin:4px auto}}.calico-score-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:14px}.calico-score-table caption{text-align:left;font-weight:700;padding-bottom:6px}.calico-score-table th,.calico-score-table td{padding:5px 8px;border-bottom:1px dashed #a2b3a8;text-align:right}.calico-score-table th:first-child{text-align:left}.calico-finish label{display:block;max-width:340px;margin:10px auto;font-size:14px}.calico-finish select{display:block;width:100%;padding:8px;color:#294d63;background:#faf7eb;font:inherit;min-height:44px}.goal-cell .goal-different{font-size:20px;line-height:1.1}.goal-cell .goal-values{line-height:1.2}.calico-heading{margin:6px 0 10px}.calico-heading h1{font-size:28px}.calico-heading h1 span{font-size:15px}.calico-heading p{font-size:12px}.calico-market-dock{max-width:900px;margin:0 auto 12px;background:#f4f3eb;border:1px solid #aab5b2;border-radius:10px;padding:10px 16px}.calico-market-dock:empty{display:none}.market-phase{font-size:12px;font-style:normal;color:#345c66;display:block}.calico-market-dock .market-tray h2{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 6px}.calico-market-dock .calico-market{gap:12px}.calico-market-dock .fabric{width:62px;height:64px}.calico-market-dock .calico-market button{padding:0 6px 4px}.calico-market-dock .market-tray p{font-size:11px;line-height:1.4;margin:4px 0 0}.calico-cycle-note{max-width:640px;margin:8px auto;font-size:12px}.sewing-tray{display:flex;flex-direction:column}.quilt-players{width:100%}.calico-count-1 .quilt-players{grid-template-columns:minmax(0,640px);justify-content:center}.calico-count-3 .quilt-players,.calico-count-4 .quilt-players{grid-template-columns:repeat(2,minmax(0,1fr))}.quilt-players.has-expanded{grid-template-columns:minmax(0,760px);justify-content:center}.quilt-players.has-expanded .quilt-player:not(.expanded){display:none}.quilter-name button{margin-left:auto;font-size:11px;padding:6px;min-width:44px}.quilt-awards{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.calico-surface .quilt-award{position:absolute;width:44px;height:44px;padding:0;border:0;background:transparent;pointer-events:auto;transform:translate(-50%,-50%);min-height:44px}.quilt-award img{position:static;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px #253d4577)}.quilt-award.award-slot-0{margin-left:-8px;margin-top:8px;width:34px}.quilt-award.award-slot-1{margin-left:7px;margin-top:-4px}.quilt-award.award-slot-2{margin-top:15px;margin-left:10px;width:30px}.tokens-muted img{opacity:.18}.calico-token-detail{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:45;background:#fff9e9;border:2px solid #365b6e;padding:14px;width:min(440px,calc(100vw - 28px));box-shadow:0 4px 28px #294d6340}.calico-token-detail p{font-size:13px}.calico-room-menu{font-size:12px;position:relative}.calico-room-menu summary{cursor:pointer;min-height:44px;display:flex;align-items:center;padding:0 8px}.calico-room-menu>div{position:absolute;top:100%;left:0;z-index:60;width:245px;padding:16px;background:#fff9e9;color:#294d63;box-shadow:0 5px 28px #294d6340;border:1px solid #7f9696;display:flex;flex-direction:column;gap:12px;align-items:center}.calico-room-menu a{color:#294d63}.calico-room-menu small{font-size:11px}.calico-theme .turn-sound-button.sound-icon-only{width:44px;min-width:44px;height:44px;padding:10px;display:flex;align-items:center;justify-content:center}.calico-theme .header-brand{display:flex;align-items:center;gap:8px}.calico-theme .game-header{padding-bottom:6px;margin-bottom:4px}.calico-theme .brand{font-size:18px}.calico-surface .quilt-cell{scroll-margin-top:170px;scroll-margin-bottom:110px}@media(max-width:700px){.calico-heading h1{font-size:23px}.calico-heading h1 span{display:none}.calico-heading{margin:4px 0 8px}.calico-market-dock{position:sticky;top:0;z-index:22;padding:6px 10px;border-radius:0 0 10px 10px;box-shadow:0 3px 8px #294d6320;margin:0 0 8px}.calico-market-dock .fabric{width:52px;height:53px}.calico-market-dock .calico-market{gap:6px}.calico-market-dock .calico-market button{min-height:70px;gap:2px}.calico-market-dock .calico-market button>span:not(.fabric){font-size:10px}.calico-market-dock .market-tray h2{font-size:14px;gap:5px;margin:0}.calico-market-dock .market-tray h2 small{font-size:10px;margin-left:auto}.calico-market-dock .market-phase{font-size:10px}.calico-market-dock .market-tray p{font-size:9px}#calico-controls{padding:8px 10px;margin:0 0 8px;scroll-margin-top:152px}.calico-turn h2{font-size:16px}.calico-turn p{margin:3px 0 6px;font-size:11px}.calico-hand .fabric{width:54px;height:58px}.calico-hand>button{gap:2px;padding:2px 4px}.calico-hand>button>span:not(.fabric){font-size:10px}.phone-quilts .sewing-tray{order:2}.calico-count-3 .quilt-players,.calico-count-4 .quilt-players{grid-template-columns:1fr}.quilter-name{margin-bottom:6px}.quilter-name h2{font-size:15px}.calico-theme .header-account{margin-left:auto}}@media(max-height:650px)and (max-width:700px){.calico-market-dock .fabric{width:46px;height:48px}.calico-market-dock .market-tray p{display:none}.calico-market-dock .calico-market button{min-height:60px}}.quilt-award-group{position:absolute;width:17.5%;height:12.63%;transform:translate(-50%,-50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);pointer-events:none}.calico-surface .quilt-award-group .quilt-award{left:50%;top:50%}.calico-market-dock .calico-confirm{position:static;transform:none;margin:6px 0 0;padding:5px 6px;max-width:none;width:100%;border:0;border-top:1px solid #b4c2ba;border-radius:0;box-shadow:none;background:#f4f3eb;white-space:normal}.calico-market-dock .calico-confirm button{padding:5px 12px;min-height:42px;font-size:12px}.calico-market-dock .calico-confirm>span{font-size:10px}.public-table.calico-count-1 .quilt{max-width:min(540px,calc((100dvh - 280px)*.8333));margin-inline:auto}@media(min-width:1200px){.public-table.calico-count-3 .calico-table,.public-table.calico-count-4 .calico-table{display:flex;flex-direction:column}.public-table.calico-count-3 .quilt-players{grid-template-columns:repeat(3,minmax(0,1fr))}.public-table.calico-count-4 .quilt-players{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.public-table.calico-count-3 .sewing-tray,.public-table.calico-count-4 .sewing-tray{order:2;display:flex;flex-direction:row;align-items:center;padding:8px}.public-table.calico-count-3 .cat-contracts,.public-table.calico-count-4 .cat-contracts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1}.public-table.calico-count-3 .token-line,.public-table.calico-count-4 .token-line{display:none}.public-table.calico-count-3 .quilt-player,.public-table.calico-count-4 .quilt-player{padding:10px}.public-table.calico-count-3 .quilter-name h2,.public-table.calico-count-4 .quilter-name h2{font-size:15px}.public-table.calico-count-3 .score-breakdown h3,.public-table.calico-count-4 .score-breakdown h3{font-size:13px}.public-table.calico-count-3 .quilt-players.has-expanded,.public-table.calico-count-4 .quilt-players.has-expanded{grid-template-columns:minmax(0,650px)}}@media(min-width:701px)and (max-width:1199px){.public-table.calico-count-3 .calico-table,.public-table.calico-count-4 .calico-table{display:flex;flex-direction:column}.public-table.calico-count-3 .sewing-tray,.public-table.calico-count-4 .sewing-tray{order:2}.public-table.calico-count-3 .quilt,.public-table.calico-count-4 .quilt{width:auto;height:clamp(170px,calc((100dvh - 240px)/2 - 85px),340px);aspect-ratio:400/480;max-width:100%;margin:auto}.public-table.calico-count-3 .quilt-player,.public-table.calico-count-4 .quilt-player{padding:6px}.public-table.calico-count-3 .quilter-name,.public-table.calico-count-4 .quilter-name{margin-bottom:3px}.public-table.calico-count-3 .quilter-name h2,.public-table.calico-count-4 .quilter-name h2{font-size:13px}.public-table.calico-count-3 .quilter-name p,.public-table.calico-count-4 .quilter-name p{font-size:10px;margin:0}.public-table.calico-count-3 .score-breakdown,.public-table.calico-count-4 .score-breakdown{margin-top:4px;padding-top:3px}.public-table.calico-count-3 .score-breakdown h3,.public-table.calico-count-4 .score-breakdown h3{font-size:12px;margin:0}.public-table.calico-count-3 .token-line,.public-table.calico-count-4 .token-line{display:none}.public-table.calico-count-3 .score-breakdown>details,.public-table.calico-count-4 .score-breakdown>details{display:none}.public-table .quilt-players.has-expanded .quilt{height:auto;width:100%;max-width:490px}}.calico-room:not(.public-table) .calico-market-dock{position:sticky;top:0;z-index:22}@media(min-width:701px)and (max-width:1199px){.public-table.calico-count-3 .calico-market-dock,.public-table.calico-count-4 .calico-market-dock{padding:5px 10px;margin-bottom:8px}.public-table.calico-count-3 .calico-market-dock .fabric,.public-table.calico-count-4 .calico-market-dock .fabric{width:40px;height:43px}.public-table.calico-count-3 .calico-market-dock h2,.public-table.calico-count-4 .calico-market-dock h2{font-size:13px;margin:0}.public-table.calico-count-3 .calico-market-dock button,.public-table.calico-count-4 .calico-market-dock button{gap:0;padding:0}.public-table.calico-count-3 .calico-market-dock p,.public-table.calico-count-4 .calico-market-dock p{display:none}.public-table.calico-count-3 .public-hand,.public-table.calico-count-4 .public-hand{margin-top:2px;gap:6px;font-size:10px}.public-table.calico-count-3 .public-hand .fabric,.public-table.calico-count-4 .public-hand .fabric{width:20px;height:22px}.public-table.calico-count-3 .calico-heading,.public-table.calico-count-4 .calico-heading{margin:0 0 6px}.public-table.calico-count-3 .calico-heading h1,.public-table.calico-count-4 .calico-heading h1{font-size:21px}.public-table.calico-count-3 .quilt-players,.public-table.calico-count-4 .quilt-players{gap:12px}}.active-quilter .quilter-name h2:after{content:" · กำลังเล่น";color:#1f6571;font-size:11px;font-family:inherit}@media(min-width:900px)and (max-width:1199px){.public-table.calico-count-3 .quilt-players{grid-template-columns:repeat(3,minmax(0,1fr))}.public-table.calico-count-4 .quilt-players{grid-template-columns:repeat(4,minmax(0,1fr))}.public-table.calico-count-3 .quilt,.public-table.calico-count-4 .quilt{width:100%;height:auto;aspect-ratio:400/480}.public-table.calico-count-3 .quilter-name,.public-table.calico-count-4 .quilter-name{gap:4px;flex-wrap:wrap}.public-table.calico-count-3 .quilter-name .profile-avatar,.public-table.calico-count-4 .quilter-name .profile-avatar{width:24px;height:24px;flex-basis:24px}.public-table.calico-count-3 .quilt-players.has-expanded,.public-table.calico-count-4 .quilt-players.has-expanded{grid-template-columns:minmax(0,600px)}.public-table .expanded .score-breakdown>details{display:block}}: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-panel canvas{display:block;max-width:100%;height:auto;margin:16px 0}.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}}main>header.game-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:0 0 8px}main>.game-header .header-brand{min-width:0;grid-column:1;grid-row:1}main>header.game-header .brand{display:inline-block;white-space:nowrap;font-size:20px;line-height:1.2}.header-links{display:flex;gap:10px;font-size:11px;margin-top:5px}main>.game-header .header-account{grid-column:3;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-self:end;min-width:48px}main>.game-header .header-account nav{display:block;margin:0}main>.game-header .account-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:4px;margin:0}main>.game-header .profile-avatar{width:32px;height:32px;min-width:32px;font-size:16px}main>.game-header .connection{display:flex;align-items:center;justify-content:center;gap:4px;font-size:10px;line-height:1.3;margin:0;white-space:nowrap}.connection i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ef6d72}.connection[data-online=true] i{background:#65d7a2}main>.game-header .turn-sound-button{grid-column:2;grid-row:1;width:136px;min-height:44px;padding:4px 8px;margin:0;font-size:11px;line-height:1.3}.notice:empty{display:none}main .room-code{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 14px;min-height:56px;margin:0;cursor:pointer;line-height:1.25;flex-shrink:0}main .room-code strong{letter-spacing:.08em}.game-toast{position:fixed;z-index:100;left:50%;top:12px;transform:translate(-50%);display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 24px);padding:8px 8px 8px 16px;border:1px solid #85c6ad;border-radius:8px;background:#193b35;color:#f7fffa;box-shadow:0 6px 24px #0006;font:14px/1.5 Tahoma,sans-serif}.game-toast[hidden]{display:none}.game-toast.toast-error{border-color:#eea79f;background:#552c30}.game-toast button{width:40px;min-height:40px;padding:0;border:0;background:transparent;color:inherit;font-size:24px}.clipboard-fallback{position:fixed;left:-9999px}@media(max-width:360px){main>header.game-header .brand{font-size:17px}main>header.game-header{gap:6px}}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}}@media(min-width:900px)and (max-width:1150px){main.display-surface.azul-surface{padding-top:8px}main.display-surface.azul-surface>header.game-header{padding-bottom:0}.display-surface.azul-surface .az-heading .room-code{min-height:44px;flex-direction:row}}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:none;opacity:1}.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%}.duel-room{margin:10px 0}.duel-room h1{font-size:25px;line-height:1.15}.duel-room p{font-size:12px;margin:4px 0 0}.duel-status{gap:8px;margin:8px 0 10px}.duel-status .duel-person{min-height:58px;padding:6px 8px;grid-template-columns:36px minmax(0,1fr);column-gap:8px;border:1px solid #506864;border-radius:5px}.duel-status .duel-person .role-portrait{width:36px;height:44px}.duel-status .duel-person strong{font-size:14px}.duel-status .duel-person .duel-player-name{font-size:11px}.duel-status .duel-person small{font-size:10px}.duel-status .duel-person.is-you{border:2px solid #edce7d;background:#304749}.role-you{position:absolute;right:5px;top:-7px;padding:0 5px;background:#edce7d;color:#172c33;border-radius:3px;font:700 10px/1.5 Tahoma,sans-serif}.controller-ranking{display:flex;align-items:center;gap:8px;margin:0 0 9px;font-size:12px}.controller-ranking>b{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:28px;border-radius:50%;font-size:16px}.controller-ranking>.current-trump{padding:2px 10px;height:30px;border:1px solid currentColor;border-radius:18px;font-size:13px}.rank-arrow{opacity:.6}.duel-controls .trump-choices{display:flex;justify-content:center;gap:16px;margin:16px 0}.duel-surface .trump-choice{display:inline-flex;justify-content:center;align-items:center;width:56px;height:56px;padding:0;margin:0;border-radius:50%;border:3px solid transparent;color:#fff;font-size:26px}.duel-surface .trump-choice.suit-red{background:#ac354b}.duel-surface .trump-choice.suit-yellow{background:#d6b13c;color:#182c33}.duel-surface .trump-choice.suit-green{background:#217c6f}.duel-surface .trump-choice.suit-purple{background:#765299}.duel-surface .trump-choice[aria-pressed=true]{border-color:#fff2c5;outline:2px solid #d7b657;outline-offset:4px}.discard-confirm-bar{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:30;width:min(440px,calc(100% - 24px));padding:8px 12px;text-align:center;background:#142d35f5;border:1px solid #d7b657;border-radius:10px;box-shadow:0 4px 24px #0009}.discard-confirm-bar[hidden]{display:none}.discard-confirm-bar p{font-size:12px;margin:0 0 4px;line-height:1.4}.duel-surface .discard-confirm-bar button{display:block;margin:0 auto;min-width:200px}.phone-surface.duel-surface{padding-bottom:145px}.discard-choice{scroll-margin-bottom:150px}@media(max-width:600px){.duel-status .duel-person{grid-template-columns:30px minmax(0,1fr);min-height:50px;gap:3px 6px;padding:5px 6px}.duel-status .duel-person .role-portrait{width:30px;height:38px}.duel-status .duel-person strong{font-size:12px;white-space:nowrap}.duel-status .duel-player-name{display:none}.duel-room h1{font-size:22px}.duel-surface .room-code strong{font-size:21px}.duel-surface .room-code{padding:7px 12px}.duel-controls{padding:12px}}.duel-surface .trump-choice.suit-red{--trump-paint: #ac354b}.duel-surface .trump-choice.suit-yellow{--trump-paint: #d6b13c}.duel-surface .trump-choice.suit-green{--trump-paint: #217c6f}.duel-surface .trump-choice.suit-purple{--trump-paint: #765299}.duel-surface button.trump-choice:hover:not(:disabled){background:var(--trump-paint)}.controller-ranking .suit-red{color:#f19aa4}.controller-ranking .suit-yellow{color:#edcd73}.controller-ranking .suit-green{color:#8bd0bd}.controller-ranking .suit-purple{color:#c6a6e5}.duel-suit-icon{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle}.card-ink,.duel-ranking b,.discard-list>span{display:inline-flex;align-items:center;gap:4px}.card-ink .duel-suit-icon{width:14px;height:14px}.controller-ranking .duel-suit-icon{width:20px;height:20px}.trump-choice .duel-suit-icon{width:32px;height:32px}.duel-game-board .city-map{padding:10px 8px;border-width:6px;border-color:var(--city-trump, #61d7ae)}.duel-game-board [data-trump=red]{--city-trump: #ef6475}.duel-game-board [data-trump=yellow]{--city-trump: #f5ce58}.duel-game-board [data-trump=green]{--city-trump: #61d7ae}.duel-game-board [data-trump=purple]{--city-trump: #c59af5}.duel-game-board .district-map{position:relative;isolation:isolate;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:auto clamp(260px,32vw,340px) auto auto;gap:8px 5px}.duel-game-board .district{display:contents}.duel-game-board .district-map .district>.district-side,.duel-game-board .district-map .district>.district-result{grid-column:var(--district-column);min-width:0}.duel-game-board .district-side{grid-row:1;padding:0;align-self:end}.duel-game-board.own-dracula [data-side=dracula],.duel-game-board.own-helsing [data-side=helsing]{grid-row:3}.duel-game-board .district-side>span:first-child{display:none}.duel-game-board .district-map .district-side .duel-card{width:100%;max-width:166px;transform-origin:center bottom;box-shadow:2px 3px 5px #0009}.duel-game-board .district-map:before,.duel-game-board .district-map:after{display:none}.duel-game-board .city-terrain{grid-area:2 / 1 / 3 / 6;background:url(/art/dracula/districts.svg) center / 100% 100% no-repeat;pointer-events:none}.duel-game-board .district-territory{grid-area:2 / 1 / 3 / 6;position:relative;pointer-events:none}.duel-game-board .territory-content{position:absolute;left:var(--territory-x);top:var(--territory-y);transform:translate(-50%,-50%);text-align:center;width:20%}.duel-game-board [data-district="0"]{--territory-x: 12%;--territory-y: 27%}.duel-game-board [data-district="1"]{--territory-x: 26%;--territory-y: 65%}.duel-game-board [data-district="2"]{--territory-x: 50%;--territory-y: 85%}.duel-game-board [data-district="3"]{--territory-x: 74%;--territory-y: 66%}.duel-game-board [data-district="4"]{--territory-x: 88%;--territory-y: 26%}.duel-game-board .district-map .district h2{display:block;width:100%;margin:0 0 3px;padding:0;font-size:12px;letter-spacing:0;line-height:1.3;text-shadow:0 1px 3px #000}.duel-game-board .district-map .inhabitants{position:relative;display:block;width:52px;max-width:100%;height:54px;min-height:0;padding:0;margin:0 auto;background:transparent}.duel-game-board .district-map .inhabitants>span{position:absolute;width:23px;height:23px}.duel-game-board .district-map .inhabitants>span:nth-child(1){left:0;top:0}.duel-game-board .district-map .inhabitants>span:nth-child(2){right:0;top:5px}.duel-game-board .district-map .inhabitants>span:nth-child(3){left:4px;bottom:0}.duel-game-board .district-map .inhabitants>span:nth-child(4){right:0;bottom:3px}.duel-game-board [data-district="1"] .inhabitants>span:nth-child(1),.duel-game-board [data-district="3"] .inhabitants>span:nth-child(1){top:6px}.duel-game-board .district-map .conversion-count{display:block;width:max-content;max-width:100%;margin:3px auto 0;padding:1px 0;font-size:10px;line-height:1.3;white-space:nowrap;color:#fff0c8;background:#102630a6}.duel-game-board .district-result{grid-row:4;font-size:11px;margin:0;min-height:0;padding:4px 1px;overflow-wrap:anywhere}.duel-game-board .reveal-active .district-side .duel-card,.duel-game-board .reveal-active .territory-content{outline:2px solid #ffe29a;outline-offset:1px}.duel-game-board .city-draw{grid-area:2 / 1 / 3 / 6;width:26%;max-width:100px;min-width:54px;align-self:start;justify-self:center;z-index:5;margin:8px 0 0;padding:4px;display:block;background:#102730eb;border:1px solid #a69570;border-radius:5px;box-shadow:2px 4px 9px #0009;text-align:center}.duel-game-board .city-draw small{display:block;font-size:10px;line-height:1.4}.duel-surface .city-draw button,.duel-surface .city-draw button:hover:not(:disabled){display:block;width:100%;min-width:0;min-height:0;padding:0;margin:0;border:0;background:transparent;color:#ffedc6;font-size:11px}.duel-game-board .city-draw .duel-card{width:100%}.duel-game-board .city-draw .card-ink .suit-word{display:none}.duel-game-board .city-draw .duel-value{font-size:26px}.duel-game-board .city-draw .duel-effect{font-size:9px;bottom:7%}.duel-game-board .city-draw .visibility{display:none}.duel-game-board .city-draw .card-back>span:not(.duel-card-size){display:none}.duel-game-board .city-draw .center-deck-count{margin-top:3px}.duel-game-board .city-draw [aria-pressed=true] .duel-card{outline:3px solid #ffe29a;outline-offset:-3px}#content[data-duel-waiting=true] .duel-card{opacity:.55}.duel-card{transition:opacity .16s ease}@media(prefers-reduced-motion:reduce){.duel-card{transition:none}}@media(max-width:600px){.duel-game-board .district-side .duel-card{border-width:1px;border-radius:4px}.duel-game-board .district-side .card-ink{left:6%;top:3%}.duel-game-board .district-side .card-ink .duel-suit-icon{width:11px;height:11px}.duel-game-board .district-side .suit-word,.duel-game-board .district-side .visibility{display:none}.duel-game-board .district-side .duel-effect{display:block;font-size:7px;line-height:1.2;bottom:4%;left:2%;right:2%;padding:2px 0;background:#0c1b27c9}.duel-game-board .district-side .duel-value{font-size:20px;top:20%}.duel-game-board .district-side .effect-icon{width:25%;padding:0}.duel-game-board .district-side .duel-portrait{top:22%;right:0;bottom:0;left:0}.duel-game-board .duel-ranking{gap:4px;padding:7px 0;flex-wrap:wrap}.duel-game-board .duel-ranking b{padding:2px 3px;font-size:11px}.duel-game-board .district-map .conversion-count{font-size:8px}.duel-game-board .district-map .district h2{font-size:10px}.duel-game-board .district-map .inhabitants{height:43px}.duel-game-board .district-map .inhabitants>span{width:19px;height:19px}.duel-game-board .board-public{padding:8px 0}.duel-game-board .city-draw .card-ink{left:4%}.duel-game-board .city-draw .card-ink .duel-suit-icon{width:12px;height:12px}}@media(min-width:1100px){.display-surface .revealing-round>#duel-controls{grid-column:2;grid-row:4}.display-surface .revealing-round>#duel-controls{grid-column:2;grid-row:5}.display-surface .revealing-round>.duel-piles{grid-row:6}}.duel-surface .rack-choice,.duel-surface .rack-choice:hover:not(:disabled){display:block;width:100%;min-width:0;min-height:0;padding:0;margin:0;border:0;border-radius:4px;background:transparent;color:inherit;touch-action:manipulation}.duel-surface .rack-choice[aria-pressed=true] .duel-card{outline:3px solid #ffe29a;outline-offset:-3px;box-shadow:0 0 12px #e5bc5e}.duel-surface .rack-choice:focus-visible{outline:3px solid #ffe29a;outline-offset:2px}.duel-surface .rack-choice:disabled{cursor:not-allowed}.duel-surface .rack-choice:disabled .duel-card{opacity:1}.drawn-choice{display:flex;justify-content:center}.drawn-choice .discard-choice{width:130px;max-width:100%}.duel-surface .rack-choice{scroll-margin-bottom:150px}@media(min-width:601px){.display-surface.duel-surface .duel-game-board .district-side .duel-card{max-width:110px}.display-surface.duel-surface .duel-game-board .district-map{grid-template-rows:auto 280px auto auto}.display-surface.duel-surface .duel-game-board .inhabitants{width:64px;height:60px;display:block;min-height:0;padding:0;margin:0 auto}.display-surface.duel-surface .duel-game-board .inhabitants>span{width:26px;height:26px}.display-surface.duel-surface .duel-game-board .district h2{display:block;margin:0 0 3px;padding:0;text-align:center}.display-surface.duel-surface .duel-game-board .conversion-count{margin:3px auto 0;padding:1px 0;font-size:10px}}@media(min-width:601px)and (max-height:850px){.display-surface.duel-surface .duel-game-board .district-side .duel-card{max-width:80px}.display-surface.duel-surface .duel-game-board .district-map{grid-template-rows:auto 260px auto auto}.display-surface.duel-surface .duel-game-board .city-draw{max-width:90px}.display-surface.duel-surface .duel-game-board .inhabitants{height:54px}.display-surface.duel-surface .duel-game-board .inhabitants>span{width:23px;height:23px}}.rack-face{display:block;position:relative}.rack-is-public{border-radius:4px;outline:2px solid #f2d67e;outline-offset:1px}.rack-public-badge{position:absolute;left:2px;right:2px;bottom:20%;z-index:6;display:block;padding:1px 0;border:1px solid #f8e9b8;border-radius:2px;background:#f2d67e;color:#162f35;font:700 9px/1.35 Noto Sans Thai,Tahoma,sans-serif;text-align:center;white-space:nowrap;pointer-events:none}.rack-reveal-summary{margin:0;padding:5px 8px;font-size:12px;background:#153139;color:#f5e7c8}.rack-reveal-summary b{color:#f2d67e;font-variant-numeric:tabular-nums}@media(max-width:600px){.rack-public-badge{font-size:7px}.rack-reveal-summary{font-size:11px}}.duel-surface .round-outcome h2,.duel-surface .reveal-focus h2,.duel-surface .reveal-verdict,.duel-surface .district-result{font-family:Noto Sans Thai,Tahoma,Leelawadee UI,sans-serif}.duel-surface .round-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.round-summary-copy{min-width:0;flex:1}.duel-surface .round-summary h2{font-size:22px;line-height:1.4}.round-summary-copy p{font-size:13px;line-height:1.5;margin:4px 0 0;overflow-wrap:anywhere}.round-summary-actions{flex:0 0 auto;width:clamp(105px,31vw,180px)}.duel-surface .round-summary #duel-controls{display:flex;flex-direction:column;gap:4px;padding:0;margin:0;border:0;background:transparent}.duel-surface .round-summary button{width:100%;min-height:44px;padding:7px 6px;margin:0;font-family:inherit;font-size:13px}.round-summary #next-round{order:0}.round-summary .skip-reveal{order:1}.duel-surface .round-summary .skip-reveal{min-height:32px;font-size:11px}.duel-surface .round-summary #duel-controls p{margin:0;font-size:11px;line-height:1.45}.round-summary .round-ready-status{order:2}.round-summary .reveal-control-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}.duel-game-board .revealing-round .round-summary{display:flex;visibility:visible}@media(max-width:600px){.duel-surface .round-summary{gap:8px;padding:10px}.duel-surface .round-summary h2{font-size:18px}.duel-surface .round-summary button{font-size:11px}.round-summary-copy p{font-size:12px}}@media(min-width:1100px){.display-surface .revealing-round>.round-summary{grid-column:1 / -1;grid-row:1}.display-surface .revealing-round .reveal-focus{grid-row:2 / 7}.display-surface .revealing-round>.board-public{grid-row:2}.display-surface .revealing-round>.duel-ranking{grid-row:3}.display-surface .revealing-round>.city-map{grid-row:4}.display-surface .revealing-round>#duel-controls{grid-column:2;grid-row:5}.display-surface .revealing-round>.duel-piles{grid-row:6}}body.duel-theme{overflow-anchor:none}.duel-surface #duel-controls.board-controls{display:block;padding:0;margin:0;border:0;min-height:0;background:transparent}.duel-surface .board-secondary{min-height:52px;display:flex;justify-content:flex-end;align-items:center}.duel-surface .board-secondary button{min-height:44px;padding:6px 12px;margin:4px 0;font-size:12px}.duel-surface .effect-card{transition:transform .18s ease}.duel-surface .effect-card[aria-pressed=true],.duel-surface .rack-choice[aria-pressed=true]{transform:translateY(-10px)}.duel-game-board .board-turn strong{display:block;min-height:2.8em;line-height:1.4}.duel-game-board .city-draw .center-step-status{min-height:2.8em;font-size:9px;line-height:1.4}.duel-game-board .city-draw.is-drawing{outline:2px solid #f2d67e}.duel-game-board .duel-ranking .trump-choice{width:40px;height:40px;min-height:40px;margin:0 2px}.duel-game-board .duel-ranking .trump-choice .duel-suit-icon{width:24px;height:24px}.reveal-verdict{min-height:5.1em}@media(prefers-reduced-motion:reduce){.duel-surface .effect-card{transition:none}}.duel-game-board .district-map .territory-content{display:contents}.duel-game-board .district-map .district .territory-content h2{position:absolute;left:var(--label-x);top:var(--label-y);width:auto;max-width:24%;transform:translate(-50%,-50%);margin:0;padding:1px 4px;background:#102630b8}.duel-game-board .district-map .district .inhabitants{position:static;width:auto;max-width:none;height:0;min-height:0;padding:0;margin:0}.duel-game-board .district-map .district .inhabitants>span{right:auto;bottom:auto;transform:translate(-50%,-50%)}.duel-game-board .district-map .district .conversion-count{position:absolute;left:var(--count-x);top:var(--count-y);transform:translate(-50%,-50%);width:max-content;margin:0;padding:1px 3px}.duel-game-board .reveal-active .territory-content h2{outline:2px solid #ffe29a}.duel-game-board [data-district="0"]{--label-x: 12%;--label-y: 8%;--count-x: 11%;--count-y: 57%}.duel-game-board .district-map [data-district="0"] .inhabitants>span:nth-child(1){left:7%;top:17%}.duel-game-board .district-map [data-district="0"] .inhabitants>span:nth-child(2){left:18%;top:22%}.duel-game-board .district-map [data-district="0"] .inhabitants>span:nth-child(3){left:7%;top:42%}.duel-game-board .district-map [data-district="0"] .inhabitants>span:nth-child(4){left:18%;top:44%}.duel-game-board [data-district="1"]{--label-x: 25%;--label-y: 52%;--count-x: 15%;--count-y: 96%}.duel-game-board .district-map [data-district="1"] .inhabitants>span:nth-child(1){left:11%;top:73%}.duel-game-board .district-map [data-district="1"] .inhabitants>span:nth-child(2){left:22%;top:63%}.duel-game-board .district-map [data-district="1"] .inhabitants>span:nth-child(3){left:9%;top:87%}.duel-game-board .district-map [data-district="1"] .inhabitants>span:nth-child(4){left:29%;top:86%}.duel-game-board [data-district="2"]{--label-x: 50%;--label-y: 88%;--count-x: 50%;--count-y: 96%}.duel-game-board .district-map [data-district="2"] .inhabitants>span:nth-child(1){left:40%;top:78%}.duel-game-board .district-map [data-district="2"] .inhabitants>span:nth-child(2){left:59%;top:78%}.duel-game-board .district-map [data-district="2"] .inhabitants>span:nth-child(3){left:38%;top:93%}.duel-game-board .district-map [data-district="2"] .inhabitants>span:nth-child(4){left:63%;top:92%}.duel-game-board [data-district="3"]{--label-x: 75%;--label-y: 53%;--count-x: 85%;--count-y: 96%}.duel-game-board .district-map [data-district="3"] .inhabitants>span:nth-child(1){left:78%;top:63%}.duel-game-board .district-map [data-district="3"] .inhabitants>span:nth-child(2){left:89%;top:73%}.duel-game-board .district-map [data-district="3"] .inhabitants>span:nth-child(3){left:72%;top:88%}.duel-game-board .district-map [data-district="3"] .inhabitants>span:nth-child(4){left:91%;top:89%}.duel-game-board [data-district="4"]{--label-x: 88%;--label-y: 8%;--count-x: 89%;--count-y: 57%}.duel-game-board .district-map [data-district="4"] .inhabitants>span:nth-child(1){left:82%;top:22%}.duel-game-board .district-map [data-district="4"] .inhabitants>span:nth-child(2){left:94%;top:17%}.duel-game-board .district-map [data-district="4"] .inhabitants>span:nth-child(3){left:82%;top:44%}.duel-game-board .district-map [data-district="4"] .inhabitants>span:nth-child(4){left:93%;top:42%}.duel-surface button.rack-item,.duel-surface button.rack-item:hover:not(:disabled){display:block;width:100%;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:4px;background:transparent;color:inherit;transition:transform .18s ease}.duel-surface .rack-readonly{cursor:default}@media(prefers-reduced-motion:reduce){.duel-surface button.rack-item{transition:none}}.card-lock-badge{position:absolute;left:3px;right:3px;top:58%;z-index:4;padding:2px;background:#f2d77c;color:#182c32;font:700 9px/1.4 Noto Sans Thai,sans-serif;text-align:center}.duel-game-board .district-map .inhabitants>span{width:32px;height:32px}.duel-game-board .rack-side-label{min-height:26px;padding:5px 2px;font-size:11px;line-height:1.7;color:#d6dddb;text-align:left}.duel-game-board .rack-label-bottom{text-align:right}.duel-game-board .rack-side-label[data-active=true]{color:#ffe29a}.duel-game-board .rack-side-label b{margin-left:5px;font-size:10px}.duel-game-board .rack-turn-frame{grid-column:1 / 6;grid-row:1;align-self:stretch;pointer-events:none;z-index:2;border:2px solid transparent;border-radius:5px;margin:-3px}.duel-game-board .rack-frame-bottom{grid-row:3}.duel-game-board .rack-turn-frame[data-active=true]{border-color:#ffe29a;box-shadow:0 0 0 1px #162d34,0 0 10px #f2d77c55}.duel-game-board .city-draw .center-health{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:3px;margin:0 0 5px;padding:2px 0;line-height:1.5}.duel-game-board .city-draw .center-health .duel-marker{width:18px;height:18px;flex:none}.duel-game-board .city-draw .center-health strong{font-size:17px;line-height:1.5}.duel-game-board .city-draw button>span:last-child{display:block;overflow:visible;padding:4px 0;font-family:Noto Sans Thai,sans-serif;font-size:12px;line-height:1.9}.duel-game-board .city-draw[data-draw-cue=true]{border:2px solid #ffe29a;box-shadow:0 0 16px #f2d77c77}.duel-game-board .city-draw[data-draw-cue=true] .board-draw>span:last-child{color:#ffe29a;font-weight:700}.duel-game-board .city-draw[data-draw-cue=true] .board-draw .duel-card{animation:duel-draw-invitation 1.5s ease-in-out infinite}@keyframes duel-draw-invitation{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:600px){.duel-game-board .district-map .inhabitants>span{width:26px;height:26px}}@media(prefers-reduced-motion:reduce){.duel-game-board .city-draw[data-draw-cue=true] .board-draw .duel-card{animation:none}}.duel-game-board .district-map [data-district="2"] .inhabitants>span:nth-child(1),.duel-game-board .district-map [data-district="2"] .inhabitants>span:nth-child(3){left:31%}.duel-game-board .district-map [data-district="2"] .inhabitants>span:nth-child(2),.duel-game-board .district-map [data-district="2"] .inhabitants>span:nth-child(4){left:69%}.duel-game-board .district-map{grid-template-rows:auto clamp(300px,32vw,340px) auto auto}.duel-game-board .city-draw .center-discard>span:last-child{font-size:10px;line-height:1.6;padding:2px 0}.duel-game-board .rack-side-label{display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 2px}.duel-game-board .rack-label-bottom{justify-content:flex-end}.rack-person{display:flex;align-items:center;gap:6px;min-width:0}.rack-person>div{min-width:0}.duel-game-board .rack-person strong{font-size:11px;line-height:1.6}.duel-game-board .rack-person small{display:block;font-size:9px;line-height:1.5;overflow-wrap:anywhere}.duel-game-board .rack-person .role-portrait{width:28px;height:36px;flex:none}.duel-game-board .rack-health{gap:3px;flex:none}.duel-game-board .rack-health .duel-marker{width:20px;height:20px}.duel-game-board .rack-health strong{font-size:17px}.duel-game-board .board-public{justify-content:center;text-align:center}.duel-game-board .board-turn{width:100%}.duel-game-board .board-turn>span{justify-content:center;margin-right:0}.duel-game-board .duel-ranking{justify-content:center}.rank-arrow{font-size:12px;color:#d7c7a4}.duel-game-board .district-map [data-district="2"] .inhabitants>span:nth-child(1){left:42%;top:82%}.duel-game-board .district-map [data-district="2"] .inhabitants>span:nth-child(2){left:58%;top:82%}.duel-game-board .district-map [data-district="2"] .inhabitants>span:nth-child(3){left:39%;top:94%}.duel-game-board .district-map [data-district="2"] .inhabitants>span:nth-child(4){left:61%;top:94%}.duel-game-board [data-district="2"]{--label-y: 90%}.duel-game-board .district-map .district .territory-content h2{padding-inline:2px}.duel-game-board .city-map{position:relative}.duel-game-board .has-round-result .city-map,.duel-game-board .has-round-result .district-map{opacity:1}.has-round-result .district-side .duel-card{opacity:.45}.duel-game-board .city-draw .result-deck{opacity:.2}.duel-surface .has-round-result .city-draw #duel-controls{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;gap:4px;width:auto;margin:0;padding:2px;border:0;background:transparent;transform:none;box-shadow:none;text-align:center}.duel-surface .has-round-result .city-draw #duel-controls button{width:100%;min-height:44px;margin:0;padding:5px 2px;font-size:11px;line-height:1.6}.duel-surface .has-round-result .city-draw #duel-controls p{margin:0;font-size:9px;line-height:1.5}.duel-surface .has-round-result .winner-seal{position:fixed;z-index:34;top:8px;left:8px;right:8px;margin:0}.board-reveal-layer{position:absolute;z-index:36;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px;background:#071922bd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.duel-surface .board-reveal-layer .reveal-focus{position:static;width:min(100%,360px);margin:0;padding:12px;border:1px solid #d7b657;background:#193039;box-sizing:border-box}.board-reveal-layer .reveal-pair>div{width:min(38%,115px)}.board-reveal-layer .reveal-verdict{font-size:12px}.duel-surface .board-reveal-layer>button{min-height:44px;margin:8px 0 0}.duel-game-board .city-draw{position:relative}.duel-game-board .district-map [data-district="0"] .inhabitants>span:nth-child(4){left:17%}.duel-game-board .district-map [data-district="3"] .inhabitants>span:nth-child(3){left:75%}.duel-game-board .district-map [data-district="4"] .inhabitants>span:nth-child(3){left:84%}.duel-game-board .city-draw .drawn-public-note{margin:2px 0;color:#ffe29a;font-size:9px;line-height:1.5}.duel-surface .city-draw #duel-controls button:not(.skip-reveal){background:#1e7174;color:#fff2cb;border:2px solid #f3d67c;border-radius:5px;padding:6px 3px;font-weight:700}.duel-surface .city-draw #duel-controls button:disabled{background:#273c43;color:#dcd8c8;border-color:#756949}
