:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9e9e0;background:#191e1c;font-synthesis:none;font-size:13px;font-weight:400;--muted: #8c958e;--line: #ffffff0d;--accent: #d5af7c}*{box-sizing:border-box}body{margin:0}html{touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;transition:background .16s,color .16s,transform .16s}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:hover:not(:disabled){color:#f6d2a1}input{color:inherit;outline:none}input:focus{border-color:#b99567!important}button svg{flex-shrink:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.app{height:100dvh;overflow:hidden}.topbar{height:76px;background:#1b211e;border-bottom:1px solid #ffffff08;display:flex;align-items:center;padding:0 30px;gap:23px;position:relative;z-index:4}.brand{display:flex;align-items:center;gap:9px;font-family:Georgia,serif;font-size:34px;letter-spacing:-1.4px;color:#f3eee1}.brand-mark{font-size:43px;line-height:1;color:#d6b282;margin-right:1px}.brand-dot{color:#d6b282;margin-left:-9px}.top-divider{height:25px;width:1px;background:#ffffff12;margin-left:7px}.room-title{display:flex;gap:17px;align-items:center;font-size:13px;color:#d7dcd6}.private-badge{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1.2px;color:#a6afa6;border:1px solid #ffffff0d;padding:6px 8px;border-radius:4px}.top-spacer{flex:1}.save-status{font-size:10px;color:#929d93;display:flex;align-items:center;gap:7px;white-space:nowrap}.status-dot,.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8eaa8d;flex-shrink:0}.player-stack{display:flex;padding:0}.player-stack span,.avatar{display:grid;place-items:center;background:#6e7f6e;border:3px solid #1b211e;border-radius:50%;width:35px;height:35px;font-size:11px;color:#f0ebdb}.player-stack span+span{margin-left:-10px;background:#8d7863}.invite-button{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid #d1b38745;border-radius:6px;color:#dbbd94;font-size:11px;background:#c59b5c08}.invite-button:hover{background:#c59b5c15}.icon-button{display:grid;place-items:center;width:32px;height:32px;color:#8d9890;border-radius:5px}.icon-button:hover{background:#ffffff08}.menu-button{margin-left:-9px}.workspace{display:flex;height:calc(100dvh - 76px)}.play-area{position:relative;flex:1;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 48% 42%,#354037,#252e28 47%,#1b221e 85%)}.table-heading{position:absolute;top:34px;left:38px;z-index:2;pointer-events:none;transition:opacity 1.15s ease}.eyebrow{font-size:8px;letter-spacing:1.8px;color:#a7b29e;font-weight:600;display:flex;gap:7px;align-items:center}.table-heading h1{font-family:Georgia,serif;font-weight:400;font-size:31px;letter-spacing:-.9px;margin:12px 0 9px;color:#eee9d9}.table-heading p{font-size:11px;color:#929e93}.table-status{position:absolute;right:26px;top:39px;display:flex;align-items:center;gap:8px;font-size:9px;color:#95a193;z-index:2;transition:top .9s ease,left .9s ease,right .9s ease}.status-separator{opacity:.35;padding:0 3px}.table-canvas{position:absolute;inset:82px -12px 104px;touch-action:none}.table-canvas canvas{display:block;width:100%;height:100%;outline:none}.left-tools{position:absolute;left:25px;top:45%;transform:translateY(-50%);background:#1b231de8;border:1px solid #b5c3a516;box-shadow:0 8px 25px #0002;padding:5px;border-radius:9px;display:flex;flex-direction:column;gap:3px;z-index:2}.tool{width:39px;height:40px;display:grid;place-items:center;border-radius:5px;color:#99a293}.tool.active{background:#d2b183;color:#282f27}.tool.active-soft{color:#dcc29a;background:#ffffff04}.tool:hover{background:#ffffff0a}.left-tools>span{height:1px;background:#ffffff0b;margin:4px}.camera-tools{position:absolute;bottom:170px;right:27px;display:flex;align-items:center;background:#1b231de8;border:1px solid #b5c3a516;border-radius:7px;height:36px;padding:0 4px;gap:2px;z-index:2}.camera-tools button{height:30px;width:29px;display:grid;place-items:center;color:#a4aea1}.camera-tools span{font-size:10px;color:#bdc3b8;min-width:34px;text-align:center}.camera-tools i{width:1px;height:15px;background:#ffffff15;margin:0 4px}.hand-area{position:absolute;bottom:39px;left:50%;transform:translate(-50%);width:min(495px,calc(100% - 130px));background:linear-gradient(135deg,#29322bda,#222b24da);border:1px solid #b4c6a314;border-radius:11px;z-index:2;box-shadow:0 9px 32px #0001;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hand-header{display:flex;align-items:center;gap:2px;padding-right:8px}.hand-label{display:flex;align-items:center;gap:8px;text-align:left;padding:12px 8px 12px 17px;color:#c5cebc;font-size:10px}.hand-label>span{background:#ffffff08;font-size:9px;min-width:17px;text-align:center;padding:2px 4px;border-radius:4px}.hand-reveal,.hand-fold{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:#879581;border-radius:5px}.hand-reveal{color:#c5cebc}.hand-reveal:hover,.hand-fold:hover{color:#e8d4b0;background:#ffffff08}.hand-fold{margin-left:auto}.hand-content{min-height:75px;display:flex;align-items:center;justify-content:safe center;gap:18px;padding:6px 18px 18px;overflow-x:auto;overflow-y:hidden;max-height:190px;touch-action:pan-x;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.hand-content strong{font-size:10px;font-weight:500;color:#abb6a6}.hand-content p{font-size:9px;color:#758571;margin-top:5px}.empty-cards{width:44px;height:36px;position:relative;flex-shrink:0}.empty-cards span{position:absolute;height:30px;width:23px;border:1px solid #81927a6b;border-radius:3px;left:10px;top:3px;transform:rotate(-15deg);background:#29342c}.empty-cards span:nth-child(2){transform:rotate(15deg);left:17px}.empty-cards span:nth-child(3){left:13px;top:0;transform:rotate(0)}.hand-lock{margin-left:auto;color:#6f816b;flex-shrink:0}.hand-card{background:#eee6d1;color:#263f35;border:1px solid #d3b992;border-radius:5px;min-width:64px;min-height:86px;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:Georgia,serif;box-shadow:1px 3px 5px #0003;transform:rotate(-3deg);touch-action:pan-x;flex-shrink:0;cursor:grab}.hand-card:hover{transform:translateY(-6px);color:#263f35!important}.hand-card.red{color:#a34f40}.hand-card b{align-self:flex-start;padding:4px 4px 0;font-size:15px}.hand-card>span{font-size:26px}.hand-card small{font-family:Arial,sans-serif;font-size:7px;color:#80795e;padding-bottom:4px}.hand-card.has-face{padding:0;gap:0;overflow:hidden;background:#1c1814;border-color:#d3b99266}.hand-card.has-face .asset-card-image{width:64px;height:86px;object-fit:cover;border-radius:4px;display:block}.hand-card.face-down{background:linear-gradient(145deg,#2f4a3c,#1c2d24);color:#c9b087;border-color:#3d5a4a;justify-content:center}.hand-card.face-down.has-face{background:#1c2d24}.hand-card-back{font-size:22px;opacity:.85}.collapsed{width:180px}.rotated{transform:rotate(180deg)}.table-footer{position:absolute;bottom:14px;left:29px;right:26px;display:flex;justify-content:space-between;align-items:center;color:#73816f;font-size:9px}.table-footer>span,.table-footer button{display:flex;align-items:center;gap:7px}.table-footer i{width:2px;height:2px;border-radius:50%;background:#71806b;margin:0 4px}.table-footer button{font-size:9px}.side-panel{width:324px;min-height:0;overflow:hidden;flex-shrink:0;background:#1d2420;border-left:1px solid #ffffff09;display:flex;flex-direction:column;z-index:3}.panel-header{flex-shrink:0;padding:29px 23px 23px;display:flex;align-items:center;justify-content:space-between}.panel-header .eyebrow{font-size:7px;letter-spacing:1.3px;color:#7e8d7f}.panel-header h2{font-size:19px;font-family:Georgia,serif;font-weight:400;margin-top:10px;letter-spacing:-.3px;color:#e1e4d7}.search{margin:0 22px;height:38px;background:#151c18;border:1px solid #ffffff08;border-radius:6px;display:flex;align-items:center;gap:10px;padding:0 11px;color:#748272}.search input{width:100%;min-width:0;background:none;border:none;font-size:10px}.search input::placeholder{color:#798675}.search kbd{font-size:12px;color:#596c58}.tabs{display:flex;gap:6px;margin:19px 22px 21px;padding-bottom:17px;border-bottom:1px solid #ffffff09}.tabs button{padding:6px 10px;font-size:10px;color:#82917f;border-radius:5px}.tabs button.selected{background:#d7b48017;color:#d3b58c}.library-scroll{flex:1;min-height:0;overflow:auto;padding:0 22px;scrollbar-width:thin;scrollbar-color:#455340 transparent}.section-label{display:flex;justify-content:space-between;align-items:center;margin:0 0 17px}.section-label span:first-child{font-size:10px;letter-spacing:.15px;color:#b5beae}.section-label span:last-child{font-size:9px;color:#687a66}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 13px}.library-item{display:flex;flex-direction:column;padding:0;text-align:left;min-width:0}.object-preview{width:100%;height:107px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 50% 50%,#3a4236,#2a322a);border:1px solid #ffffff06;border-radius:7px;overflow:hidden;transition:background .2s}.library-item:hover .object-preview{background:radial-gradient(ellipse at 50% 50%,#505440,#333d30);border-color:#d6b47d44}.library-item:hover .add-badge{opacity:1;transform:none}.library-item>strong{font-size:10px;font-weight:500;color:#c8d0c0;margin:10px 0 6px;white-space:nowrap;letter-spacing:-.2px}.object-meta{font-size:8px;color:#75866f;display:flex;gap:5px;align-items:center}.add-badge{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;background:#d4b382;color:#252b21;width:23px;height:23px;border-radius:4px;opacity:0;transform:translateY(4px);transition:.2s}.mini-deck{position:relative;width:43px;height:63px;transform:rotate(-17deg) skewY(4deg);filter:drop-shadow(7px 10px 5px #0005)}.mini-deck>div{position:absolute;inset:0;background:#e6d9b8;border:1px solid #988567;border-radius:3px;transform:translate(4px,5px)}.mini-deck>div:nth-child(2){transform:translate(2px,2px)}.mini-deck>div:last-child{transform:none;background:repeating-linear-gradient(45deg,transparent,transparent 4px,#c5996e44 4px,#c5996e44 5px),repeating-linear-gradient(-45deg,#89513c,#89513c 4px,#c5996e44 4px 5px);border:3px double #d9c09d;display:grid;place-items:center}.mini-deck span{display:grid;place-items:center;width:25px;height:31px;background:#95563e;border:1px solid #d6b380;border-radius:50%;color:#e6c494;font-size:25px}.mini-deck.single>div:not(:last-child){display:none}.mini-dice{width:48px;height:48px;border-radius:8px;background:linear-gradient(120deg,#f6ecd3,#c5ba9c);transform:rotate(-16deg) skewY(3deg);box-shadow:5px 7px #958b72,10px 16px 13px #0004;position:relative}.mini-dice i{position:absolute;width:7px;height:7px;border-radius:50%;background:#344434;box-shadow:inset 1px 2px 2px #1119;left:8px;top:8px}.mini-dice i:nth-child(2){left:32px}.mini-dice i:nth-child(3){top:32px}.mini-dice i:nth-child(4){top:32px;left:32px}.mini-dice i:nth-child(5){left:20px;top:20px}.mini-board{display:grid;grid-template-columns:repeat(8,1fr);width:76px;height:64px;border:5px solid #907658;transform:perspective(150px) rotateX(27deg) rotate(-16deg);box-shadow:3px 5px #5d4d38,6px 12px 10px #0005}.mini-board i{background:#cfc9ad}.mini-board i.dark{background:#596653}.mini-tokens{position:relative;width:68px;height:42px;transform:rotate(-12deg)}.mini-tokens i{position:absolute;left:0;bottom:0;width:38px;height:26px;border-radius:50%;background:radial-gradient(ellipse,#b78254 45%,#d3a578,#b17d52 53%,#d9a578);box-shadow:0 5px #92603b,4px 9px 9px #0004}.mini-tokens i:nth-child(2){left:30px;top:1px}.mini-tokens i:nth-child(3){left:18px;top:-8px}.mini-pawn{height:77px;width:45px;position:relative;filter:drop-shadow(5px 7px 4px #0004)}.mini-pawn i{width:27px;height:27px;position:absolute;top:4px;left:9px;background:radial-gradient(circle at 30% 30%,#c7d0b9,#74836b);border-radius:50%;z-index:2}.mini-pawn b{position:absolute;top:23px;left:9px;width:28px;height:41px;background:linear-gradient(90deg,#829176,#aab79b,#63735e);clip-path:polygon(30% 0,70% 0,85% 80%,100% 100%,0 100%,15% 80%)}.mini-pawn span{position:absolute;bottom:7px;width:43px;height:14px;border-radius:50%;background:linear-gradient(90deg,#9aa88a,#bec8ad,#6e7d64);box-shadow:0 4px #5f7058}.mini-counter{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:65px;border-radius:7px;background:linear-gradient(110deg,#8b9b82,#697b62);color:#e9ead9;font-family:Georgia,serif;font-size:30px;transform:rotate(-9deg);box-shadow:3px 5px #4d5e46,8px 12px 13px #0004}.mini-counter span{font-size:15px;border-top:1px solid #ffffff20;width:100%;text-align:center;padding-top:3px;margin-top:2px}.mini-note{width:59px;height:61px;background:#cbb88a;transform:rotate(-10deg);box-shadow:4px 8px 12px #0004;padding:17px 10px}.mini-note i{display:block;background:#a89366;height:2px;margin-bottom:7px}.mini-note i:last-child{width:65%}.mini-bag{background:linear-gradient(100deg,#b6a084,#827056);width:50px;height:56px;border-radius:15px 15px 20px 20px;display:grid;place-items:center;color:#daceb4;font-size:32px;box-shadow:4px 8px 8px #0003;border-top:6px solid #6c5b44;transform:rotate(-10deg)}.mini-tile{width:65px;height:58px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(120deg,#a8b69d,#6b8167);display:grid;place-items:center;color:#d2ddc8;font-size:32px;transform:rotate(-15deg)}.library-tip{display:flex;align-items:center;gap:11px;padding:23px 0;color:#8c9e7f}.library-tip p{font-size:9px;line-height:1.8;color:#adb79f}.library-tip p span{font-size:8px;color:#73816b}.import-section{padding:16px 22px 19px;border-top:1px solid #ffffff08;background:#1b221d}.import-section button{display:flex;align-items:center;gap:9px;width:100%;border:1px dashed #7e927440;border-radius:6px;padding:12px 10px;font-size:10px;color:#bfccb4}.import-section button svg:last-child{margin-left:auto}.import-section p{font-size:8px;text-align:center;color:#64795e;margin-top:10px}.object-actions{position:absolute;bottom:178px;left:50%;transform:translate(-50%);border:1px solid #d6b88930;background:#1c251ff5;padding:11px 13px;border-radius:9px;z-index:3;box-shadow:0 9px 20px #0004;max-width:calc(100% - 110px);width:max-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.object-actions>div:first-child{display:flex;align-items:center;gap:15px;padding:0 3px 8px}.object-actions .eyebrow{font-size:7px}.object-actions strong{font-size:10px;font-weight:500}.action-buttons{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.action-buttons button{display:flex;align-items:center;gap:7px;font-size:10px;height:32px;min-width:32px;justify-content:center;border-radius:4px;padding:0 7px;background:#ffffff05;color:#c0cbb8}.action-buttons button:hover{background:#d1b48520}.action-buttons small{color:#dfc295}.players-panel{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#455340 transparent;padding:0 23px max(23px,env(safe-area-inset-bottom))}.player-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #ffffff08}.player-row strong{font-size:12px}.player-row p{font-size:9px;margin-top:6px;color:#889980}.player-row>.status-dot{margin-left:auto}.invite-card{margin-top:36px;border:1px solid #ffffff0b;border-radius:9px;padding:22px;background:#ffffff02}.invite-card>svg{color:#cdb086}.invite-card h3{font-family:Georgia,serif;font-size:24px;font-weight:400;line-height:1.3;margin:16px 0}.invite-card p{font-size:11px;line-height:1.8;color:#8e9d84}.invite-card code{display:block;font-size:21px;letter-spacing:3px;text-align:center;margin:20px 0;color:#e0c296}.invite-card .primary{margin-top:24px}.text-button{display:flex;gap:8px;align-items:center;justify-content:center;margin:18px auto 0;font-size:11px;color:#aaae9d}.modal-backdrop{position:fixed;inset:0;background:#0c130fd4;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:10;display:flex;align-items:center;justify-content:center;padding:22px}.modal{position:relative;background:#242d26;border:1px solid #b9c6a723;border-radius:14px;width:460px;max-width:100%;max-height:calc(100dvh - 44px);overflow:auto;padding:38px;box-shadow:0 35px 100px #0005;scrollbar-width:thin}.modal-close{position:absolute;right:15px;top:15px}.modal h2{font-family:Georgia,serif;font-size:33px;font-weight:400;letter-spacing:-.8px;line-height:1.2;margin-top:19px;color:#eee8d8}.modal-intro{font-size:12px;line-height:1.8;color:#99a68f;margin:16px 0 26px}.modal form label{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#b1bca6;margin-bottom:18px}.modal input{padding:12px 13px;background:#19231c;border:1px solid #ffffff14;border-radius:6px;width:100%;font-size:12px}.primary{background:#d1b183;color:#232d23;border:1px solid #dac099;display:flex;justify-content:center;align-items:center;gap:12px;padding:13px 17px;border-radius:6px;font-size:12px;font-weight:600;width:100%}.primary:hover:not(:disabled){background:#e2c497;color:#172317}.secondary{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #b6c2a726;border-radius:6px;padding:12px;margin-top:13px;font-size:11px;width:100%;color:#bbc6ae}.privacy-note{font-size:9px;color:#7e9173;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:21px;line-height:1.7}.error{color:#e3a591;background:#b8493320;padding:12px;border-radius:6px;font-size:11px;line-height:1.6;margin:12px 0}.menu-list{display:flex;flex-direction:column}.menu-list button,.menu-list a{display:flex;align-items:center;gap:14px;padding:13px 0;font-size:12px;text-align:left;border-bottom:1px solid #ffffff08;width:100%}.menu-list svg{width:17px;color:#a1af92}.menu-list svg:last-child{margin-left:auto;width:14px;color:#75866b}.save-list{display:flex;flex-direction:column;gap:10px}.save-list button{display:flex;align-items:center;gap:15px;text-align:left;padding:15px;border:1px solid #ffffff0a;border-radius:6px}.save-list button>svg{color:#abb994}.save-list button>svg:last-child{margin-left:auto}.save-list strong{font-size:12px}.save-list span{font-size:9px;display:block;margin-top:6px;color:#85987a}.setting-label{font-size:11px;color:#b9c4ab}.swatches{display:flex;gap:15px;margin:17px 0 25px}.swatches button{font-size:9px;display:flex;flex-direction:column;align-items:center;gap:9px;color:#9aa98d}.swatches span{display:grid;place-items:center;width:55px;height:42px;border-radius:5px;border:1px solid #ffffff14}.swatches .chosen span{outline:1px solid #d2b27e;outline-offset:3px;color:#d2b27e}.setting-row{padding:20px 0;border-top:1px solid #ffffff0b;display:flex;gap:15px;align-items:center;justify-content:space-between}.setting-row strong{font-size:12px}.setting-row p{font-size:10px;color:#899a7d;margin-top:7px}.setting-row svg{color:#aabd93}.help-list>div{display:flex;gap:17px;margin-bottom:22px}.help-list svg{width:21px;flex-shrink:0;color:#d0b385;margin-top:3px}.help-list p{font-size:11px;color:#95a689;line-height:1.7}.help-list strong{display:block;font-size:12px;color:#cad2bd;margin-bottom:3px;font-weight:500}.shortcut-row{display:flex;gap:15px;flex-wrap:wrap;border-top:1px solid #ffffff0b;padding-top:18px;font-size:9px;color:#8a9c7e}.shortcut-row kbd{border:1px solid #ffffff1a;padding:3px 5px;border-radius:4px;margin-right:5px;color:#bbcaac}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#d2b589;color:#283322;padding:14px 18px;border-radius:8px;z-index:30;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #0005;font-size:12px;max-width:90vw}.toast button{display:grid;place-items:center;padding:0 0 0 10px;color:#4b553f}.empty-text{font-size:12px;color:#91a183;line-height:1.7;padding:20px 0}@media(min-width:1600px){.side-panel{width:355px}.object-preview{height:127px}.table-heading{top:45px;left:49px}.table-heading h1{font-size:38px}.play-area.heading-gone .table-status{top:28px;left:49px}.table-canvas{inset:65px 0 100px}.library-item>strong{font-size:11px}.library-grid{gap:24px 17px}}@media(max-width:1150px){.private-badge{display:none}.topbar{padding:0 20px;gap:17px}.save-status{display:none}.side-panel{width:290px}.table-heading{left:28px}.table-heading h1{font-size:28px}.table-status{top:132px;left:29px;right:auto}.play-area.heading-gone .table-status{top:22px;left:28px}.library-item>strong{font-size:9px}.object-preview{height:94px}.table-footer>span{display:none}.table-footer{justify-content:flex-end}.hand-area{width:calc(100% - 85px)}.camera-tools{bottom:180px;right:18px}.object-actions{bottom:225px}.table-canvas{inset:125px -70px 95px}}@media(max-width:800px){.side-panel{position:absolute;right:0;top:76px;bottom:0;width:300px;box-shadow:-10px 0 40px #0005}.play-area{width:100%}.table-canvas{inset:95px -15px 110px}.table-status{left:auto;right:24px;top:38px}.table-heading h1{font-size:30px}.table-heading p{font-size:10px}.hand-area{width:420px;max-width:calc(100% - 80px)}.topbar{gap:14px}.top-divider{display:none}.room-title{font-size:12px}.brand{font-size:30px}.brand-mark{font-size:37px}.player-stack{display:none}}@media(max-width:560px){.topbar{height:64px;padding:0 15px;gap:11px}.brand{font-size:29px}.brand-mark{font-size:34px}.brand-dot{margin-left:-9px}.room-title{display:none}.invite-button{padding:9px;font-size:10px}.invite-button span{display:none}.menu-button{margin-left:0}.workspace{height:calc(100dvh - 64px)}.side-panel{top:64px;width:min(310px,90vw)}.table-heading{top:26px;left:22px}.table-heading h1{font-size:27px;margin-top:10px}.table-heading .eyebrow{font-size:7px}.table-status{top:133px;left:23px;right:auto;font-size:8px}.play-area.heading-gone .table-status{top:18px;left:22px}.table-canvas{inset:160px -45px 145px}.left-tools{left:12px;top:46%;padding:4px}.tool{height:37px;width:34px}.hand-area{bottom:42px;max-width:calc(100% - 30px)}.hand-content{gap:12px;padding:4px 12px 15px;min-height:68px}.hand-content strong{font-size:9px}.hand-content p{font-size:8px}.hand-label{padding:11px 13px}.camera-tools{top:max(54px,calc(env(safe-area-inset-top) + 44px));bottom:auto;right:14px}.object-actions{bottom:226px;max-width:calc(100% - 30px)}.table-footer{bottom:15px;right:18px;font-size:8px}.table-footer button{font-size:8px}.modal{padding:32px 24px}.modal h2{font-size:29px}.swatches{gap:12px}.swatches span{width:50px}.toast{font-size:10px;bottom:20px;min-width:260px}.panel-header{padding-top:23px}.hand-lock{display:none}}@media(max-height:650px)and (min-width:561px){.table-heading{top:22px}.table-heading h1{font-size:25px}.table-heading p{display:none}.table-canvas{inset:28px -30px 35px}.hand-area{bottom:32px;width:350px}.hand-content{min-height:50px;padding-bottom:10px}.hand-label{padding:8px 12px}.camera-tools{bottom:39px}.object-actions{bottom:138px}.table-footer{bottom:9px}.panel-header{padding-top:20px;padding-bottom:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.asset-card-image{width:58px;height:78px;object-fit:fill;border-radius:3px}.import-progress{font-size:12px;line-height:1.6;color:var(--accent);margin-top:18px}.topbar{padding-top:env(safe-area-inset-top)}.table-footer{bottom:max(14px,env(safe-area-inset-bottom))}@media(pointer:coarse){.action-buttons button{min-height:44px;min-width:44px}.camera-tools{height:44px}.camera-tools button{height:40px;min-width:36px}.tabs button{min-height:40px}.icon-button{min-width:40px;min-height:40px}}.table-heading.faded{opacity:0}.play-area .table-canvas{transition:none}.play-area.heading-gone .table-canvas{top:18px}.play-area.heading-gone .table-status{top:22px;left:38px;right:auto}@media(min-width:1600px){.play-area.heading-gone .table-status{top:28px;left:49px}}@media(max-width:1150px){.play-area.heading-gone .table-status{left:28px}}@media(max-width:560px){.play-area.heading-gone .table-status{top:18px;left:22px}}.hand-card.dragging-source{opacity:.35}.hand-dragging,.hand-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.hand-drag-ghost{position:fixed;z-index:40;pointer-events:none;transform:translate(-50%,-120%);background:#eee6d1;color:#2a3a32;border:1px solid #d3b992;border-radius:6px;padding:8px 10px;font-size:10px;box-shadow:0 8px 20px #0005;white-space:nowrap}.workshop-link{display:block;margin-top:10px;font-size:10px;color:#cbb892}.workshop{height:100dvh;overflow:hidden;background:#191e1c}.workshop-main{display:flex;height:calc(100dvh - 76px)}.workshop-editor{flex:1;min-width:0;padding:36px 42px 40px;overflow:auto}.workshop-editor h1{font-family:Georgia,serif;font-weight:400;font-size:32px;margin:10px 0 8px;color:#eee9d9}.workshop-editor>p,.workshop-list>p{color:#8b978c;font-size:12px;line-height:1.6;max-width:520px}.workshop-fields{display:grid;grid-template-columns:minmax(180px,2fr) 92px repeat(2,minmax(110px,1fr));gap:14px;margin:22px 0 18px;max-width:720px}.workshop-fields label,.workshop-tools label{display:flex;flex-direction:column;gap:6px;font-size:10px;color:#9aa394}.workshop-fields input,.workshop-fields select,.workshop-text textarea{background:#1c241f;border:1px solid #ffffff14;border-radius:6px;padding:10px 11px;color:#eee9d9}.workshop-text{display:flex;flex-direction:column;gap:6px;max-width:520px;margin:0 0 18px;font-size:10px;color:#9aa394}.workshop-text small{color:#6f7d72}.type-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.type-pills button{border:1px solid #ffffff14;border-radius:999px;padding:8px 12px;font-size:11px;color:#c5cebc}.type-pills button.selected{background:#d2b183;color:#282f27;border-color:#d2b183}.type-pills button.selected:hover{color:#1b2118}.workshop-canvas-wrap{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap}.workshop-editor canvas{background:#2a332c;border:1px solid #b9c6a730;border-radius:10px;width:min(100%,280px);height:auto;touch-action:none;cursor:crosshair}.workshop-editor canvas.shape-round{border-radius:50%}.workshop-editor canvas.shape-hex{clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);border-radius:0;border:0}.workshop-editor canvas.shape-landscape{width:min(100%,360px)}.face-editor{display:flex;flex-direction:column;gap:10px}.face-label,.face-hint{font-size:11px;color:#9aa394}.workshop .tabs{margin:0 0 12px;padding-bottom:10px}.workshop .tabs button.selected{background:#d2b183;color:#282f27}.face-stack .face-hint+.face-editor .face-label{display:none}.workshop-preview{width:168px;display:flex;flex-direction:column;gap:8px;color:#eee9d9}.preview-body{min-height:150px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:14px;box-shadow:0 12px 30px #0004;background-size:cover;background-position:center;color:#1b2118}.preview-card .preview-body,.preview-deck .preview-body{width:132px;min-height:184px;border-radius:10px}.preview-token .preview-body{width:128px;min-height:128px;border-radius:50%}.preview-tile .preview-body{width:140px;min-height:140px;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);border-radius:0}.preview-board .preview-body{width:180px;min-height:180px;border-radius:6px}.preview-dice .preview-body,.preview-model .preview-body,.preview-counter .preview-body,.preview-container .preview-body{background:#24302a!important}.preview-note .preview-body{background:#e5cd8e;align-items:flex-start;justify-content:flex-start}.preview-note-text{display:flex;flex-direction:column;gap:6px;width:100%}.preview-note-text i{display:block;width:auto;height:auto;background:none;font-style:normal;font-size:11px;line-height:1.35;color:#3a3224}.preview-stack{position:relative;width:86px;height:118px}.preview-stack span{position:absolute;inset:0;border-radius:8px;background:linear-gradient(#c47a55,#8b4938);border:1px solid #f4eddb44;box-shadow:0 6px 12px #0004}.preview-stack span:nth-child(1){transform:translate(8px,-8px)}.preview-stack span:nth-child(2){transform:translate(4px,-4px)}.workshop-preview strong{font-size:13px}.workshop-preview em{font-size:10px;font-style:normal;color:#8b978c}.workshop-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:4px 0 8px}.workshop-tools button,.upload-label{display:flex;align-items:center;gap:7px;border:1px solid #ffffff14;border-radius:6px;padding:8px 10px;color:#c5cebc;font-size:11px}.workshop-tools button.active{background:#d2b183;color:#282f27;border-color:#d2b183}.model-upload{width:fit-content;margin-bottom:16px;cursor:pointer}.card-builder{margin:22px 0 8px;max-width:720px}.card-builder-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.card-builder h3{font-family:Georgia,serif;font-weight:400;font-size:20px;margin:0}.card-builder h3 small{font-family:inherit;font-size:12px;color:#8b978c}.card-builder-head .secondary{width:auto;min-width:0;margin:0;display:flex;align-items:center;gap:6px}.card-rows{display:flex;flex-direction:column;gap:8px}.card-row{display:flex;align-items:center;gap:8px;padding:6px;border-radius:8px;border:1px solid #ffffff10}.card-row.selected{border-color:#d2b18388;background:#d7b48014}.card-pick{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-align:left}.card-pick input{background:transparent;border:0;color:#eee9d9;width:100%;min-width:0;font-size:13px}.count-stepper{display:flex;align-items:center;gap:4px;flex-shrink:0}.count-stepper span{min-width:28px;text-align:center;font-size:12px;color:#c5cebc}.card-row>button{color:#9aa394;padding:6px}.workshop-actions{display:flex;flex-wrap:wrap;gap:10px;max-width:720px;margin-top:22px}.workshop-actions .primary,.workshop-actions .secondary{width:auto;min-width:180px;margin-top:0;display:flex;align-items:center;justify-content:center;gap:8px}.workshop-list{width:330px;border-left:1px solid #ffffff0d;padding:32px 22px;background:#1b211e;overflow:auto}.workshop-list h2{font-family:Georgia,serif;font-weight:400;font-size:24px;margin:8px 0}.workshop-items{display:flex;flex-direction:column;gap:8px;margin-top:18px}.workshop-items>button{display:flex;align-items:center;gap:12px;text-align:left;padding:8px;border-radius:8px;width:100%}.workshop-items>button.selected,.workshop-items>button:hover{background:#ffffff08}.workshop-thumb{width:42px;height:54px;border-radius:4px;background-size:cover;background-position:center;flex-shrink:0;border:1px solid #ffffff18}.workshop-items strong{display:block;font-size:12px}.workshop-items span{font-size:10px;color:#8b978c}@media(max-width:900px){.workshop-main{flex-direction:column;height:auto;min-height:calc(100dvh - 76px)}.workshop{overflow:auto}.workshop-list{width:100%;border-left:0;border-top:1px solid #ffffff0d}.workshop-fields{grid-template-columns:1fr 92px}.workshop-fields label:nth-child(n+3){grid-column:span 1}.workshop-editor{padding:24px 18px}}.card-actions{border-top:1px solid #ffffff13;padding:10px 0;margin-bottom:8px;max-width:540px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.card-actions button,.card-actions select{border:1px solid #ffffff13;background:#29352c;color:#c8d3bf;border-radius:5px;min-height:34px;padding:7px 8px;font-size:10px;display:flex;gap:5px;align-items:center}.compact-select>span{font-size:9px;color:#87977d}.compact-select{display:flex;gap:6px;align-items:center}.hand-card[aria-pressed=true]{outline:2px solid #d5af7c;outline-offset:3px}.activity-log{position:absolute;left:28px;bottom:40px;max-width:330px;z-index:4;font-size:10px;background:#17211ce8;border:1px solid #ffffff0d;border-radius:7px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.activity-log>button{display:flex;gap:8px;align-items:center;padding:9px 12px;text-align:left;width:100%}.activity-log>button>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-log ol{padding:0 13px 12px;list-style:none;margin:0;max-height:180px;overflow:auto}.activity-log li{display:flex;gap:9px;padding:7px 0;border-top:1px solid #ffffff0a;line-height:1.6}.activity-log time{color:#82937b;flex-shrink:0}.shown-cards{position:absolute;right:20px;top:90px;display:flex;gap:10px;flex-wrap:wrap;z-index:3;background:#17211cf0;padding:12px;border-radius:8px;max-width:300px;max-height:230px;overflow:auto}.shown-cards>.eyebrow{width:100%}.shown-cards>div>span{font-size:9px;color:#a0b196}.shared-card{background:#efe5ce;color:#293b2d;border-radius:4px;min-width:50px;min-height:75px;display:grid;place-items:center;margin-top:5px}.object-actions:has(.card-actions){max-height:calc(100% - 180px);overflow:auto;width:min(560px,calc(100% - 100px))}.hand-area{bottom:69px}.object-actions{bottom:242px}.activity-log{max-width:calc(100% - 56px);width:390px;left:50%;transform:translate(-50%);bottom:30px}.table-footer{bottom:8px}.table-footer>span{display:none}@media(max-width:560px){.object-actions:has(.card-actions){width:calc(100% - 30px);max-width:calc(100% - 30px);bottom:240px;max-height:calc(100% - 260px)}.shown-cards{top:32px;right:15px;max-width:170px}.card-actions button,.card-actions select{min-height:40px}.activity-log{max-width:calc(100% - 30px)}.hand-area{bottom:75px}}@media(max-height:500px)and (min-width:561px){.hand-area{left:90px;transform:none;width:250px;bottom:65px}.hand-content{max-height:65px}.object-actions,.object-actions:has(.card-actions){left:auto;right:15px;transform:none;bottom:75px;max-width:360px;max-height:calc(100% - 95px);overflow:auto}.table-heading{display:none}.left-tools{top:42%}.camera-tools{bottom:24px}.shown-cards{top:12px}.activity-log{left:90px;transform:none;bottom:20px;max-width:310px}.table-status{top:10px;left:85px}}.builder-steps{display:flex;list-style:none;gap:12px;padding:0;margin:22px 0;flex-wrap:wrap}.builder-steps li{border:1px solid #d5af7c33;color:#d5af7c;border-radius:20px;padding:8px 12px;font-size:11px}.builder-validation{border:1px solid #ffffff12;border-radius:9px;padding:18px;margin-top:22px}.builder-validation h2{font-family:Georgia,serif;font-size:24px;font-weight:400}.builder-validation p{font-size:11px;line-height:1.8;color:#99aa91;margin-top:10px}.builder-table-preview{position:relative;height:320px;overflow:hidden;border-radius:8px;margin-top:14px;background:#202b23}.builder-table-preview .table-canvas{inset:0!important}.workshop-list .secondary{cursor:pointer;margin:12px 0}.app-loading{min-height:100vh;display:grid;place-items:center;background:#1c241e;color:#dac399}.mini-tavora{background:#405746;color:#e7c98e;border:3px double #b89d65;padding:12px 22px;font:700 22px Georgia,serif;text-align:center;transform:rotate(-10deg)}.player-dock{position:absolute;bottom:69px;left:50%;transform:translate(-50%);width:min(560px,calc(100% - 130px));display:flex;flex-direction:column;gap:6px;z-index:3;pointer-events:none}.player-dock>.hand-area,.player-dock>.object-actions,.player-dock>.object-actions:has(.card-actions){position:relative;inset:auto;transform:none;width:100%;max-width:100%;pointer-events:auto}.player-dock>.object-actions{padding:8px 10px;max-height:min(230px,33vh);overflow:auto}.player-dock .object-actions>div:first-child{padding-bottom:5px}.player-dock .card-actions{max-width:none;padding:5px 0 3px;margin-bottom:3px;flex-wrap:nowrap;overflow-x:auto}.player-dock .card-actions button,.player-dock .card-actions select,.player-dock .compact-select{flex-shrink:0;white-space:nowrap}@media(max-width:560px){.player-dock{width:calc(100% - 30px);bottom:75px}.player-dock .card-actions button,.player-dock .card-actions select{min-height:36px}}@media(max-height:500px)and (min-width:561px){.player-dock{bottom:65px;left:90px;transform:none;width:min(560px,calc(100% - 190px))}.player-dock>.object-actions{max-height:27vh}}.selection-dock{position:absolute;top:16px;left:50%;transform:translate(-50%);width:min(680px,calc(100% - 130px));z-index:5}.selection-dock>.object-actions,.selection-dock>.object-actions:has(.card-actions){background:#1c251fc7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);position:relative;inset:auto;transform:none;width:100%;max-width:100%;max-height:40vh;overflow:auto;padding:8px 10px}.selection-dock .card-actions{max-width:none;margin-bottom:3px;padding:5px 0;flex-wrap:nowrap;overflow-x:auto}.selection-dock .card-actions button,.selection-dock .card-actions select,.selection-dock .compact-select{flex-shrink:0;white-space:nowrap}@media(max-width:560px){.selection-dock{top:8px;width:calc(100% - 24px)}}@media(max-width:800px){.camera-tools{top:max(10px,env(safe-area-inset-top));right:12px;bottom:auto;height:40px}.play-area.heading-gone .table-status{top:max(14px,calc(env(safe-area-inset-top) + 4px));left:58px;right:auto}}@media(any-pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select,[contenteditable=true]{font-size:16px!important}}.audio-settings{display:grid;gap:18px}.audio-settings p{color:var(--muted);line-height:1.5}.audio-settings label{display:grid;grid-template-columns:1fr auto;gap:8px}.audio-settings input,.audio-settings select{grid-column:1 / -1;width:100%;min-width:0}.audio-settings select{padding:10px;color:inherit;background:#1c241f;border:1px solid #ffffff22;border-radius:6px}.audio-settings input{accent-color:var(--accent)}