@font-face{font-family:Bebas Neue;src:url(/fonts/BebasNeue-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{--ink: #25312e;--muted: #6f7874;--paper: #faf9f8;--canvas: #e8e5e0;--line: #d0cdc7;--soft-line: #ebe8e3;--accent: #d77f63;--accent-dark: #a94f36;--sage: #7f9b88;--shadow: 0 20px 60px rgba(57, 45, 33, .09)}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{min-width:320px;margin:0;background:radial-gradient(circle at 0 0,rgba(255,255,255,.78),transparent 28rem),var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-rendering:optimizeLegibility}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(215,127,99,.35);outline-offset:3px}img{display:block;max-width:100%}.studio-shell{min-height:100vh}.topbar{display:flex;min-height:72px;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid rgba(92,76,61,.1)}.topbar p{margin:0;color:var(--muted);font-size:.85rem}.brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--ink);font-weight:760;letter-spacing:-.02em;text-decoration:none}.brand-mark{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-family:Georgia,serif}.maker{display:grid;width:min(1440px,calc(100% - 7vw));min-height:calc(100vh - 112px);margin:20px auto 40px;grid-template-columns:250px minmax(0,1fr);overflow:hidden;border:1px solid rgba(92,76,61,.12);border-radius:24px;background:var(--paper);box-shadow:var(--shadow)}.step-rail{display:flex;flex-direction:column;padding:34px 26px 26px;border-right:1px solid var(--soft-line);background:#f8f5ef}.eyebrow{display:block;margin-bottom:.55rem;color:#8c6d60;font-size:.68rem;font-weight:780;letter-spacing:.13em;text-transform:uppercase}.rail-intro strong{display:block;font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:500}.step-rail ol{display:grid;gap:8px;margin:34px 0 0;padding:0;list-style:none}.step-rail li button{display:grid;width:100%;grid-template-columns:32px 1fr;align-items:center;gap:10px;padding:12px 10px;border:0;border-radius:12px;background:transparent;cursor:pointer;text-align:left}.step-rail li button:disabled{cursor:default;opacity:.45}.step-rail li button>span{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:50%;color:#938b82;font-size:.66rem;font-style:normal;font-weight:750}.step-rail li em{color:#7b7b75;font-size:.84rem;font-style:normal;font-weight:640}.step-rail li.active button{background:#fff;box-shadow:0 5px 20px #4034280f}.step-rail li.active button>span{border-color:var(--accent);background:var(--accent);color:#fff}.step-rail li.active em,.step-rail li.done em{color:var(--ink)}.step-rail li.done button>span{border-color:#90aa96;background:#e4eee5;color:#41614a}.rail-note{margin-top:auto;padding:18px;border:1px solid #e5dfd6;border-radius:14px;background:#ffffffa6}.rail-note strong{font-size:.78rem}.rail-note p{margin:7px 0 0;color:var(--muted);font-size:.73rem;line-height:1.55}.workspace{display:flex;min-width:0;min-height:calc(100vh - 112px);flex-direction:column;background:var(--paper)}.mobile-steps{display:none}.step-panel{width:min(100%,1030px);margin:0 auto;padding:clamp(46px,6vw,78px) clamp(28px,5vw,72px) 38px;animation:settle .26s ease both}@keyframes settle{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.step-heading{max-width:680px;margin-bottom:36px}.step-heading h1{margin:0;color:#28322f;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.3rem,4vw,4rem);font-weight:450;letter-spacing:-.045em;line-height:1.02}.step-heading p{max-width:600px;margin:14px 0 0;color:var(--muted);font-size:.96rem;line-height:1.7}.split-heading{display:flex;max-width:none;align-items:flex-end;justify-content:space-between;gap:24px}.photo-count{display:flex;align-items:baseline;color:#8e857c}.photo-count strong{color:var(--ink);font-family:Georgia,serif;font-size:3.2rem;font-weight:450}.photo-count span{font-size:1rem}.name-layout,.look-layout,.finish-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(34px,5vw,68px);align-items:start}.form-stack{display:grid;gap:18px}.form-stack label,.color-row label{display:grid;gap:8px}.form-stack label>span{color:#595f5c;font-size:.77rem;font-weight:680}.form-stack input{width:100%;height:52px;padding:0 16px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);transition:border-color .16s ease,box-shadow .16s ease}.form-stack input:hover,.form-stack input:focus{border-color:#bba99e;box-shadow:0 0 0 4px #d77f6314}.form-stack .game-name-input{height:62px;font-family:Georgia,serif;font-size:1.2rem}.quiet-tip{margin:2px 0 0;color:#92918c;font-size:.75rem}.preview-card-panel,.look-preview{display:grid;justify-items:center;gap:18px;padding:22px;border:1px solid var(--soft-line);border-radius:20px;background:#f8f6f1}.preview-label{justify-self:start;color:#8a8279;font-size:.68rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.cover-preview{position:relative;display:flex;width:calc(230px * var(--preview-scale, 1));aspect-ratio:1;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff1f,0 15px 30px #392d211f;text-align:center}.cover-preview h3{position:relative;z-index:1;max-width:82%;margin:10px 0 0;font-family:Bebas Neue,Impact,sans-serif;font-size:1.55rem;font-style:italic;font-weight:400;letter-spacing:.025em;line-height:1;transform:scaleX(1.08)}.cover-image-slot{width:33%;aspect-ratio:1;flex-shrink:0;visibility:hidden;pointer-events:none}.cover-image{position:absolute;left:50%;top:50%;z-index:0;overflow:hidden;border-radius:50%;transform:translate(-50%,-50%)}.cover-image img{width:100%;height:100%;max-width:none;object-fit:cover;transform-origin:center center}.default-centre{width:calc(76px * var(--preview-scale, 1));height:calc(76px * var(--preview-scale, 1));flex-shrink:0;display:grid;place-content:center;overflow:hidden;border-radius:50%;color:#fff;line-height:.8;text-align:center;transform:rotate(-3deg)}.default-centre strong{font-family:Georgia,serif;font-size:2.2rem}.default-centre span{font-size:.48rem;font-weight:800;letter-spacing:.12em}.drop-zone{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-height:132px;padding:24px;border:1.5px dashed #cfc6ba;border-radius:18px;background:#fbfaf7;transition:background .16s ease,border-color .16s ease,transform .16s ease}.drop-zone.dragging{border-color:var(--accent);background:#fff5f0;transform:translateY(-2px)}.drop-zone.complete{border-style:solid;border-color:#c7d8ca;background:#f5faf5}.drop-symbol{display:grid;width:52px;height:52px;place-items:center;border-radius:50%;background:#eee8df;color:#7d7369;font-family:Georgia,serif;font-size:1.7rem}.drop-zone.complete .drop-symbol{background:#dceadf;color:#3e6548}.drop-zone strong{display:block;font-size:.92rem}.drop-zone p{margin:5px 0 0;color:#8c8a84;font-size:.74rem}.primary-button,.secondary-button,.back-button{min-height:44px;padding:0 20px;border-radius:999px;font-size:.78rem;font-weight:730;cursor:pointer;transition:transform .16s ease,background .16s ease,opacity .16s ease}.primary-button{border:1px solid var(--ink);background:var(--ink);color:#fff}.primary-button:hover:not(:disabled){background:#101815;transform:translateY(-1px)}.secondary-button{border:1px solid var(--line);background:#fff;color:var(--ink)}.secondary-button:hover:not(:disabled){border-color:#bcb1a5;transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.back-button:disabled{cursor:default;opacity:.35}.text-button{padding:0;border:0;background:none;color:#9d5944;font-size:.74rem;font-weight:700;cursor:pointer}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.upload-progress,.pdf-progress{margin-top:14px}.upload-progress>div,.pdf-progress>div{height:5px;overflow:hidden;border-radius:99px;background:#eae5dd}.upload-progress>div span,.pdf-progress>div span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .18s ease}.upload-progress p,.pdf-progress small{display:block;margin:7px 0 0;color:var(--muted);font-size:.7rem}.notice,.error-message{padding:10px 12px;border-radius:9px;background:#fff2e7;color:#7f4a35;font-size:.74rem}.photo-review{margin-top:28px}.review-heading,.group-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.review-heading strong,.review-heading span{display:block}.review-heading strong{font-size:.83rem}.review-heading span{margin-top:4px;color:var(--muted);font-size:.7rem}.photo-grid{display:grid;margin-top:14px;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.photo-tile{position:relative;aspect-ratio:1}.photo-replace{position:relative;width:100%;height:100%;overflow:hidden;padding:0;border:0;border-radius:10px;background:#ece7df;cursor:pointer}.photo-replace img{width:100%;height:100%;object-fit:cover;transition:transform .18s ease}.photo-replace:hover img{transform:scale(1.04)}.photo-replace span{position:absolute;left:6px;bottom:6px;display:grid;width:21px;height:21px;place-items:center;border-radius:50%;background:#1f2724c7;color:#fff;font-size:.58rem;font-weight:750}.photo-remove{position:absolute;top:-6px;right:-6px;display:grid;width:23px;height:23px;place-items:center;border:2px solid white;border-radius:50%;background:#5e625f;color:#fff;cursor:pointer;line-height:1;opacity:0;transition:opacity .15s ease}.photo-tile:hover .photo-remove,.photo-remove:focus-visible{opacity:1}.look-layout{grid-template-columns:minmax(0,1fr) 390px}.style-controls{display:grid;gap:24px}.control-group{padding-bottom:24px;border-bottom:1px solid var(--soft-line)}.control-group h2{margin:0;font-family:Georgia,serif;font-size:1.15rem;font-weight:500}.control-group p{margin:5px 0 0;color:var(--muted);font-size:.72rem}.color-row{display:grid;margin-top:15px;grid-template-columns:repeat(3,1fr);gap:10px}.color-row label{grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:11px;border:1px solid var(--soft-line);border-radius:10px;cursor:pointer}.color-row input{width:34px;height:34px;padding:2px;border:1px solid #ddd4c9;border-radius:50%;background:#fff;cursor:pointer}.color-row input::-webkit-color-swatch-wrapper{padding:0}.color-row input::-webkit-color-swatch{border:0;border-radius:50%}.color-row strong,.color-row small,.toggles strong,.toggles small{display:block}.color-row strong,.toggles strong{font-size:.7rem}.color-row small,.toggles small{margin-top:2px;color:#93918c;font-size:.61rem}.artwork-picker{display:grid;width:100%;margin-top:15px;grid-template-columns:54px 1fr;align-items:center;gap:13px;padding:10px;border:1px dashed #cec4b8;border-radius:12px;background:#fbfaf7;cursor:pointer;text-align:left}.artwork-picker>span,.artwork-picker>img{display:grid;width:54px;height:54px;place-items:center;border-radius:50%;background:#ece5dc;color:#766f66;object-fit:cover;font-family:Georgia,serif;font-size:1.5rem}.artwork-picker strong,.artwork-picker small{display:block}.artwork-picker strong{font-size:.75rem}.artwork-picker small{margin-top:4px;color:var(--muted);font-size:.64rem}.artwork-size{display:grid;gap:8px;margin-top:0}.artwork-size span{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.artwork-size strong{font-size:.7rem}.artwork-size small{color:#93918c;font-size:.61rem}.artwork-size input[type=range]{width:100%;accent-color:var(--accent)}.artwork-adjust{display:grid;gap:12px;margin-top:14px}.artwork-adjust-row{display:flex;justify-content:flex-start}.centre-crop-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:18px;background:#25312e8c}.centre-crop-panel{display:grid;width:min(100%,560px);max-height:92vh;overflow:auto;border-radius:18px;background:#fffdf9;box-shadow:var(--shadow)}.centre-crop-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 0}.centre-crop-header h2{margin:0;font-family:Georgia,serif;font-size:1.35rem;font-weight:500}.centre-crop-header p{margin:6px 0 0;color:var(--muted);font-size:.78rem}.centre-crop-close{border:0;background:transparent;color:var(--muted);font-size:1.8rem;line-height:1;cursor:pointer}.centre-crop-stage{display:flex;justify-content:center;margin:16px 22px;padding:12px;overflow:auto;border-radius:12px;background:#f4f0ea}.centre-crop-stage img{max-width:100%;max-height:min(58vh,420px)}.centre-crop-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 22px 20px}.toggles{display:grid;gap:14px;border-bottom:0}.toggles label{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;cursor:pointer}.toggles input{width:17px;height:17px;accent-color:var(--ink)}.look-preview{position:sticky;top:22px;gap:16px}.look-preview .cover-preview{width:calc(150px * var(--preview-scale, 1));margin-top:8px}.look-preview .cover-preview .default-centre{width:calc(48px * var(--preview-scale, 1));height:calc(48px * var(--preview-scale, 1))}.look-preview .cover-preview h3{margin-top:5px;font-size:.92rem}.paired-cards{display:flex;align-items:center;justify-content:center}.mini-card-wrap{display:grid;justify-items:center;gap:8px}.mini-card-wrap+.mini-card-wrap{margin-left:-24px;transform:translateY(20px)}.mini-card-wrap>span{color:#8a8883;font-size:.62rem}.mini-card{position:relative;width:calc(170px * var(--preview-scale, 1));height:calc(170px * var(--preview-scale, 1));overflow:hidden;border-radius:50%;box-shadow:0 12px 26px #342a211c}.preview-symbol{position:absolute;left:var(--left);top:var(--top);display:grid;width:var(--size);aspect-ratio:1;place-items:center;overflow:hidden;border-radius:50%;background:var(--placeholder);transform:translate(-50%,-50%) rotate(var(--turn))}.preview-symbol img{width:100%;height:100%;object-fit:cover}.preview-symbol span{color:#fff;font-family:Georgia,serif;font-size:.7rem;text-shadow:0 1px 3px rgba(0,0,0,.18)}.look-preview>p{max-width:300px;margin:5px 0 0;color:var(--muted);font-size:.68rem;line-height:1.55;text-align:center}.look-preview>p strong{color:var(--ink)}.finish-layout{grid-template-columns:minmax(0,1fr) 310px}.final-card{padding:24px;border:1px solid var(--soft-line);border-radius:18px;background:#fbfaf7}.final-card-top{display:grid;grid-template-columns:105px 1fr;align-items:center;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--soft-line)}.final-card-top .cover-preview{width:calc(105px * var(--preview-scale, 1))}.final-card-top .cover-preview .default-centre{width:calc(34px * var(--preview-scale, 1));height:calc(34px * var(--preview-scale, 1))}.final-card-top .cover-preview h3{margin:4px 0 1px;font-size:.68rem}.final-card-top h2{margin:0;font-family:Georgia,serif;font-size:1.8rem;font-weight:500}.final-card-top p{margin:7px 0 0;color:var(--muted);font-size:.72rem}.checklist{display:grid;gap:16px;margin:22px 0;padding:0;list-style:none}.checklist li{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}.checklist li>span{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#e2ece3;color:#467052;font-size:.68rem;font-weight:800}.checklist strong,.checklist small{display:block}.checklist strong{font-size:.77rem}.checklist small{margin-top:3px;color:var(--muted);font-size:.66rem}.pdf-note{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:16px;border-top:1px solid var(--soft-line);font-size:.68rem}.pdf-note span{color:var(--muted);text-align:right}.download-panel{display:flex;align-items:center;flex-direction:column;padding:30px 24px;border-radius:18px;background:var(--ink);color:#fff;text-align:center}.download-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;font-family:Georgia,serif;font-size:1.4rem}.download-panel h2{margin:20px 0 7px;font-family:Georgia,serif;font-size:1.45rem;font-weight:500}.download-panel>p{margin:0;color:#ffffffad;font-size:.7rem;line-height:1.5}.download-panel .primary-button{border-color:#fff;background:#fff;color:var(--ink)}.make-button{width:100%;margin-top:22px}.download-panel .pdf-progress{width:100%}.download-panel .pdf-progress>div{background:#ffffff29}.download-panel .pdf-progress>div span{background:#f1aa8f}.download-panel .pdf-progress small{color:#ffffffad}.success-message{display:grid;width:100%;gap:3px;margin-top:16px;padding:11px;border-radius:9px;background:#92c89c24;color:#d8f1dc;font-size:.68rem}.download-link{display:block;margin-top:8px;padding:10px 14px;border-radius:999px;background:#fff;color:var(--ink);font-size:.72rem;font-weight:750;text-decoration:none}.error-message{margin-top:14px}.privacy-note{margin-top:auto;padding-top:28px;color:#ffffff7a;font-size:.58rem}.step-footer{display:grid;min-height:76px;margin-top:auto;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:14px clamp(28px,5vw,72px);border-top:1px solid var(--soft-line);background:#fffdf9f5}.back-button{justify-self:start;padding-left:0;border:0;background:transparent}.step-footer>.primary-button{justify-self:end}.footer-status{color:var(--muted);font-size:.7rem}.ready-text{color:#467052}@media(max-width:1080px){.maker{width:calc(100% - 30px);grid-template-columns:210px minmax(0,1fr)}.step-rail{padding-inline:18px}.name-layout,.look-layout,.finish-layout{grid-template-columns:minmax(0,1fr) 300px;gap:32px}.mini-card{width:calc(135px * var(--preview-scale, 1));height:calc(135px * var(--preview-scale, 1))}.color-row{grid-template-columns:1fr}}@media(max-width:820px){.topbar{min-height:62px;padding-inline:18px}.topbar p,.step-rail{display:none}.maker{display:block;width:calc(100% - 20px);min-height:calc(100vh - 82px);margin:10px auto;border-radius:18px}.workspace{min-height:calc(100vh - 82px)}.mobile-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:18px 20px 0}.mobile-steps>span{height:3px;border-radius:9px;background:#e7e2da}.mobile-steps>span.filled{background:var(--accent)}.mobile-steps small{grid-column:1 / -1;margin-top:4px;color:var(--muted);font-size:.62rem}.step-panel{padding:38px 22px 30px}.name-layout,.look-layout,.finish-layout{grid-template-columns:1fr}.preview-card-panel,.look-preview{position:static}.look-preview{order:-1}.photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:560px){.brand{font-size:.9rem}.step-heading{margin-bottom:28px}.step-heading h1{font-size:2.45rem}.step-heading p{font-size:.85rem}.split-heading{align-items:flex-start}.photo-count strong{font-size:2.4rem}.drop-zone{grid-template-columns:auto 1fr}.drop-zone .secondary-button{grid-column:1 / -1;width:100%}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-remove{opacity:1}.paired-cards{transform:scale(.9)}.final-card-top{grid-template-columns:80px 1fr}.final-card-top .cover-preview{width:calc(80px * var(--preview-scale, 1))}.pdf-note{align-items:flex-start;flex-direction:column;gap:5px}.pdf-note span{text-align:left}.step-footer{grid-template-columns:1fr 1fr;padding-inline:20px}.footer-status{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}