@font-face{font-family:Biolinum;src:url('/assets/resources/LinBiolinum_R-375.ttf')}@font-face{font-family:Biolinum;src:url('/assets/resources/LinBiolinum_RB-378.ttf');font-weight:700}
@font-face{font-family:Architects;src:url('/assets/ArchitectsDaughter-Regular.ttf')}.field,.pattern-option,.favor-heading{font-family:Architects,Biolinum,serif}
:root{font-family:Biolinum,Georgia,serif;color:#2d2118;font-synthesis:none;color-scheme:light;--audio-height:58px;--board-left:34vw;--board-top:23vh;--board-width:32vw;--board-height:26vw}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:#363025;padding-bottom:var(--audio-height)}body:before{content:'';pointer-events:none;position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 38%,#e4d5b248 5%,#473b2f00 50%,#07080988 100%)}button,input,select,summary{font:inherit}button,summary{cursor:pointer;touch-action:manipulation}button,input,select{min-height:44px}button{border:1px solid #796448;border-radius:3px;background:#f5ecdb;color:#2d2118;padding:6px 14px}button:disabled{cursor:default;filter:grayscale(.7);opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #0a6993;outline-offset:3px;box-shadow:0 0 0 5px #fff9d4}button:not(:disabled):hover{filter:brightness(1.12)}input,select{border:1px solid #806a4c;border-radius:2px;background:#faf4e8;color:#322619;padding:8px 12px;max-width:100%}a{color:#174f66}p{line-height:1.45}h1,h2,p{margin-top:0}h1{font-weight:700;font-size:clamp(1.6rem,3vw,2.8rem)}img{max-width:100%;user-select:none;-webkit-user-drag:none}#cathedral{position:fixed;inset:0;width:100%;height:100%;z-index:-2}#app{min-height:calc(100dvh - var(--audio-height))}.home{min-height:calc(100dvh - var(--audio-height));display:flex;align-items:center;flex-direction:column;gap:6vh;padding:3vh 1rem 1rem}.logo{width:min(710px,70vw);height:33vh;object-fit:contain}.main-buttons{display:grid;gap:2vh;width:min(425px,80vw)}.gem{border:0;border-radius:0;background:var(--gem) center/100% 100% no-repeat;color:white;text-shadow:0 2px 2px #302316;font-size:clamp(1.15rem,2.5vw,2.3rem);font-weight:700;min-height:70px;padding:14px 32px;transition:filter .15s}.gem:active{filter:brightness(.85)}.gem.magenta{--gem:url('/assets/sharedassets2/UI_Button_LargePurple_Normal-73.webp')}.gem.orange{--gem:url('/assets/sharedassets2/UI_Button_LargeOrange_Normal-315.webp')}.gem.green{--gem:url('/assets/sharedassets2/UI_Button_LargeGreen_Normal-195.webp')}.gem.blue{--gem:url('/assets/sharedassets3/UI_Button_LargeBlue_Normal-10.webp')}.loading{color:white;text-align:center;padding-top:35vh;font-size:2rem}.top-controls{position:fixed;top:10px;left:15px;right:15px;display:flex;justify-content:space-between;pointer-events:none;z-index:12}.top-controls>*{pointer-events:auto}.languages{display:flex;align-items:flex-start;gap:4px}.languages button{width:52px;min-height:44px;padding:6px;background:#eee5d6eb}.languages img{width:36px;height:24px;object-fit:cover}.languages button[aria-pressed=true]{border:3px solid #1c512f;padding:4px}.settings-button{border:0;background:url('/assets/sharedassets1/UI_Button_BlueRound_Normal-149.webp') right center/56px 56px no-repeat;min-width:65px;min-height:56px;display:flex;align-items:center;gap:8px;color:#fff9e9;text-shadow:1px 2px 3px #000;font-weight:700;font-size:1.6rem;padding-right:10px}.settings-button img{width:35px;height:35px;object-fit:contain}.credits-link,.resume-link{background:#eae2d2ed;margin-top:auto;font-size:1rem}.home .resume-link{margin-top:0}.home .credits-link{position:absolute;left:20px;bottom:calc(var(--audio-height) + 14px)}.menu-panel{position:relative;width:min(1000px,calc(100% - 48px));margin:12vh auto 40px;padding:48px 55px 30px;background:url('/assets/sharedassets1/UI_Frame_PaperBacker-140.webp') center/100% 100%;border:22px solid transparent;border-image:url('/assets/sharedassets2/UI_Frame_ThickBox-288.webp') 80 fill stretch;box-shadow:0 16px 30px #0007}.menu-panel>h1{text-align:center;margin:-55px -40px 25px;padding:35px 60px 30px;background:url('/assets/sharedassets3/UI_Frame_ThickBoxHeader-12.webp') center/100% 100% no-repeat}.panel-footer{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:-58px;margin-top:25px;flex-wrap:wrap}.panel-footer .gem{min-width:220px;font-size:1.7rem}.local-options{display:grid;gap:18px;width:min(580px,100%);margin:auto}.field{display:flex;flex-direction:column;gap:6px;font-size:1.3rem;margin:12px 0}.setup-form{max-width:650px;margin:auto}.setup-form select{min-width:150px}.setup-note{font-size:1rem;color:#56442f}.form-buttons{display:flex;gap:16px;justify-content:center;margin-top:20px}.form-buttons .gem{flex:1}.join-details{margin-top:20px}.join-details summary{min-height:44px;font-size:1.4rem;padding:10px}.room-heading{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.room-heading strong{font-size:2.3rem}.players-list{list-style:none;padding:0}.players-list li{display:flex;gap:15px;align-items:center;padding:13px 0;border-bottom:1px solid #9d8b72;font-size:1.25rem}.players-list li>span:first-child{flex:1}.players-list b{font-size:.9rem;background:#d6c09c;padding:4px}.lobby-settings{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lobby-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.lobby-actions form{display:flex;gap:6px}.wood-table{background:url('/assets/sharedassets1/UI_backer_table-75.webp') center/cover fixed}.wood-table #cathedral{opacity:0}.pattern-table{position:relative;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(500px,1.6fr);gap:3vw;width:min(1400px,95%);margin:auto;padding:80px 30px 140px;min-height:calc(100dvh - var(--audio-height))}.pattern-private{padding-top:20px}.private-card{background:url('/assets/sharedassets1/UI_Frame_PaperBacker-140.webp') center/100% 100%;padding:12px 22px 24px;text-align:center;max-width:280px;margin:0 auto 18px;box-shadow:1px 4px 8px #0007}.private-card h2{font-size:1.3rem;margin:8px 0}.private-card p{margin-bottom:8px}.private-art{position:relative}.private-art img{width:160px;height:160px;object-fit:contain}.private-art b{position:absolute;top:11%;left:45%;background:#e9e5dc;padding:4px 8px}.blueprints{width:90%;transform:rotate(-6deg);margin-top:20px;pointer-events:none}.pattern-sheet{background:url('/assets/sharedassets1/UI_paper_backer_large-150.webp') center/100% 100%;padding:20px;align-self:start;box-shadow:0 4px 12px #0006}.favor-heading{font-size:1.5rem;text-align:center;min-height:42px}.favor-heading strong{padding-left:20px}.pattern-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pattern-option{padding:0 0 10px;border:3px solid transparent;background:transparent;display:flex;flex-direction:column;align-items:center;border-radius:0;font-size:1.3rem;min-width:0}.pattern-option img{width:100%;height:auto}.pattern-option.selected{border-color:#15552b;box-shadow:inset 0 0 0 2px #f9efba}.pattern-option span{margin-top:-3%}.pattern-confirm{position:absolute;bottom:8px;left:25%;right:5%;text-align:center}.pattern-confirm h1{color:#fff8e7;text-shadow:0 2px 3px #231b15;margin-bottom:0}.pattern-confirm .gem{min-width:340px}.chosen-pattern{width:min(450px,100%);display:block;margin:auto}.audio-strip{position:fixed;z-index:30;bottom:0;left:0;right:0;background:#2d241df5;color:#f8edda;border-top:2px solid #b5a080;padding:5px 16px;display:flex;gap:15px;align-items:center;justify-content:center;min-height:58px;font-size:1rem}.audio-source{display:flex;align-items:center;gap:7px}.audio-source select{padding:4px 8px;width:150px;font-size:1rem;background:#f2e7d2}.audio-channel{display:flex;gap:5px;align-items:center}.audio-channel button{padding:5px 8px;min-width:82px;background:#43362a;color:#fff6e3;border-color:#bba483}.audio-channel input{width:105px;padding:0;accent-color:#ddc589;min-width:50px}.audio-channel output{min-width:34px;font-size:.85rem}.audio-status{display:flex;gap:7px;align-items:center;font-size:.85rem;max-width:300px}.audio-status a{color:#f0d29d}.audio-status button{min-height:36px;padding:4px 7px}.audio-status output[data-status=ready]{max-width:90px}.audio-status [hidden]{display:none}.round-header{position:absolute;top:0;left:21%;right:21%;z-index:5;background:#30251ce8;border:2px solid #9d8768;border-top:0;border-radius:0 0 35px 35px;padding:0 15px 8px;color:#f5e8ce}.turn-order{display:flex;justify-content:center;gap:18px;min-height:36px;align-items:center;overflow:hidden}.turn-order span{font-size:1.1rem;white-space:nowrap}.turn-order .done{opacity:.5}.turn-order .active{background:#ecdfb7;color:#332619;padding:0 12px}.round-track{display:flex;gap:5px;justify-content:center}.round-track button{font-size:1.6rem;min-width:44px;padding:0 8px;position:relative;border-radius:0;background:#7b6b55;color:#fff5df}.round-track .active{outline:2px solid #fff8e5;background:#3c3024}.round-track small{font-size:.65rem;position:absolute;bottom:1px;right:2px}.play-table{min-height:calc(100dvh - var(--audio-height));position:relative;color:#f9f0db}.board-area{position:fixed;left:var(--board-left);top:var(--board-top);width:var(--board-width);height:var(--board-height);user-select:none}.window-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));width:100%;height:100%;background:url('/assets/sharedassets1/env_windowbacker-81.webp') center/cover;border:3px solid #211c18;gap:3px}.cell{padding:0;border:0;border-radius:0;min-width:0;min-height:0;background:var(--restriction) center/100% 100% no-repeat;position:relative;user-select:none}.cell img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(1px 4px 2px #0005)}.cell.legal:after{content:'';position:absolute;inset:4px;border:3px solid #fff5a5;box-shadow:0 0 0 1px #31482c,inset 0 0 12px #ffef8a;pointer-events:none}.cell.selected{outline:4px solid #163e27;outline-offset:-4px;z-index:2}.cell.source{box-shadow:inset 0 0 0 5px #ead37b}.cell.source img{opacity:.45}.cell.contributor{box-shadow:inset 0 0 0 6px #fff19b;z-index:2}.cell.contributor:after{content:'✓';position:absolute;top:3px;right:3px;color:#183c20;background:#fff5c8;border-radius:50%;width:24px;height:24px;font-size:20px}.preview-mark{position:absolute;right:3px;bottom:3px;font-size:1.4rem;color:#174221;background:#fff6be;width:30px;height:30px;border:2px solid #174221;line-height:25px}.window-name{text-align:center;position:absolute;top:100%;left:-10%;right:-10%;font-size:1.6rem;padding:8px;color:#231c17;background:#e8decaeb;border:1px solid #786d57}.window-name button{font-size:1rem;min-height:36px}.draft-area{position:fixed;left:21%;right:21%;top:calc(var(--board-top) + var(--board-height) + 59px);display:flex;flex-direction:column;align-items:center;gap:7px;z-index:6}.draft-pool{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.draft-die{width:clamp(44px,4.5vw,68px);height:clamp(44px,4.5vw,68px);min-height:44px;padding:0;background:#3b2c25;border:2px solid #8c7160;border-radius:3px;box-shadow:2px 4px 5px #0006}.draft-die img{display:block;width:100%;height:100%}.draft-die.selected{border:3px solid #fff0b1;box-shadow:0 0 0 2px #433d26;transform:translateY(-4px)}.draft-die:disabled{opacity:.72;filter:none}.current-action{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:80px;max-width:100%;padding:4px 12px;color:#fff4df;text-shadow:1px 2px 2px #201b16}.current-action p{margin:0;text-align:center;font-size:1.1rem;background:#2c241de8;padding:4px 14px;border-radius:2px}.action-buttons{display:flex;gap:9px;justify-content:center}.action-buttons button{min-height:44px}.action-buttons .gem{font-size:1.25rem;min-height:48px;min-width:170px;padding:7px 28px}.end-turn{display:flex;align-items:center;gap:8px;background:#382b20;color:#fff3d4;border-color:#e2c99d;box-shadow:0 2px 6px #0007}.end-turn img{width:30px;height:30px;filter:invert(1)}.value-options{display:flex;gap:5px}.value-options button{min-width:44px}.value-options button[aria-pressed=true]{outline:3px solid #fff5b5}.tools-row{position:fixed;left:25%;right:25%;bottom:calc(var(--audio-height) + 12px);display:flex;align-items:center;justify-content:center;gap:35px;z-index:7}.tool-buttons{display:flex;gap:2px}.tool-button{position:relative;background:transparent;border:0;padding:0;width:86px;height:86px;min-width:54px}.tool-button img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px #0009)}.tool-button span{position:absolute;top:-2px;left:36%;font-size:.9rem;background:#f1e6ce;color:#30251a;padding:1px 4px;border-radius:3px;white-space:nowrap}.tool-button.used{filter:grayscale(1);opacity:.65}.round-button{flex-shrink:0;width:56px;height:56px;padding:12px;background:url('/assets/sharedassets1/UI_Button_BlueRound_Normal-149.webp') center/100% 100% no-repeat;border:0;border-radius:50%;font-size:2rem;color:white;text-shadow:1px 1px 3px #000;font-weight:700}.round-button img{width:100%;height:100%;object-fit:contain}.round-button.undo{background-image:url('/assets/sharedassets2/UI_Button_OrangeRound_Normal-257.webp')}.objective-left,.objective-right{position:fixed;top:calc(var(--board-top) + 20px);display:flex;flex-direction:column;gap:8px;max-width:150px;align-items:center}.objective-left{right:calc(100% - var(--board-left) + 25px)}.objective-right{left:calc(var(--board-left) + var(--board-width) + 25px)}.objective-mini{width:100px;min-height:98px;padding:0;border:0;position:relative;background:#3e3127d6;color:#fff5df;font-size:.85rem;border-radius:0}.objective-mini img{display:block;width:80px;height:80px;object-fit:contain;margin:auto}.objective-mini b{position:absolute;bottom:20px;left:4px;background:#f8edcf;color:#251f18;border-radius:50%;font-size:1.1rem;padding:1px 5px}.objective-mini span{display:block;line-height:1.1;padding:1px 4px 4px}.favor-tokens{display:flex;flex-wrap:wrap;justify-content:center;gap:1px;max-width:110px;align-items:center;padding:10px;background:#2d241ddb}.favor-tokens img{width:17px;height:20px;object-fit:contain}.favor-tokens span{width:100%;text-align:center}.player-peeks{position:fixed;left:14px;top:85px;display:flex;flex-direction:column;gap:6px;width:160px}.player-peeks button{display:flex;gap:7px;align-items:center;justify-content:space-between;background:#31261de8;color:#f4e5c7;border-color:#ac9673;font-size:1rem}.player-peeks span{overflow-wrap:anywhere}.player-peeks b{font-size:.85rem;white-space:nowrap}.table-status{position:fixed;bottom:calc(var(--audio-height) + 8px);left:14px;display:flex;flex-direction:column;font-size:.9rem;background:#2e241ce8;padding:4px 8px;gap:2px;max-width:220px}.table-status button{background:none;color:#f4e4c4;border:0;padding:0;min-height:24px}.turn-transition{position:fixed;z-index:40;inset:25% 10% auto;text-align:center;color:#fff5df;background:#30261cdd;border-block:2px solid #d6c194;font-size:clamp(1.8rem,4vw,4rem);padding:20px;pointer-events:none;animation:turn-banner 1.8s both}@keyframes turn-banner{0%{opacity:0;transform:translateY(20px)}15%,65%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-12px)}}#overlay:empty{display:none}.dialog-shade{position:fixed;inset:0;z-index:50;background:#17140f9c;display:flex;align-items:center;justify-content:center;padding:28px 20px calc(var(--audio-height) + 20px)}.dialog{background:url('/assets/sharedassets1/UI_paper_backer_large-150.webp') center/100% 100%;color:#2e231a;border:12px solid transparent;border-image:url('/assets/sharedassets2/UI_Frame_ThickBox-288.webp') 70 fill stretch;width:min(1120px,100%);max-height:100%;display:flex;flex-direction:column;box-shadow:0 20px 50px #0008}.dialog>header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 25px;border-bottom:1px solid #8a7457}.dialog>header h1{font-size:1.9rem;margin:0}.dialog>header button{font-size:1.7rem;min-width:44px}.dialog-body{overflow:auto;padding:20px 28px;font-size:1.15rem;overscroll-behavior:contain}.dialog-body>.gem{display:block;width:min(360px,100%);margin:20px auto 0}.intro-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.intro-cards article{background:url('/assets/sharedassets2/UI_Images_paper_backer_card-221.webp') center/100% 100%;padding:25px 22px 30px;text-align:center;min-width:0}.intro-cards h2{font-size:1.5rem}.intro-cards img{height:160px;width:100%;object-fit:contain}.intro-cards p{font-size:1.1rem}.intro-cards small{font-size:.9rem}.tool-detail{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:22px}.tool-detail img{width:170px;height:160px;object-fit:contain}.restriction{border-left:4px solid #785229;padding:8px 15px;background:#ead8b7}.settings-actions{display:flex;flex-wrap:wrap;gap:12px}.settings-actions .gem{font-size:1.3rem;min-height:55px}.check-setting{display:flex;align-items:center;gap:10px}.check-setting input{width:24px;height:24px}.rules-copy{max-width:800px;margin:auto}.rules-illustration{width:230px;float:right;margin:0 0 15px 20px}.inspect-art{width:180px;height:230px;object-fit:contain;float:left;margin:0 25px 15px 0}.track-dice{display:flex;flex-wrap:wrap;gap:15px}.track-dice>div{display:flex;flex-direction:column;width:80px;text-align:center}.track-dice img{width:80px;height:80px}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.result-window{min-width:0;border-bottom:2px solid #8c7456;padding-bottom:12px}.result-window h2{display:flex;justify-content:space-between;gap:10px;font-size:1.3rem}.result-window strong{font-size:1.9rem}.window-grid.mini{aspect-ratio:5/4;height:auto;gap:2px}.mini .cell{aspect-ratio:1}.result-window dl{font-size:1rem}.result-window dl>div{display:flex;justify-content:space-between;align-items:center;gap:4px}.result-window dt button{padding:3px 0;min-height:32px;border:0;background:none;text-align:left;text-decoration:underline}.result-window dd{margin:0}.result-window>button{font-size:.95rem;margin-right:4px;padding:4px 8px}.result-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:25px}.result-actions .gem{font-size:1.4rem}.solo-choices{display:flex;gap:25px;justify-content:center;flex-wrap:wrap}.solo-choices>div{max-width:300px;text-align:center}.solo-choices .gem{font-size:1.1rem;min-height:56px;padding-inline:20px}.handoff-name{text-align:center;font-size:3rem}.handoff-name+p{text-align:center}.score-replay{position:fixed;z-index:15;left:12%;right:12%;bottom:calc(var(--audio-height) + 110px);background:#f3e6ca;color:#322519;padding:12px 20px;border:2px solid #766043;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.score-replay b{flex:1;font-size:1.3rem}.clear-highlights{position:fixed;bottom:calc(var(--audio-height) + 110px);right:15px;z-index:14;max-width:180px}.tutorial-hint{position:fixed;left:15px;bottom:calc(var(--audio-height) + 90px);width:230px;background:#eee0bd;color:#302619;padding:15px;box-shadow:0 3px 9px #0007;z-index:15;font-size:1rem}.tutorial-hint button{display:block;margin-top:8px}#notice{position:fixed;z-index:100;top:80px;left:50%;transform:translateX(-50%);max-width:min(620px,90vw);padding:15px 25px;background:#fff1d4;color:#3c2418;border:2px solid #97662a;box-shadow:0 5px 20px #0007;opacity:0;pointer-events:none}#notice.visible{opacity:1}.render-fallback{background:url('/assets/sharedassets2/UI_Frame_EndScreen-79.webp') center/cover}.render-fallback .board-area{left:calc(50% - 220px);top:170px;width:440px;height:352px}.calm *, .calm *:before,.calm *:after{animation:none!important;transition:none!important}.calm .turn-transition{display:none}
@media(max-width:1150px){.menu-panel{margin-top:95px;padding:35px 25px 28px}.pattern-table{grid-template-columns:240px 1fr;padding-inline:10px;gap:15px}.private-card{padding:12px 15px}.blueprints{margin-top:0}.round-header{left:16%;right:16%}.turn-order{gap:10px}.turn-order span{font-size:.9rem}.objective-mini{width:74px;min-height:80px;font-size:.7rem}.objective-mini img{width:60px;height:60px}.objective-left{right:calc(100% - var(--board-left) + 12px)}.objective-right{left:calc(var(--board-left) + var(--board-width) + 12px)}.player-peeks{width:140px;top:110px}.tools-row{left:17%;right:17%;gap:20px}.tool-button{width:70px;height:70px}.audio-strip{gap:8px;padding-inline:8px;font-size:.9rem}.audio-channel input{width:80px}.audio-channel output{display:none}.audio-status{font-size:.75rem}.audio-source select{width:135px}.draft-area{left:16%;right:16%}}
@media(max-width:760px),(max-height:560px){:root{--audio-height:104px}.top-controls{top:7px;left:8px;right:8px}.settings-button{font-size:1.1rem;background-size:45px;min-height:45px}.settings-button img{width:27px;height:27px}.settings-button span{display:none}.languages button{width:44px;padding:7px;min-height:44px}.languages img{width:28px;height:19px}.home{gap:5vh;padding-top:7vh}.logo{width:94vw;height:27vh}.gem{min-height:57px;font-size:1.5rem;padding:11px 27px}.main-buttons{gap:12px;width:min(370px,86vw)}.home .credits-link{position:static;margin-top:auto;font-size:.9rem}.menu-panel{width:calc(100% - 16px);margin:75px 8px 45px;padding:18px 14px 24px;border-width:12px}.menu-panel>h1{margin:-26px -18px 15px;padding:22px 20px;font-size:1.9rem}.panel-footer{margin:20px -12px -44px;gap:8px}.panel-footer .gem{min-width:130px;font-size:1.25rem}.form-buttons{gap:7px}.field{font-size:1.1rem}.lobby-settings{grid-template-columns:1fr;gap:0}.room-heading{gap:7px}.players-list li{font-size:1rem;gap:8px}.players-list li>span:nth-child(2){font-size:.8rem}.local-options{gap:15px}.pattern-table{display:flex;flex-direction:column;padding:65px 7px 115px;gap:10px;width:100%}.pattern-private{display:flex;gap:7px;align-items:center;padding-top:0;justify-content:center}.pattern-private .private-card{padding:8px 12px;max-width:350px;display:grid;grid-template-columns:70px 1fr;gap:2px 8px;margin:0}.pattern-private .private-art{grid-row:1/4}.private-art img{width:70px;height:70px}.private-art b{font-size:.8rem;left:35%;top:5%;padding:1px 4px}.pattern-private .private-card h2{margin:0;font-size:1.1rem}.pattern-private .private-card p{font-size:.9rem;margin:0}.pattern-private .private-card small{font-size:.75rem}.blueprints{display:none}.pattern-sheet{padding:8px;width:100%}.favor-heading{min-height:34px;font-size:1.1rem}.pattern-options{gap:3px}.pattern-option{border-width:2px;font-size:.95rem;padding-bottom:6px}.pattern-confirm{left:0;right:0;bottom:7px}.pattern-confirm h1{font-size:1.3rem}.pattern-confirm .gem{min-width:240px;min-height:56px}.audio-strip{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'source status' 'music effects';gap:0 8px;justify-content:stretch;padding:3px 7px;min-height:104px}.audio-source{grid-area:source;gap:4px;min-width:0;font-size:.8rem}.audio-source>span{display:none}.audio-source select{width:100%;min-width:0;min-height:42px;font-size:.9rem;padding:5px}.audio-channel{min-width:0;gap:4px}.audio-channel:has([data-mute=music]){grid-area:music}.audio-channel:has([data-mute=effects]){grid-area:effects}.audio-channel button{min-width:64px;padding:4px;font-size:.85rem;min-height:44px}.audio-channel input{width:100%;min-width:40px}.audio-status{grid-area:status;justify-content:center;gap:6px;flex-wrap:wrap;font-size:.75rem;line-height:1.1;max-width:none}.audio-status output{max-width:90px}.audio-status button{font-size:.75rem;min-height:32px}.audio-strip.has-error{min-height:130px}.round-header{left:0;right:0;top:58px;padding:0 7px 6px;border-radius:0 0 15px 15px}.turn-order{gap:9px;justify-content:flex-start;overflow-x:auto;min-height:29px}.turn-order span{font-size:.86rem}.round-track{gap:2px}.round-track button{font-size:1.12rem;min-width:0;min-height:36px;padding:0;flex:1}.round-track .active{outline-width:1px}.player-peeks{top:8px;left:108px;right:58px;width:auto;display:flex;flex-direction:row;gap:5px;overflow-x:auto}.player-peeks button{padding:3px 6px;min-height:43px;min-width:74px;font-size:.8rem;gap:5px}.player-peeks b{font-size:.65rem}.objective-left,.objective-right{top:146px;flex-direction:row;max-width:none;gap:5px;align-items:flex-start}.objective-left{left:8px;right:auto}.objective-right{right:8px;left:auto}.objective-mini{width:48px;min-height:52px;background:#3b2d20e8}.objective-mini img{width:43px;height:43px}.objective-mini span{display:none}.objective-mini b{font-size:.75rem;bottom:2px;left:1px}.favor-tokens{padding:3px;max-width:54px;gap:0;background:#3b2d20de;min-height:48px}.favor-tokens img{width:11px;height:14px}.favor-tokens span{font-size:.75rem}.window-grid{border-width:2px;gap:2px}.window-name{font-size:1.15rem;padding:4px;min-height:31px}.window-name button{min-height:28px;font-size:.8rem;padding:2px 5px}.draft-area{left:6px;right:6px;top:calc(var(--board-top) + var(--board-height) + 39px);gap:3px}.draft-pool{gap:4px;max-width:100%}.draft-die{width:44px;height:44px;min-height:44px}.current-action{padding:3px;gap:2px;min-height:55px}.current-action p{font-size:.88rem;padding:3px 7px;max-width:95vw}.action-buttons{gap:6px}.action-buttons .gem{font-size:1.05rem;min-height:44px;padding:6px 23px;min-width:145px}.action-buttons>button:not(.gem){font-size:.9rem;min-height:40px;padding:3px 10px}.tools-row{left:8px;right:8px;bottom:calc(var(--audio-height) + 9px);gap:15px;justify-content:center}.tool-button{width:58px;height:58px;min-width:44px}.tool-button span{font-size:.65rem;left:30%;top:-4px}.tool-buttons{gap:1px}.round-button{width:44px;height:44px;padding:10px;font-size:1.5rem}.table-status{left:6px;right:6px;bottom:calc(var(--audio-height) + 72px);max-width:none;flex-direction:row;justify-content:space-between;font-size:.7rem;padding:2px 5px;background:#2d241def;gap:4px}.table-status span:nth-child(2){max-width:100px;white-space:nowrap;overflow:hidden}.table-status button{font-size:.7rem}.dialog-shade{padding:5px 4px calc(var(--audio-height) + 6px)}.dialog{border-width:8px}.dialog>header{padding:8px 10px;gap:8px}.dialog>header h1{font-size:1.3rem}.dialog-body{padding:14px 13px;font-size:1rem}.intro-cards{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding-bottom:6px}.intro-cards article{min-width:83%;scroll-snap-align:start;padding:16px}.intro-cards img{height:170px}.intro-cards h2{font-size:1.4rem}.intro-cards p{font-size:1rem}.tool-detail{grid-template-columns:105px 1fr;gap:10px}.tool-detail img{width:105px;height:105px}.tool-detail p{font-size:1rem}.rules-illustration{width:150px;margin-left:10px}.inspect-art{width:120px;height:180px;margin-right:15px}.solo-choices{gap:12px}.solo-choices>div{max-width:100%}.solo-choices .private-card{max-width:280px}.results-grid{grid-template-columns:1fr;gap:15px}.result-window .mini{max-width:360px;margin:auto}.score-replay{left:5px;right:5px;bottom:calc(var(--audio-height) + 77px);gap:5px;padding:7px}.score-replay b{font-size:1rem;flex-basis:100%;text-align:center}.score-replay button{min-height:36px;font-size:.9rem;padding:3px 8px}.clear-highlights{bottom:calc(var(--audio-height) + 135px);right:8px;font-size:.8rem;padding:4px 8px;min-height:36px}.tutorial-hint{left:10px;right:10px;top:205px;bottom:auto;width:auto;font-size:.85rem;padding:8px}.tutorial-hint button{margin:3px 0 0;min-height:32px}.render-fallback .board-area{left:6vw;top:230px;width:88vw;height:70.4vw}}
@media(max-height:760px) and (min-width:761px){.round-header{padding-bottom:3px}.round-track button{min-height:34px;font-size:1.3rem}.turn-order{min-height:27px}.draft-area{top:calc(var(--board-top) + var(--board-height) + 43px)}.window-name{padding:4px;font-size:1.2rem}.draft-die{width:46px;height:46px}.current-action{min-height:52px}.current-action p{font-size:.88rem;padding-block:2px}.tool-button{width:61px;height:61px}.tools-row{bottom:calc(var(--audio-height) + 5px)}.logo{height:29vh}.home{gap:3vh}.main-buttons{gap:9px}.main-buttons .gem{min-height:55px}.pattern-table{padding-top:60px;max-width:1100px}.pattern-options{max-width:600px;margin:auto}.pattern-option img{max-height:210px;object-fit:contain}.pattern-confirm h1{font-size:1.6rem}}
.private-card{position:relative;padding:0;background:none;box-shadow:none;aspect-ratio:349/568;width:min(260px,100%)}.private-card-art{width:100%;height:100%;display:block;object-fit:contain}.private-card-points{position:absolute;top:10%;left:41%;right:41%;font-size:2rem;text-align:center;color:#171717}.private-card-text{position:absolute;left:9%;right:9%;top:64%;font-size:1rem}.private-card-text h2{font-size:1.25rem;text-transform:capitalize}.private-card-text p{font-size:1rem;line-height:1.25}.private-card-text small{font-size:.8rem}.cell:disabled{opacity:1;filter:none}.drag-follower{position:fixed;z-index:90;pointer-events:none;opacity:1;filter:drop-shadow(4px 8px 4px #0008)}.cell.drop-target{outline:5px solid #f6e492;outline-offset:-5px}.draft-die{touch-action:none}.drag-active{user-select:none;cursor:grabbing}
@media(max-width:760px),(max-height:560px){.pattern-private .private-card{display:block;width:140px;min-width:115px;aspect-ratio:349/568;padding:0;max-width:160px}.pattern-private{max-height:215px;overflow:hidden;align-items:flex-start}.pattern-private .private-card-art{width:100%;height:100%}.pattern-private .private-card-text{top:60%;left:7%;right:7%}.pattern-private .private-card h2{font-size:.9rem;line-height:1}.pattern-private .private-card p{font-size:.73rem;line-height:1.1}.pattern-private .private-card small{font-size:.65rem}.private-card-points{font-size:1.15rem}.pattern-sheet{margin-top:0}}
@media(max-width:760px),(max-height:560px){#cathedral{position:absolute;min-height:900px}.play-table{min-height:796px}.board-area,.draft-area,.objective-left,.objective-right{position:absolute}.tools-row{position:absolute;top:calc(var(--board-top) + var(--board-height) + 185px);bottom:auto}.table-status{position:absolute;top:calc(var(--board-top) + var(--board-height) + 153px);bottom:auto}.current-action{min-height:80px}.tutorial-hint{position:absolute;top:196px}}
.flying-die{position:fixed;z-index:45;pointer-events:none;transform-origin:top left;filter:drop-shadow(4px 7px 3px #0008)}.glass-shard{position:fixed;z-index:55;width:25px;height:40px;clip-path:polygon(0 0,100% 32%,20% 100%);pointer-events:none}.intro-cards article{position:relative}.intro-cards article img{object-fit:contain}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.turn-transition{display:none}}

@media(max-width:760px),(max-height:560px){.window-name{left:-4%;right:-4%;width:auto;}.audio-channel output{display:block;min-width:26px;font-size:.65rem}.audio-channel input{min-width:25px}.audio-channel button{min-width:60px}}

.pattern-preview{display:block;position:relative;width:100%;aspect-ratio:509/485}.pattern-option .pattern-preview{margin:0}.pattern-option .pattern-preview span{margin:0}.pattern-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.pattern-restrictions{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);position:absolute;left:7.46%;top:7.63%;width:86.44%;height:72.58%;gap:1px;background:#594d41;border:1px solid #594d41}.pattern-restrictions>span{background-size:100% 100%;min-width:0}.pattern-favors{display:flex;position:absolute;top:81%;right:6%;gap:2px}.pattern-option .pattern-favors img,.pattern-favors img{width:17px;height:17px}.cell.staged{touch-action:none}

.pattern-option .pattern-frame{max-height:none}.pattern-option .pattern-favors img{max-height:none}

@media(min-width:761px) and (min-height:561px){.pattern-table{padding-top:70px;padding-bottom:120px}.pattern-options{width:min(100%,calc((100dvh - var(--audio-height) - 340px)*1.05));margin:auto}.pattern-private{padding-top:0}.pattern-private .private-card{max-width:clamp(150px,25vh,280px)}.blueprints{max-height:18vh;object-fit:contain}}

.intro-cards .intro-tool,.intro-cards .intro-objective{position:relative;width:100%;max-width:300px;min-height:0;margin:auto;padding:0;background-repeat:no-repeat;background-position:center;box-shadow:none}.intro-cards .intro-tool{aspect-ratio:327/480;background-size:156.6% 106.7%}.intro-cards .intro-objective{aspect-ratio:349/568;background-size:100% 100%}.intro-cards .intro-tool h2,.intro-cards .intro-objective h2{position:absolute;left:7%;right:7%;margin:0;font-size:1.35rem;line-height:1.1;text-align:center}.intro-cards .intro-tool h2{top:7%}.intro-cards .intro-objective h2{top:68%}.intro-cards .intro-tool p,.intro-cards .intro-objective p{position:absolute;left:9%;right:9%;margin:0;font-size:1.06rem;line-height:1.22;text-align:center}.intro-cards .intro-tool p{top:57%}.intro-cards .intro-objective p{top:78%}.intro-cards .intro-tool small{position:absolute;bottom:7%;left:9%;right:9%;text-align:center;font-size:.85rem}.intro-points{position:absolute;top:15%;left:50%;transform:translateX(-50%);font-size:1.8rem;color:#30261d}
@media(max-width:760px),(max-height:560px){.intro-cards .intro-tool,.intro-cards .intro-objective{min-width:83%;max-width:270px}.intro-cards .intro-tool p,.intro-cards .intro-objective p{font-size:1rem}}

.audio-strip{z-index:60}