.portrait-room{max-width:1080px;margin:auto;padding:64px 40px 54px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:clamp(40px,8vw,120px);align-items:start}
.portrait-intro{padding-top:44px}.portrait-intro h1{font:400 clamp(2.7rem,4.6vw,4.1rem)/1.03 Newsreader,Georgia,serif;letter-spacing:-.025em;margin:0 0 25px}.portrait-intro h1 em{font-weight:400;color:#d7c4a0}.portrait-invitation{max-width:340px;font-size:.9375rem;line-height:1.75;color:#dddcd0}.portrait-select{display:flex;gap:6px;flex-wrap:wrap;margin:30px 0 24px}.portrait-select button{font-size:.8125rem;padding:11px 14px;min-height:44px;border:1px solid #c7b38a40;border-radius:2px}.portrait-select button[aria-pressed=true]{background:#e4d4ae14;border-color:var(--gold);color:#e5d5b4}.portrait-hint{font-size:.75rem;line-height:1.8;max-width:310px;color:#adb9b8}.portrait-return{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid #c7b38a55;padding:12px 0;font-size:.8125rem;margin-top:18px}
#puzzle-language{border-left:1px solid #ffffff30;padding:6px 0 6px 24px;font-size:.8125rem}.portrait-game{min-width:0}.portrait-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.6875rem;letter-spacing:.04em;color:#d4cbb6;min-height:44px}.portrait-toolbar button{font-size:.6875rem;letter-spacing:0;min-height:44px}
.portrait-board{position:relative;aspect-ratio:3/5;width:100%;background:#0e191d;border:1px solid #c7b38a65;box-shadow:0 4px 12px #0002,0 20px 50px #0004;isolation:isolate;overflow:hidden}.portrait-board:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.portrait-full{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.portrait-pieces{position:absolute;inset:0}.portrait-tile,.portrait-empty{position:absolute;width:33.3333333333%;height:20%;padding:0;min-width:0;overflow:hidden;user-select:none}.portrait-tile{background:#182321;border:1px solid #101917aa;touch-action:pan-y;transition:left .16s ease-out,top .16s ease-out}.portrait-tile.movable{cursor:grab;touch-action:none;border-color:#c7b38a66}.portrait-tile.movable:active{cursor:grabbing}.portrait-tile img{position:absolute;max-width:none;width:300%;height:500%;object-fit:cover;object-position:center;pointer-events:none;user-select:none}.portrait-tile:focus-visible{outline:2px solid #fff;outline-offset:-4px;z-index:3}.portrait-empty{display:grid;place-items:center;background:radial-gradient(#c7b38a18,transparent);color:#c7b38a66;font-size:24px}.tile-number{position:absolute;bottom:5px;left:5px;background:#111d;color:white;font-size:11px;padding:2px 5px;border-radius:2px}
.portrait-primary{width:100%;min-height:48px;margin-top:22px;border:1px solid #c7b38a88;background:#e4d4ae12;font-size:.8125rem;letter-spacing:.015em;border-radius:2px}.portrait-actions{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.portrait-actions button{min-height:44px;font-size:.75rem;padding:6px 0}.portrait-status{min-height:38px;margin:12px 0 0;font-size:.75rem;line-height:1.6;color:#d4cbb6}.portrait-credit{font-size:.625rem;line-height:1.7;margin:10px 0 0;color:#aeb5ad}.portrait-credit a{text-decoration:underline;text-underline-offset:3px}.portrait-won{padding:18px 0;border-top:1px solid #c7b38a55}.portrait-won h2{font:400 2rem/1.15 Newsreader,Georgia,serif;color:#e5d5b4}.portrait-won button{font-size:.8125rem;min-height:44px;margin-right:20px;padding:0}.portrait-error{font-size:.875rem;line-height:1.6;color:#f2c9b9}.no-script{text-align:center;padding:24px}.no-script a{text-decoration:underline}
@media(max-width:760px){.portrait-room{max-width:500px;display:block;padding:34px 24px 36px}.portrait-intro{padding-top:0}.portrait-intro h1{font-size:2.8rem;margin-bottom:16px}.portrait-invitation{font-size:.875rem;margin-bottom:0}.portrait-select{margin:22px 0 14px;flex-wrap:nowrap}.portrait-select button{flex:1;padding:10px 7px}.portrait-hint{max-width:none;font-size:.6875rem;margin-bottom:5px}.portrait-return{margin:0 0 20px;padding:8px 0}.portrait-game{max-width:340px;margin:auto}#puzzle-language{padding-left:14px;font-size:.75rem}.portrait-credit{font-size:.625rem}}
@media(prefers-reduced-motion:reduce){.portrait-tile{transition:none}}