:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5ecdc;background:#17130f;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{min-height:100vh;padding:clamp(1.25rem,4vw,3.5rem);background:radial-gradient(circle at 10% 0%,#3a2a1d 0,#17130f 58%)}.landing-page{display:grid;place-content:center;justify-items:center;text-align:center}.eyebrow{margin:0 0 .8rem;color:#d2a264;font-size:.72rem;letter-spacing:.24em}h1{margin:0;font-family:Georgia,serif;font-size:clamp(2rem,5vw,4rem);font-weight:500;letter-spacing:-.03em}.intro{max-width:34rem;margin:1.25rem 0 2rem;color:#c9bca9}.primary-button,.text-button{cursor:pointer;border:0}.primary-button{border-radius:999px;padding:.85rem 1.6rem;color:#21170e;background:#d2a264;font-weight:700;box-shadow:0 8px 24px #0004}.primary-button:hover,.primary-button:focus-visible{background:#f0c98e}.secondary-button{cursor:pointer;border:1px solid #a47b4d;border-radius:999px;padding:.8rem 1.35rem;color:#f5ecdc;background:transparent;font-weight:700}.secondary-button:hover,.secondary-button:focus-visible{border-color:#f0c98e;background:#3a2a1d}.game-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;max-width:1440px;margin:0 auto clamp(1.2rem,3vw,2.5rem)}.game-page.is-preview{max-height:100svh;overflow:hidden}.game-header h1{font-size:clamp(1.65rem,3vw,2.6rem)}.text-button{padding:.5rem .1rem;color:#d2a264;background:transparent}.text-button:hover,.text-button:focus-visible{color:#f5ecdc}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 19rem;align-items:start;gap:clamp(1.25rem,4vw,4rem);max-width:1440px;margin:0 auto}.board-panel{min-width:0;position:relative;display:grid;justify-items:center;align-content:start;gap:1rem;padding:clamp(.5rem,2vw,1.5rem);border:1px solid #73573c;border-radius:1.25rem;background:#241b14cc;box-shadow:0 20px 50px #0005}.puzzle-column{width:min(100%,calc(min(70svh,42rem) * 4 / 3))}.puzzle-column--portrait{width:min(100%,calc(min(70svh,42rem)*.75))}.puzzle-frame{display:grid;place-items:center;width:100%;aspect-ratio:var(--frame-ratio, 4 / 3);max-height:var(--frame-height, min(70svh, 42rem));min-height:min(var(--frame-min-height, 16rem),var(--frame-height, min(70svh, 42rem)));overflow:hidden}.puzzle-frame--landscape{--frame-ratio: 4 / 3}.puzzle-frame--portrait{--frame-ratio: 3 / 4}.puzzle-board{position:relative;display:grid;width:var(--board-width, auto);height:var(--board-height, auto);max-width:100%;max-height:100%;grid-template-columns:repeat(var(--board-columns),minmax(0,1fr));grid-template-rows:repeat(var(--board-rows),minmax(0,1fr));gap:0;overflow:hidden;outline:3px solid #d2a264;outline-offset:-1px;border-radius:.55rem;background:#0d0b09}.preview-image{display:block;width:auto;height:auto;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;border-radius:.55rem;box-shadow:0 0 0 3px #d2a264,0 14px 35px #0008}.puzzle-tile{min-width:0;min-height:0;padding:0;cursor:pointer;border:0;outline:2px solid transparent;background-repeat:no-repeat;transition:transform .18s ease,outline-color .16s ease,filter .16s ease}.puzzle-tile:not(:last-child){box-shadow:inset -1px -1px #17130f99}.puzzle-tile:hover:not(:disabled),.puzzle-tile:focus-visible{filter:brightness(1.12);outline-color:#f0c98e;outline-offset:-3px;z-index:1}.puzzle-tile.is-selected{outline:4px solid #f6d28f;outline-offset:-4px;transform:scale(.94);z-index:2;box-shadow:0 0 0 3px #7e4e24cc,0 0 24px #f6d28f99}.puzzle-tile:disabled{cursor:default}.preview-note{position:absolute;z-index:3;top:1rem;left:50%;transform:translate(-50%);border-radius:999px;padding:.5rem .9rem;color:#281b0e;background:#f0c98e;font-size:.8rem;font-weight:700}.game-sidebar{display:grid;gap:1rem}.status-card,.artwork-card{border:1px solid #73573c;border-radius:1rem;padding:1.25rem;background:#241b14cc}.status-label{display:block;margin-bottom:.65rem;color:#c9a778;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.stage-count{display:block;font-family:Georgia,serif;font-size:1.5rem;font-weight:500}.level-badge{display:inline-block;margin-top:.65rem;border-radius:999px;padding:.35rem .65rem;color:#2a1c0d;background:#d2a264;font-size:.78rem;font-weight:700}.timer{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-top:1.3rem;padding-top:1rem;border-top:1px solid #73573c;color:#c9bca9;font-size:.82rem}.timer strong{color:#f5ecdc;font-size:1.2rem;font-variant-numeric:tabular-nums}.artwork-card h2{margin:0 0 1.2rem;font-family:Georgia,serif;font-size:1.25rem;font-weight:500;line-height:1.35}.artwork-card h2 span,.artwork-card p span{color:#c9bca9;font-size:.88em}.artwork-card p{margin:.75rem 0 0;color:#f5ecdc;line-height:1.45}.artwork-card p b{display:block;margin-bottom:.15rem;color:#c9a778;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.mobile-gate{display:none}.result-panel{position:relative;display:grid;justify-items:center;gap:.55rem;width:100%;border:1px solid #a47b4d;border-radius:1.25rem;padding:2rem;background:#2b1e14f2;box-shadow:0 20px 50px #0007;text-align:center;animation:result-enter .26s ease both}.result-page{display:grid;align-content:start}.result-page .result-panel{margin-top:10vh}.result-icon{display:grid;place-items:center;width:3.2rem;height:3.2rem;border:1px solid #d2a264;border-radius:50%;color:#f0c98e;font-size:1.8rem}.result-panel h2{margin:0;font-family:Georgia,serif;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:500}.result-copy{margin:.25rem 0 .8rem;color:#c9bca9}.result-copy strong{color:#f5ecdc;font-variant-numeric:tabular-nums}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.35rem}.final-result{overflow:hidden}.puzzle-board.is-celebrating:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#fff9 48%,#fff 50%,#fff0 62%);transform:translate(-125%);animation:board-sweep .7s ease-out both}.final-result:before,.final-result:after{content:"";position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;border:1px solid #d2a26466;border-radius:1rem;pointer-events:none;animation:celebration-pulse .26s ease-out both}.final-result:after{top:2rem;right:2rem;bottom:2rem;left:2rem;animation-delay:40ms}.fault-result{border-color:#a56e5a}@keyframes result-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes celebration-pulse{0%,to{opacity:.25;transform:scale(.98)}50%{opacity:.8;transform:scale(1.02)}}@keyframes board-sweep{to{transform:translate(125%)}}@media(max-width:1023px)and (min-width:640px)and (orientation:landscape){.game-layout{grid-template-columns:minmax(0,1fr) minmax(13rem,30vw);align-items:center;max-width:70rem;min-height:calc(100svh - 8rem)}.board-panel{max-height:calc(100svh - 8rem)}.puzzle-column{width:min(100%,calc((100svh - 11rem) * 4 / 3))}.puzzle-column--portrait{width:min(100%,calc((100svh - 11rem)*.75))}.puzzle-frame{max-height:var(--landscape-frame-height, calc(100svh - 11rem) );min-height:min(12rem,var(--landscape-frame-height, calc(100svh - 11rem) ))}.game-sidebar{min-width:0}}@media(max-width:1023px)and (min-width:640px)and (orientation:portrait){.game-layout{grid-template-columns:minmax(0,1fr);max-width:56rem}.game-sidebar{grid-template-columns:1fr 1fr}}@media(max-width:639px),(pointer:coarse)and (orientation:portrait){.game-layout{display:none}.mobile-gate{display:grid;min-height:55vh;place-content:center;justify-items:center;gap:.6rem;padding:2rem;border:1px solid #73573c;border-radius:1.25rem;color:#c9bca9;text-align:center}.mobile-gate strong{color:#f5ecdc}.gate-icon{color:#d2a264;font-size:2.5rem}}@media(prefers-reduced-motion:reduce){.puzzle-tile{transition:none}.puzzle-board.is-celebrating:after{animation:none;opacity:.35;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.result-panel,.final-result:before,.final-result:after{animation:none}}