@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:wght@400;600;700&display=swap');
:root{--paper:#f8f4eb;--ink:#44382e;--muted:#877667;--line:#e4dbcd;--green:#718a67;--teal:#457c79;--rose:#bc7f7a;--blue:#81a9c1;--gold:#d5ae67;--card:#fffdf6;--shadow:0 12px 38px #5e443410}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 'DM Sans',system-ui,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.1}h1{font-size:clamp(48px,7vw,84px);margin:8px 0 20px}h2{font-size:32px;margin:0 0 15px}h3{font-size:23px;margin:0 0 10px}p{margin:8px 0 16px}a{color:var(--teal)}.shell{max-width:1420px;margin:auto;padding:24px 30px 50px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px}.brand{font-family:Fraunces,Georgia,serif;font-size:24px;text-decoration:none;color:var(--ink)}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:30px;padding:6px 12px;font-size:12px;background:#fffaf0}.btn{border:0;border-radius:12px;padding:12px 18px;color:white;background:var(--teal);font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:46px}.btn.secondary{background:#eee7db;color:var(--ink)}.btn.outline{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.danger{background:#f1dedb;color:#913f38}.btn.small{font-size:12px;padding:8px 12px;min-height:36px}.btn.full{width:100%}.btn:hover:not(:disabled){filter:brightness(.96)}.actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.subtle{color:var(--muted);font-size:13px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;max-width:1120px;margin:40px auto 32px}.hero p{max-width:480px;font-size:18px;color:#776555}.hero-art{position:relative;background:#efe8d9;border:1px solid #e7dfd1;border-radius:46% 45% 38% 40%;padding:36px 24px;min-height:360px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px}.hero-art .tile-graphic:nth-child(1){transform:rotate(-7deg)}.hero-art .tile-graphic:nth-child(2){transform:rotate(8deg)}.hero-art .tile-graphic:nth-child(3){grid-column:1/3;transform:rotate(-3deg)}.hero-art svg{width:100%;height:130px}.mode-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mode-card{padding:25px}.mode-number{font:38px Fraunces,serif;color:#b8a891;margin-bottom:10px}.mode-card p{min-height:60px;color:var(--muted);font-size:14px}.footnote{text-align:center;color:var(--muted);font-size:12px;margin:28px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label,.field{display:flex;flex-direction:column;gap:7px;margin:12px 0;font-size:13px;font-weight:600}input,select{padding:12px 13px;border-radius:10px;border:1px solid #dacfbe;background:#fffefb;color:var(--ink);width:100%;min-height:46px}.setup-card{max-width:760px;margin:25px auto}.names-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;margin-top:20px}.legend span{display:flex;align-items:center;gap:6px}.dot{width:11px;height:11px;border-radius:3px;display:inline-block}.dot.green{background:var(--green)}.dot.blue{background:var(--blue)}.dot.red{background:var(--rose)}.layout{display:grid;grid-template-columns:minmax(340px,1fr) minmax(400px,1.18fr);gap:24px;align-items:start}.playbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.round-number{font:28px Fraunces,serif}.phase-label{background:#e5ebe1;padding:6px 12px;border-radius:20px;color:#52704c;font-size:12px;font-weight:700}.score-chip{margin-left:auto;font:25px Fraunces,serif}.board-card{position:sticky;top:15px;padding:20px}.board-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.board-head h3{margin:0}.bed-wrap{max-width:580px;margin:auto;user-select:none;touch-action:none}.bed-svg{width:100%;height:auto;display:block;touch-action:none}.floor-strip{border-top:1px dashed #d4c4b2;padding-top:13px;margin-top:13px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.floor-strip .floor-icon{background:#f2dfd9;padding:3px 7px;border-radius:6px;font-size:12px}.draft-panel h3{margin-bottom:6px}.market{display:flex;flex-direction:column;gap:10px;margin-top:18px}.lane{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;padding:10px;background:#f3ede1}.lane.mine{border:2px solid var(--teal);background:#e9efe5;padding:9px}.lane.can-choose{cursor:pointer}.lane.can-choose:hover{border-color:var(--teal)}.lane-label{text-align:center;font-size:11px;line-height:1.35}.lane-label strong{display:block;font:19px Fraunces,serif;margin-bottom:5px}.pets-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.pet-card{position:relative;background:#fffdf7;border:1px solid #ded5c5;border-radius:12px;padding:9px 6px;min-width:0;color:var(--ink);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:137px}.pet-card:hover:not(:disabled){border-color:var(--teal);box-shadow:0 4px 13px #62503f16}.pet-card:disabled{opacity:.8}.pet-card.keep{border:2px solid var(--teal);padding:8px 5px}.pet-card.pass{border:2px solid var(--rose);padding:8px 5px}.pet-name{font-size:11px;font-weight:700;line-height:1.2;min-height:27px;display:flex;align-items:center;justify-content:center}.tile-graphic{display:flex;align-items:center;justify-content:center;min-height:65px}.pet-card svg{width:100%;max-width:100px;height:64px}.pet-meta{font-size:10px;color:var(--muted);display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.pet-meta b{color:var(--ink);font-size:12px}.selection-badge{position:absolute;top:-9px;left:50%;transform:translateX(-50%);padding:2px 8px;border-radius:20px;color:white;background:var(--teal);font-size:9px;letter-spacing:.5px}.pass .selection-badge{background:var(--rose)}.empty-tile{border:1px dashed #d6c9b7;border-radius:12px;min-height:137px;display:flex;align-items:center;justify-content:center;color:#a29483;font-size:11px}.hand{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.hand .pet-card{min-height:185px;padding:16px}.hand .pet-name{font-size:14px}.hand .pet-card svg{max-width:200px;height:100px}.hand .pet-meta{font-size:12px}.hand .pet-card.selected{border:2px solid var(--teal);background:#f2f6ed}.placement-controls{display:flex;gap:8px;flex-wrap:wrap;padding:15px 0}.fit-message{font-size:13px;min-height:45px;background:#e7eee2;border-radius:11px;padding:11px 13px;margin-bottom:12px;color:#4d6848}.fit-message.invalid{background:#f4e0dd;color:#8f4940}.pose-controls{display:flex;gap:8px;margin:16px 0}.pose-controls .active{background:var(--teal);color:white}.round-progress{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.player-tag{font-size:11px;border:1px solid var(--line);border-radius:20px;padding:6px 10px;background:#fffaf1}.player-tag.done{background:#e5edde;color:#56724b}.wait-panel{text-align:center;padding:40px 25px}.wait-panel .sleep-mark{font:50px Fraunces,serif;color:#b4c1a7}.lobby-grid{display:grid;grid-template-columns:1fr 260px;gap:30px;align-items:start}.qr-box{background:white;padding:12px;border-radius:18px;box-shadow:0 6px 18px #5540310d}.qr-box svg{width:100%;display:block}.room-code{font:42px Fraunces,serif;letter-spacing:6px;color:var(--teal)}.lobby-player{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:12px}.lobby-player .btn{margin-left:auto}.join-link{font-size:11px;overflow-wrap:anywhere}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.result-card .bed-svg{max-width:380px;margin:auto}.result-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.result-total{font:38px Fraunces,serif;color:var(--teal)}.score-breakdown{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:13px;margin:14px 0}.winner-label{color:var(--teal);font-weight:700;font-size:12px;margin-bottom:14px}.pet-score-list{font-size:12px;border-top:1px solid var(--line);margin-top:10px;padding-top:10px;max-height:200px;overflow:auto}.pet-score-line{display:flex;justify-content:space-between;gap:10px;padding:3px 0}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#3e332b77;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(5px)}.modal-card{max-width:720px;max-height:90dvh;overflow:auto;width:100%;background:var(--paper);padding:28px;border-radius:23px;box-shadow:0 30px 100px #2a1b2430}.modal-card.wide{max-width:1120px}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.rules-list{display:flex;flex-direction:column;gap:16px}.rules-item{border-left:3px solid var(--teal);padding-left:15px}.rules-item p{font-size:14px;color:#756455}.pass-cover{position:fixed;inset:0;z-index:110;background:var(--paper);display:flex;align-items:center;justify-content:center;text-align:center;padding:30px}.pass-cover .card{max-width:450px}.pass-cover h2{font-size:44px}.catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.catalog .pet-card{min-height:175px}.catalog .pet-card svg{max-width:170px;height:90px}#toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:200;background:#473a30;color:white;border-radius:13px;padding:12px 20px;box-shadow:0 8px 26px #241b2920;font-size:13px;max-width:90vw;display:none}.loading{padding:90px 20px;text-align:center}.compact-score{display:flex;gap:14px;font-size:12px;color:var(--muted);flex-wrap:wrap}.status-dot{width:7px;height:7px;background:var(--green);border-radius:50%;display:inline-block}.retry-box{background:#f3dfda;border-radius:10px;padding:10px;font-size:13px;margin:12px 0}.keyboard-note{font-size:11px;color:var(--muted);margin-top:10px}.tiny-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.toggle-row{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:12px 0}.stat-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.stat-pills span{background:#eee7db;padding:6px 10px;border-radius:20px;font-size:12px}
@media(max-width:1050px){.layout{grid-template-columns:1fr 1fr;gap:16px}.shell{padding:20px}.lane{grid-template-columns:45px 1fr;gap:7px;padding:8px}.lane.mine{padding:7px}.pet-card{padding:6px 3px;min-height:123px}.pet-card svg{height:54px}.pet-name{font-size:10px}.board-card{padding:15px}.hero{gap:25px}}
@media(max-width:760px){.shell{padding:16px 12px 45px}.topbar{margin-bottom:18px}.brand{font-size:21px}.hero{grid-template-columns:1fr;margin:18px auto;gap:15px}.hero h1{font-size:57px}.hero-art{min-height:200px;padding:20px}.hero-art svg{height:80px}.mode-grid{grid-template-columns:1fr;gap:12px}.mode-card{padding:18px;display:grid;grid-template-columns:1fr auto;column-gap:18px;align-items:center}.mode-card h3{font-size:23px}.mode-card p{min-height:0;margin:4px 0;grid-column:1;font-size:12px}.mode-card .btn{grid-column:2;grid-row:1/4;font-size:12px;padding:12px}.mode-number{display:none}.layout{display:flex;flex-direction:column}.board-card{position:static;width:100%;padding:12px}.play-panel{width:100%}.bed-wrap{max-width:420px}.playbar{gap:8px;margin-bottom:12px}.round-number{font-size:22px}.lane{grid-template-columns:48px 1fr}.pet-card{min-height:123px}.pets-row{gap:5px}.lobby-grid{grid-template-columns:1fr}.qr-box{max-width:210px;margin:auto}.form-grid,.names-grid{gap:10px}.setup-card{padding:20px 16px}.catalog{grid-template-columns:repeat(3,1fr)}.catalog .pet-card{min-height:150px}.modal-card{padding:20px}.hand .pet-card{min-height:165px}.hand .pet-card svg{height:85px}.placement-controls{position:sticky;bottom:0;background:var(--paper);z-index:10;padding:12px 0;margin-top:10px}.pet-name{font-size:10px}.phase-label{font-size:11px}.actions .btn{font-size:12px}.result-grid{grid-template-columns:1fr}.topbar .actions .btn{padding:8px 10px;font-size:11px}}
.pose-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.pose-option{background:#fcf8ef;border:1px solid #d8cbb8;border-radius:13px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:5px;font:inherit;color:inherit;cursor:pointer}.pose-option.selected{border:2px solid #40786d;padding:11px;background:#edf3e8}.pose-art{display:flex;align-items:center;justify-content:center;height:112px;width:100%}.pose-art svg{height:100%;max-width:100%}.pose-option>span:not(.pose-art){font-size:11px;color:#827460}.pose-option small{font-size:12px;line-height:1.45;text-align:center;max-width:160px}.tile-bonus{display:block;font-size:10px;line-height:1.35;color:#536743;margin-top:5px;min-height:26px}.pose-score{display:flex;flex-direction:column;gap:4px;background:#edf2e6;padding:10px 12px;border-radius:9px;margin-top:12px;font-size:12px}.pose-score span{color:#617351}.head-key{font-size:11px;color:#78628c;line-height:1.5;margin:10px 0}.live-scores{font-size:12px;margin:10px 0}.live-scores summary{cursor:pointer;color:#536743}.score-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.score-tag{background:#f2ecdf;padding:5px 7px;border-radius:6px;font-size:10px}.score-tag.earned{background:#e1eed5}.score-tag b{margin-left:4px}.compact-score{flex-wrap:wrap}
@media(max-width:600px){.pose-art{height:95px}.pose-option{padding:9px}.pose-option.selected{padding:8px}.tile-bonus{font-size:9px}.pose-picker{gap:7px}}

.hand .pet-card,[data-preview]{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.side-badge{background:#eee3ca;padding:1px 5px;border-radius:5px;color:#785b36}.human-face-cell{pointer-events:none}

.power-badge{display:block;border-radius:5px;padding:3px 5px;font-size:10px;font-weight:700;line-height:1.2;margin-top:5px;background:#eadbd0;color:#805841}.power-space{background:#efd4cb;color:#8b4f43}.power-detail{background:#f5ecdc;border:1px solid #dfcba6;border-radius:12px;padding:13px;margin:12px 0;font-size:13px}.power-detail p{margin:5px 0 10px;font-size:12px}.power-detail small{display:block;margin-top:9px;color:#8c7053;font-size:11px}.power-detail .actions{gap:6px}.quiet-square{pointer-events:none}.power-badge{min-height:20px}.hand .power-badge{font-size:12px;padding:5px 8px}

.placement-dock{position:fixed;z-index:60;bottom:0;left:0;right:0;background:#fffaf0f7;border-top:1px solid #d5c5ad;box-shadow:0 -8px 26px #47321d14;padding:8px 14px calc(8px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.dock-inner{max-width:760px;margin:auto}.dock-hand{display:flex;gap:8px}.dock-pet{display:flex;align-items:center;gap:8px;flex:1;border:1px solid #d9cdb9;border-radius:9px;background:#fffdf7;color:var(--ink);padding:5px 8px;min-height:42px;min-width:0;user-select:none;-webkit-touch-callout:none}.dock-pet.selected{border:2px solid var(--teal);background:#edf2e7;padding:4px 7px}.dock-pet>span{width:48px;height:32px;display:flex;align-items:center;justify-content:center}.dock-pet svg{width:100%;height:100%;max-height:32px}.dock-pet b{font-size:12px;line-height:1.15}.dock-pet small{font-size:10px;margin-left:auto;white-space:nowrap;color:#8c7551}.dock-message{font-size:11px;line-height:1.2;min-height:17px;margin:4px 1px;color:#54764c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-message.invalid{color:#a44c42}.dock-controls{display:grid;grid-template-columns:44px 44px 64px 86px 1fr;gap:6px}.dock-controls .btn{padding:7px 9px;min-height:42px;font-size:12px;border-radius:9px}.dock-place{font-size:15px!important}.shell:has(.placement-dock){padding-bottom:165px}.space-meter{display:flex;align-items:center;gap:9px;margin:9px 0;font-size:11px;color:#806d52}.space-meter progress{flex:1;width:auto;height:7px;accent-color:var(--teal)}.catnap-strip{display:flex;justify-content:space-between;gap:8px;background:#eee4f3;border-radius:8px;padding:8px 10px;margin:8px 0;font-size:11px;color:#72567f}.advanced-options{background:#ede8f2;border-radius:12px;padding:13px;margin:14px 0;font-size:13px}.advanced-options p{font-size:12px;margin:7px 0}.perk-row{display:flex;gap:10px;align-items:center;margin-top:12px;font-size:11px;color:#82735f}.trade-row .pet-card.selected{border:2px solid var(--teal);background:#edf2e7}.sound-toggle{white-space:nowrap}.shell:has(.placement-dock) .play-panel .hand{display:none}
@media(max-width:760px){.shell:has(.placement-dock) .bed-wrap{max-width:min(100%,49dvh)}.shell:has(.placement-dock) .topbar{margin-bottom:10px}.shell:has(.placement-dock) .playbar{margin-bottom:8px}.shell:has(.placement-dock) .board-head{margin-bottom:7px}.shell:has(.placement-dock) .board-head h3{font-size:19px}.topbar .actions{gap:4px}.topbar .pill{display:none}.placement-dock{padding-left:9px;padding-right:9px}.dock-pet b{font-size:10px}.dock-pet>span{width:38px}.dock-controls{grid-template-columns:40px 40px 52px 77px 1fr;gap:4px}.dock-controls .btn{padding:6px;font-size:11px}.catnap-strip{font-size:10px}.trade-row{gap:4px}.trade-row .pet-card{min-height:140px}}

@media(max-width:760px){.topbar .brand{font-size:18px}.topbar{gap:7px}.topbar .actions .btn{font-size:10px;padding:6px 8px}.topbar .actions{gap:4px}}@media(max-width:360px){.dock-controls{grid-template-columns:36px 36px 44px 64px 1fr}.dock-controls .btn{font-size:10px}.dock-place{font-size:12px!important}}

.catnap-badge{font-size:10px;background:#eee3f5;color:#785787;border-radius:5px;padding:3px 5px;margin-top:4px}

.dock-status{display:flex;align-items:center;gap:8px;margin:4px 0}.dock-status .dock-message{flex:1;min-width:0;white-space:normal;margin:0}.dock-treats{flex-shrink:0;min-height:32px!important;padding:5px 9px!important;font-size:11px!important}.shell:has(.placement-dock){padding-bottom:185px}

.night-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.night-goal{background:#eee8f1;border:1px solid #ded2e3;border-radius:10px;padding:10px}.night-goal.personal-goal{grid-column:1/-1;background:#edf2e6;border-color:#d8e2ca}.goal-heading{display:flex;align-items:start;justify-content:space-between;gap:7px;margin:4px 0}.goal-heading h4{margin:0;font-size:13px;line-height:1.25}.goal-heading b{white-space:nowrap;font-size:13px;color:#526a46}.night-goal p{font-size:11px;line-height:1.4;margin:4px 0}.night-goal small{font-size:10px;color:#80678b}.night-goal .tiny-label{font-size:8px}.pose-picker{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:600px){.pose-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.night-goals{gap:6px}.night-goal{padding:8px}.night-goal p{font-size:10px}}

/* Full-width drafting keeps all six stacks visible without horizontal scrolling. */
.layout{display:flex;flex-direction:column}.layout>.board-card{order:0;width:100%;position:static}.layout>.play-panel{order:1;width:100%}.drafting-layout .bed-wrap{max-width:420px}
.play-panel{min-width:0;max-width:100%}
.box-market .lane{display:block;padding:10px;min-width:0;max-width:100%}.box-market .lane.mine{padding:9px}
.box-market .lane-label{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;margin-bottom:10px;min-height:24px;font-size:12px}
.box-market .lane-label strong{margin:0;font-size:19px;white-space:nowrap}.box-market .lane-label span{overflow-wrap:anywhere}
.box-market .pets-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;min-width:0;max-width:100%;padding:2px 3px 10px}
.box-market .pet-card{min-height:158px;padding:7px 5px;width:100%;gap:4px;opacity:1}
.box-market .pet-name{font-size:11px;line-height:1.2;min-height:27px}
.box-market .tile-graphic{height:86px;min-height:86px;width:100%}
.box-market .pet-card svg{width:100%;height:86px;max-width:118px}
.box-market .pet-meta{font-size:10px;gap:4px;flex-wrap:wrap}.box-market .pet-meta b{font-size:12px}
.box-market .tile-bonus{font-size:9px;line-height:1.3}.box-market .power-badge{font-size:9px;padding:2px}
.box-market .selection-badge{font-size:10px;top:-8px}
.market-stack{min-width:0;padding-top:2px}.stack-position{display:block;font-size:10px;font-weight:700;color:#665a48;margin:0 0 7px;text-align:center}
.stack-label{display:block;text-align:center;font-size:9px;line-height:1.35;color:#766b59;margin-top:5px}
.box-market .empty-tile{min-height:158px}.market-stack.was-traded .pet-card{box-shadow:0 0 0 2px #c59a60}.was-traded .stack-position{color:#85591f}.new-top .stack-position{color:#417665}
.market-heading{display:flex;flex-direction:column;gap:3px;font-size:14px}.market-heading span{font-size:12px;color:var(--muted)}
.market-explainer,.resting-rows{font-size:12px;color:var(--muted);margin:2px 0 8px}
.market-trade{font-size:13px;background:#f4e5ca;border:1px solid #d8bb87;border-radius:10px;padding:10px;margin:0;overflow-wrap:anywhere}
.other-market-rows summary{padding:12px 3px;cursor:pointer;color:var(--teal);font-weight:700}.other-market-rows .lane{margin-top:10px}
@media(max-width:1050px) and (min-width:761px){.layout{grid-template-columns:minmax(280px,.9fr) minmax(420px,1.2fr)}}
@media(max-width:600px){
 .drafting-layout>.play-panel>.card{padding:16px 4px;border-radius:12px}
 .drafting-layout .box-market{margin-left:-10px;margin-right:-10px}
 .box-market .lane{padding:7px 2px}.box-market .lane.mine{padding:6px 1px}
 .box-market .pets-row{gap:3px;padding:2px 1px 6px}
 .box-market .pet-card{padding:6px 1px;min-height:164px;border-radius:8px;gap:4px}
 .box-market .pet-card.keep,.box-market .pet-card.pass{padding:5px 0}
 .box-market .pet-name{font-size:10px;min-height:35px;overflow-wrap:anywhere}
 .box-market .tile-graphic{height:82px;min-height:82px}.box-market .pet-card svg{height:82px}
 .box-market .pet-meta{font-size:9px;gap:3px}.box-market .pet-meta b{font-size:11px}
 .box-market .tile-bonus{font-size:8px;overflow-wrap:anywhere}.box-market .power-badge{font-size:8px;overflow-wrap:anywhere}
 .box-market .selection-badge{font-size:9px;padding:2px 5px}
 .box-market .stack-position,.box-market .stack-label{font-size:8px;overflow-wrap:anywhere}
 .box-market .lane-label{padding:0 5px}
}


.dot.pillow{background:#b18aca}

/* Bed, draft choices, then supporting information. */
.drafting-layout{gap:8px}.drafting-layout>.board-card{padding-bottom:10px}
.drafting-layout .draft-panel{padding-top:10px;padding-bottom:12px}
.drafting-layout .box-market{margin-top:8px;gap:6px}
.draft-status{margin:0 0 6px;font-size:14px;line-height:1.4}
.draft-actions{margin-top:12px}.board-info{margin-top:12px}
.market-notes summary{cursor:pointer;color:var(--muted);font-size:12px;padding:5px 0}
.market-notes .market-heading{margin:7px 0}

/* A/B marks a genuinely different reverse, including rare pillows. */
.dock-pet .dock-face-badge{position:relative;overflow:hidden;flex-shrink:0;display:inline-flex;align-items:center;gap:2px;padding:3px 4px;border:1px solid #c4aa72;border-radius:6px;background:#f4ead0;color:#907f5d;font-size:10px;line-height:1.2}
.dock-face-badge .active-side{font-weight:800;color:#365f57}.dock-face-badge i{font-style:normal}.dock-face-badge .flip-sparkle{color:#9c782e;margin-left:1px}
.dock-face-badge::after{content:"";position:absolute;inset:-20% -50%;background:linear-gradient(110deg,transparent 35%,#fff9 50%,transparent 65%);transform:translateX(-100%);animation:flip-glimmer 5s ease-in-out infinite;pointer-events:none}
@keyframes flip-glimmer{0%,65%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.dock-face-badge::after{animation:none;display:none}}
@media(max-width:760px){.dock-pet .dock-face-badge{font-size:9px;padding:3px;gap:1px}.dock-pet.has-alternate{gap:5px}.dock-pet.has-alternate>span{flex-shrink:0;width:32px}}