@layer base {
  body[data-game=fakeartist]{--accent:#a1253e;--accent-ink:#fffdf5;--ink:#352c34;--paper:#fffdf5;--table:#e9e3d6;background:var(--table)}
  body[data-game=fakeartist] .brand{max-width:460px;font-size:1.2rem;letter-spacing:-.025em}
  body[data-game=fakeartist] .menu-title{font-size:clamp(3.3rem,6.4vw,6.5rem);line-height:.98;letter-spacing:-.055em}
  body[data-game=fakeartist] .menu-art{display:none}
  .art-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:20px;width:100%;align-items:start}
  .art-canvas-area{min-width:0;display:grid;gap:10px}
  .art-paper-wrap{width:100%;overflow:hidden;border:1px solid #8a8275;border-radius:4px;box-shadow:0 8px 18px #352c341a;background:#fffdf5}
  #artPaper{display:block;width:100%;max-height:62svh;aspect-ratio:10/7;touch-action:none;user-select:none;cursor:default}
  #artPaper.can-draw{cursor:crosshair}#artPaper.move-paper{cursor:grab}
  #artInk path,#artGhost path,#artDraft path{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
  #artGhost{opacity:.65}#artDraft{opacity:.9}
  #artPaper:focus-visible{outline:3px solid #006b9c;outline-offset:-4px}
  .art-private{display:grid;gap:12px}.art-private .role-card.compact{min-height:195px;width:100%;padding:26px 16px 16px;gap:10px;box-shadow:0 5px 12px #352c3415}.art-private .role-card.compact.back{min-height:160px}.art-private .role-card.compact.back .display{font-size:3rem}.art-private .role-card.compact .secret-word{font-size:1.9rem}.art-private .role-card h3{font-size:1.4rem}.art-private .role-card p{font-size:.8rem}.art-private .secret-ribbon{padding:10px}.art-private .secret-ribbon strong{font-size:1.55rem}
  .art-tools,.art-paper-tools,.art-lock{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.art-paper-tools span{margin-left:auto;font-size:.8rem}.art-tools button{flex:1;min-width:100px}.art-tools button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.art-lock .primary{flex:1}.art-keyboard{font-size:.8rem}.art-keyboard summary{font-size:.8rem}.art-layout .decision{width:100%}.art-layout .target-grid{grid-template-columns:repeat(auto-fit,minmax(105px,1fr))}
  .art-setup{width:min(100%,650px);display:grid;gap:18px}.art-setup .decision{width:100%}.art-setup .private-note{width:100%;transform:none}.art-wait{text-align:center;display:grid;gap:18px}.art-wait .display{font-size:8rem;color:var(--accent)}.art-watching{font:600 1.2rem Georgia,serif}.art-final{display:grid;gap:14px}.art-final .row{justify-content:center}
  .art-table-tools{font-size:.8rem}.art-table-tools .rail-tools{display:grid}
  body[data-game=fakeartist] .play-area{justify-content:flex-start;min-height:0;padding-top:0}body[data-game=fakeartist] .table-layout{grid-template-columns:minmax(0,1fr) 180px;gap:18px}body[data-game=fakeartist] .seat .name{max-width:110px}
}
@layer responsive {
  @media(max-width:740px){body[data-game=fakeartist] #topbar{gap:6px}body[data-game=fakeartist] #topbar .brand{max-width:125px;font-size:.85rem}body[data-game=fakeartist] .top-actions{flex-wrap:nowrap}body[data-game=fakeartist] #topbar .top-actions .small{min-width:45px;max-width:55px;font-size:.64rem;padding:6px 3px}body[data-game=fakeartist] main{padding-top:12px}body[data-game=fakeartist] .room-top>.row:last-child{flex-direction:column;gap:3px}.art-table-tools summary{padding:6px 0}.art-table-tools .rail-tools{display:flex;flex-wrap:wrap}}
  body.art-expanded[data-game=fakeartist] #topbar,body.art-expanded[data-game=fakeartist] .room-top,body.art-expanded[data-game=fakeartist] .action-strip,body.art-expanded[data-game=fakeartist] .player-rail,body.art-expanded[data-game=fakeartist] .art-private{display:none}
  body.art-expanded[data-game=fakeartist] main{padding:12px}body.art-expanded[data-game=fakeartist] .table-layout,body.art-expanded[data-game=fakeartist] .art-layout{display:block}body.art-expanded[data-game=fakeartist] .art-canvas-area{width:min(100%,calc(69svh * 10 / 7));margin:auto}.art-expanded #artPaper{max-height:none}
  .art-private .role-card.compact{width:100%;max-width:100%;min-height:195px}.art-private .role-card.compact.back{min-height:160px}body[data-game=fakeartist] .play-area{min-height:0}
  .art-canvas-area{width:min(100%,calc(62svh * 10 / 7));justify-self:center}#artPaper{height:auto;max-height:none}
  @media(min-width:1101px) and (max-height:900px){body[data-game=fakeartist] main{padding-top:14px}body[data-game=fakeartist] .action-strip{padding:10px 18px;min-height:72px;margin-bottom:12px}body[data-game=fakeartist] .room-top{margin-bottom:10px}.art-canvas-area{width:min(100%,calc(43svh * 10 / 7))}.art-private .role-card.compact{min-height:170px}}
  @media(max-width:1100px){.art-layout{grid-template-columns:1fr}.art-private{grid-row:1;grid-template-columns:1fr 1fr}.art-private .role-card.compact{min-height:120px;max-width:none}.art-private .role-card.compact.back{min-height:100px}.art-private .role-card.compact.back .display{display:none}body[data-game=fakeartist] .table-layout{grid-template-columns:minmax(0,1fr) 155px;gap:14px}#artPaper{max-height:55svh}}
  @media(max-width:740px){body[data-game=fakeartist] .brand{max-width:200px;font-size:.92rem}body[data-game=fakeartist] .menu-title{font-size:3.2rem}body[data-game=fakeartist] .table-layout{display:flex}body[data-game=fakeartist] .top-actions .small{font-size:.65rem;padding:7px 5px}body[data-game=fakeartist] .action-strip{min-height:80px;padding:12px}.art-private{gap:8px;grid-template-columns:1fr 1fr}.art-private .role-card.compact{padding:23px 10px 10px;min-height:100px}.art-private .role-card.compact p,.art-private .role-card.compact h3{display:none}.art-private .role-card.compact .secret-word{font-size:1.45rem}.art-private .role-card .peek{font-size:.72rem;margin:0;padding:8px}.art-private .secret-ribbon{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.art-private .secret-ribbon strong{font-size:1.35rem}.art-private>p{grid-column:1/-1;font-size:.8rem}.art-tools button{min-width:70px;font-size:.72rem;padding:8px 6px}.art-lock button{font-size:.8rem;padding:10px}.art-paper-tools button{font-size:.75rem}.art-setup{gap:12px}.art-layout{gap:12px}#artPaper{max-height:46svh}.art-final #artPaper{max-height:60svh}.art-layout .target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
}