@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#c47a3a;--primary-soft:#e8a86a;--danger:#c44b3a;--accent:#3d7a6a;--bg:#1a1510;--bg-deep:#0f0c09;--card-bg:#241f19d1;--surface:#00000047;--surface-active:#c47a3a29;--text:#f6f0e6;--text-dim:#b8a994;--glass:blur(18px) saturate(140%);--shadow:0 16px 40px #00000073;--border:1px solid #ffe6c81f;--border-strong:1px solid #c47a3a8c;--radius:16px;--radius-sm:12px;--radius-xs:10px;--panel-pad:22px;--panel-gap:14px;--panel-max:720px;--panel-max-wide:1080px;--panel-max-narrow:440px;--shell-pad-x:clamp(16px, 3vw, 28px);--shell-pad-top:calc(var(--topbar-h) + 28px);--shell-pad-bottom:32px;--topbar-h:56px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text);background-image:radial-gradient(at 20% 0,#c47a3a2e,#0000 50%),radial-gradient(at 90% 100%,#3d7a6a24,#0000 45%),linear-gradient(#1a1510 0%,#0f0c09 100%);height:100vh;font-family:Outfit,sans-serif;overflow:hidden}#root{width:100%;height:100%;position:relative}.glass-panel,.ui-panel{background:var(--card-bg);-webkit-backdrop-filter:var(--glass);border:var(--border);box-shadow:var(--shadow);border-radius:var(--radius)}.ui-surface{background:var(--surface);border:var(--border);border-radius:var(--radius-sm);box-shadow:none}.App{background:var(--bg,#14100c);width:100vw;height:100vh;overflow:hidden}:-webkit-any(.App.is-fullscreen,.App:fullscreen,.App:-webkit-full-screen){background:var(--bg,#14100c);width:100%;height:100%}:is(.App.is-fullscreen,.App:fullscreen,.App:fullscreen){background:var(--bg,#14100c);width:100%;height:100%}.top-bar{top:12px;left:var(--shell-pad-x);right:var(--shell-pad-x);height:var(--topbar-h);z-index:1200;border-radius:var(--radius);align-items:center;gap:12px;padding:0 12px;display:flex;position:fixed}.brand{align-items:baseline;gap:6px;min-width:110px;display:flex}.brand-btn{cursor:pointer;color:inherit;background:0 0;border:none;padding:0}.brand-btn:hover{filter:brightness(1.08)}.page-app{overflow:auto}.page-shell{min-height:100dvh;padding:var(--shell-pad-top) var(--shell-pad-x) var(--shell-pad-bottom);justify-content:center;align-items:flex-start;display:flex}.page-shell-wide{padding:var(--shell-pad-top) var(--shell-pad-x) var(--shell-pad-bottom)}.page-card{width:min(var(--panel-max), 100%);padding:var(--panel-pad);gap:var(--panel-gap);flex-direction:column;display:flex}.page-card-wide{width:min(var(--panel-max-wide), 100%);max-width:min(var(--panel-max-wide), 100%);padding:var(--panel-pad)}.lang-switcher{flex-shrink:0;position:relative}.lang-switcher-btn{gap:6px;min-height:34px}.lang-switcher-menu{z-index:1400;flex-direction:column;gap:2px;min-width:168px;margin:0;padding:6px;list-style:none;display:flex;position:absolute;top:calc(100% + 6px);right:0}.lang-switcher-menu button{width:100%;color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:.9rem;display:flex}.lang-switcher-menu button:hover,.lang-switcher-menu button.active{background:#c47a3a29}.page-header{align-items:flex-start;gap:12px;margin-bottom:0;display:flex}.page-title{margin:0;font-family:Fraunces,serif;font-size:1.45rem;line-height:1.2}.page-sub{color:var(--text-dim);margin-top:4px;font-size:.85rem;line-height:1.4}.page-content,.ui-stack{gap:var(--panel-gap);flex-direction:column;max-height:none;display:flex}.gallery-section{gap:var(--panel-gap);flex-direction:column;display:flex}.solo-pause-banner{border-radius:var(--radius-sm);background:var(--surface-active);border:var(--border-strong);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:0;padding:12px 14px;font-size:.85rem;display:flex}.solo-pause-banner>span{align-items:center;gap:8px;display:inline-flex}.solo-pause-actions{flex-wrap:wrap;gap:8px;display:flex}.solo-pause-actions .secondary{align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;display:inline-flex}.hud-paused{opacity:.85}.profile-quick-links{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.gallery-page-grid{grid-template-columns:repeat(3,1fr)}.gallery-page-grid .profile-library-item .profile-thumb{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}@media (width<=640px){.gallery-page-grid{grid-template-columns:repeat(2,1fr)}}.auth-page .page-card{width:min(var(--panel-max-narrow), 100%)}.setup-shell{align-items:flex-start}.setup-card{width:min(var(--panel-max), 100%)}.setup-start-btn{min-height:52px;padding-inline:28px;font-size:1.05rem}.top-bar-spacer{flex-shrink:0;width:40px;height:40px}.setup-app{background:#100d0a;min-height:100vh}.setup-stage{min-height:100vh;padding:calc(var(--topbar-h) + 20px) 0 32px;position:relative;overflow:hidden}.setup-stage-bg{z-index:0;position:absolute;inset:0}.setup-stage-bg img{object-fit:cover;filter:saturate(.9)brightness(.55);width:100%;height:100%;transform:scale(1.04)}.setup-stage-veil{background:linear-gradient(#100d0a8c 0%,#100d0a59 35%,#100d0ae0 78%,#100d0a 100%),radial-gradient(70% 50% at 50% 20%,#0000,#100d0a80);position:absolute;inset:0}.setup-stage-content{z-index:1;width:100%;min-height:calc(100vh - var(--topbar-h) - 52px);flex-direction:column;justify-content:flex-end;gap:28px;margin:0 auto;padding:0 24px;display:flex;position:relative}.setup-stage-copy{max-width:34rem;padding-bottom:8px}.setup-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--primary-soft);margin:0 0 8px;font-size:.75rem;font-weight:600}.setup-stage-title{letter-spacing:-.03em;text-shadow:0 2px 24px #00000073;margin:0 0 10px;font-family:Fraunces,serif;font-size:clamp(2.4rem,6vw,3.6rem);line-height:1.05}.setup-stage-sub{color:#f6f0e6c7;margin:0 0 18px;font-size:1.05rem;line-height:1.45}.setup-stage-cta{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.ghost-link{color:#f6f0e6bf;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 0;font-size:.9rem;display:inline-flex}.ghost-link:hover{color:#fff}.setup-picker-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.setup-picker-head h2{margin:0;font-family:Fraunces,serif;font-size:1.2rem;font-weight:600}.setup-picker-row{scrollbar-width:thin;grid-auto-columns:minmax(140px,1fr);grid-auto-flow:column;gap:10px;padding-bottom:4px;display:grid;overflow-x:auto}.setup-pick{cursor:pointer;color:#fff;aspect-ratio:4/3;background:#00000059;border:1px solid #ffffff1f;border-radius:14px;min-height:110px;padding:0;transition:border-color .15s,transform .15s;position:relative;overflow:hidden}.setup-pick:hover{border-color:#e8a86a8c;transform:translateY(-2px)}.setup-pick.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.setup-pick img{object-fit:cover;width:100%;height:100%;display:block}.setup-pick-name{text-align:left;background:linear-gradient(#0000,#000c);padding:18px 10px 8px;font-size:.78rem;position:absolute;bottom:0;left:0;right:0}.setup-pick-badges{z-index:1;flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:absolute;top:8px;left:8px}.setup-pick-badge{letter-spacing:.04em;text-transform:uppercase;color:#1a120c;background:#c47a3aeb;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:.65rem;font-weight:700;display:inline-flex;position:relative;top:auto;left:auto}.setup-pick-badge-selected{color:#0f1a14;background:#5aa878f2}.setup-pick-upload{color:#f6f0e6b3;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.85rem;display:flex}.setup-pick-upload input{display:none}.setup-controls{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#14100cb8;border:1px solid #ffffff14;border-radius:16px;flex-wrap:nowrap;align-items:flex-end;gap:14px 16px;padding:14px 16px;display:flex;overflow-x:auto}.setup-toggles{flex-direction:column;flex:none;gap:4px;display:flex}.setup-toggles-label{color:var(--text-dim);min-height:1.2em;font-size:.75rem;line-height:1.2}.setup-toggles-row{flex-wrap:nowrap;align-items:center;gap:10px 14px;min-height:38px;display:flex}.setup-selects{flex-wrap:nowrap;flex:auto;align-items:flex-end;gap:10px 12px;min-width:0;display:flex}.setup-selects .input-group{flex:1 1 0;min-width:132px;max-width:180px;margin:0}.setup-start-inline{white-space:nowrap;flex:none;align-self:flex-end;min-height:38px;margin-left:auto;padding-inline:20px}@media (width<=820px){.setup-stage-content{justify-content:flex-end;width:calc(100% - 24px)}.setup-picker-row{grid-auto-columns:minmax(128px,48vw)}.setup-controls{flex-wrap:wrap;align-items:stretch}.setup-toggles-row{flex-wrap:wrap}.setup-selects{flex-wrap:wrap;width:100%}.setup-selects .input-group{min-width:calc(50% - 6px);max-width:none}.setup-start-inline{width:100%;margin-left:0}}.gallery-page .gallery-section{margin-bottom:8px}.gallery-section-title{margin:0 0 10px;font-family:Fraunces,serif;font-size:1.15rem}.gallery-split{flex-direction:column;gap:28px;display:flex}.gallery-col-title{align-items:center;gap:8px;margin:0 0 14px;font-family:Fraunces,serif;font-size:1.25rem;display:flex}.gallery-split-col .gallery-section-title{font-size:1.05rem}@media (width>=900px){.gallery-split{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:28px;display:grid}.gallery-split-own{top:calc(var(--topbar-h) + 24px);max-height:calc(100vh - var(--topbar-h) - 40px);border:var(--border);background:#0000002e;border-radius:14px;padding:14px;position:sticky;overflow:auto}.gallery-split-own .gallery-page-grid{grid-template-columns:repeat(3,1fr)}.gallery-split-own .profile-library-item .profile-thumb{aspect-ratio:4/3;height:auto}}.daily-card{margin-bottom:8px;padding:14px}.daily-card-head{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.daily-card-head h2,.daily-card-head strong{margin:0;font-size:1rem}.daily-card-head p{color:var(--text-dim);margin:2px 0 0;font-size:.8rem}.daily-card-body{align-items:center;gap:12px;display:flex}.daily-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:96px;height:64px}.admin-section{margin-bottom:28px}.admin-form{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.admin-form input,.admin-form select{border:var(--border);color:var(--text);background:#0000004d;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:.9rem}.admin-file-label{color:var(--text-dim);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.admin-file-label input[type=file]{padding:8px}.admin-dropzone{cursor:pointer;background:#c47a3a14;border:1px dashed #e8a86a73;border-radius:12px;padding:18px 14px;transition:border-color .15s,background .15s;display:block}.admin-dropzone:hover,.admin-dropzone.has-file{background:#c47a3a24;border-color:#e8a86acc}.admin-dropzone-empty{text-align:center;color:var(--text);flex-direction:column;align-items:center;gap:6px;display:flex}.admin-dropzone-empty strong{font-size:.95rem}.admin-dropzone-preview{align-items:center;gap:12px;min-width:0;display:flex}.admin-dropzone-preview img{object-fit:cover;border-radius:8px;flex-shrink:0;width:64px;height:64px}.admin-dropzone-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.admin-dropzone-meta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-or-sep{text-align:center;color:var(--text-dim);margin:4px 0 0;font-size:.8rem}.admin-row-select{border:var(--border);max-width:100%;color:var(--text);background:#00000059;border-radius:8px;margin-top:4px;padding:6px 8px;font-family:inherit;font-size:.8rem}.brand-mark{letter-spacing:-.02em;font-family:Fraunces,serif;font-size:1.15rem;font-weight:700}.brand-sub{color:var(--primary-soft);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}.hud{flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.hud-idle{color:var(--text-dim);font-size:.85rem}.hud-item{color:var(--text-dim);align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:inline-flex}.hud-progress{background:#ffffff14;border-radius:99px;width:100px;height:6px;overflow:hidden}.hud-progress>div{background:linear-gradient(90deg, var(--accent), var(--primary));border-radius:99px;height:100%;transition:width .25s}.top-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex;position:relative}@media (width<=720px){.hud.hud-idle{display:none}}.auth-page .page-header{gap:12px}.auth-page .page-header .lang-switcher{margin-left:auto}.user-menu{position:relative}.user-chip{color:var(--text-dim);align-items:center;gap:8px;font-size:.8rem;display:flex}.user-chip-btn{border:var(--border);color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:999px;max-width:200px;padding:4px 8px 4px 4px}.user-avatar-sm{background:linear-gradient(145deg, var(--primary-soft), var(--primary));color:#1a1510;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:inline-flex}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.user-dropdown{z-index:1500;flex-direction:column;gap:2px;min-width:220px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.user-dropdown button{width:100%;color:var(--text);border-radius:var(--radius-xs);background:0 0;justify-content:flex-start;padding:10px 12px;font-weight:500}.user-dropdown button:hover{filter:none;background:#c47a3a2e}.user-dropdown hr{border:none;border-top:var(--border);margin:4px 0}.user-dropdown .danger-text{color:#ff8f7a}.profile-hub{width:min(var(--panel-max), 100%);gap:var(--panel-gap);flex-direction:column;max-height:min(82vh,680px);display:flex}.profile-tabs{border-radius:var(--radius-sm);background:var(--surface);border:var(--border);flex-wrap:wrap;gap:6px;margin-bottom:0;padding:6px;display:flex}.profile-tab{border-radius:var(--radius-xs);color:var(--text-dim);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;display:inline-flex}.profile-tab.active{background:var(--surface-active);color:var(--text);border-color:#c47a3a73}.profile-body{max-height:min(52vh,420px);padding-right:4px;overflow-y:auto}.profile-card-block{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:12px 0;display:flex}.profile-card-block p{color:var(--text-dim);font-size:.85rem}.profile-avatar{background:linear-gradient(145deg, var(--primary-soft), var(--primary));color:#1a1510;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.6rem;font-weight:800;display:flex}.profile-list{flex-direction:column;gap:8px;display:flex}.profile-row{border-radius:var(--radius-sm);border:var(--border);background:var(--surface);background:#00000038;align-items:center;gap:10px;padding:10px 12px;display:flex}.profile-row-meta{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:.78rem;display:flex}.profile-row-meta span{color:var(--text-dim)}.profile-row-meta .dim{opacity:.7;font-size:.7rem}.profile-row-actions{gap:4px;display:flex}.profile-thumb{object-fit:cover;background:#ffffff0f;border-radius:6px;flex-shrink:0;width:52px;height:40px}.profile-thumb.placeholder{display:block}.profile-library-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.profile-library-item{background:var(--surface);border:var(--border);border-radius:var(--radius-sm);color:var(--text-dim);flex-direction:column;gap:4px;padding:8px;font-size:.7rem;display:flex}.profile-library-item .profile-thumb{width:100%;height:300px}.profile-empty,.profile-loading{color:var(--text-dim);text-align:center;padding:24px 8px;font-size:.85rem}@media (width<=640px){.user-name{display:none}.profile-library-grid{grid-template-columns:repeat(2,1fr)}}.icon-btn{border:var(--border);width:36px;height:36px;color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:10px;padding:0}.chip-btn{color:var(--text);cursor:pointer;background:#c47a3a33;border:1px solid #c47a3a59;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;display:inline-flex}.drawer-backdrop{opacity:0;pointer-events:none;z-index:1300;background:#00000073;transition:opacity .25s;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{z-index:1400;border-radius:0 var(--radius) var(--radius) 0;flex-direction:column;width:min(340px,92vw);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.drawer.open{transform:translate(0)}.drawer-header{border-bottom:var(--border);justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.drawer-header h2{font-family:Fraunces,serif;font-size:1.2rem}.drawer-body{flex:1;padding:16px;overflow-y:auto}.menu-section{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.menu-section.row{flex-direction:row}.flex-1{flex:1}.full-width{width:100%}.section-title{text-transform:uppercase;color:var(--text-dim);letter-spacing:.1em;margin-bottom:4px;font-size:.7rem}.divider{border:none;border-top:var(--border);margin:14px 0}.gallery-scroll{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.gallery-header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.gallery-header-row .section-title{margin-bottom:0}.link-inline{color:var(--primary-soft);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:.75rem;font-weight:600;display:inline-flex}.link-inline:hover{filter:brightness(1.15)}.gallery-preview{grid-template-columns:1fr 1fr;gap:8px;display:grid;overflow:hidden}.gallery-preview .gallery-thumb{width:100%;height:72px}.gallery-thumb{background:0 0;border:2px solid #0000;border-radius:8px;flex:none;width:88px;height:60px;padding:0;overflow:hidden}.gallery-thumb img{object-fit:cover;width:100%;height:100%;display:block}.gallery-thumb:hover{border-color:var(--primary)}.gallery-modal-backdrop{z-index:2100}.gallery-modal{flex-direction:column;width:min(420px,100%);max-height:min(70vh,520px);display:flex}.gallery-popup-scroll{scrollbar-width:thin;scrollbar-color:#c47a3ab3 #ffffff0f;max-height:min(48vh,360px);margin-top:4px;padding-right:6px;overflow-y:auto}.gallery-popup-scroll::-webkit-scrollbar{width:8px}.gallery-popup-scroll::-webkit-scrollbar-track{background:#ffffff0f;border-radius:99px}.gallery-popup-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--primary-soft), var(--primary));background-clip:padding-box;border:2px solid #0000;border-radius:99px}.gallery-popup-scroll::-webkit-scrollbar-thumb:hover{background:var(--primary);background-clip:padding-box}.gallery-popup-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.gallery-popup-grid .gallery-thumb{width:100%;height:96px}.input-group{flex-direction:column;gap:4px;display:flex}.input-group label{color:var(--text-dim);align-items:center;gap:6px;font-size:.75rem;display:flex}.field-hint{color:var(--primary-soft);font-size:.7rem}select{color:var(--text);border:var(--border);cursor:pointer;background:#00000059;border-radius:8px;outline:none;padding:8px 10px;font-family:inherit;font-size:.85rem}.dark-select{position:relative}.dark-select-trigger{border:var(--border);width:100%;color:var(--text);cursor:pointer;background:#0006;border-radius:8px;justify-content:space-between;padding:9px 12px;font-weight:500}.dark-select.open .dark-select-trigger{border-color:#c47a3a8c}.dark-select-menu{z-index:50;background:#1e1812;border:1px solid #ffe6c829;border-radius:10px;max-height:220px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 28px #0000008c}.dark-select-menu-portal{position:fixed;top:auto;left:auto;right:auto}.dark-select-menu button{width:100%;color:var(--text);cursor:pointer;background:0 0;border-radius:7px;justify-content:flex-start;padding:8px 10px;font-weight:500}.dark-select-menu button:hover{filter:none;background:#c47a3a2e}.dark-select-menu button.active{color:#ffe8cc;background:#c47a3a52}.input-group label{gap:6px}.toggle-label{cursor:pointer;align-items:center;gap:10px;font-size:.85rem;display:flex}.custom-check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:.85rem;display:flex}.custom-check input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.custom-check-box{background:#00000059;border:1.5px solid #ffe6c847;border-radius:6px;flex-shrink:0;width:20px;height:20px;transition:border-color .15s,background .15s,box-shadow .15s;position:relative;box-shadow:inset 0 1px 2px #00000059}.custom-check-box:after{content:"";opacity:0;border:2px solid #1a1510;border-width:0 2px 2px 0;width:5px;height:10px;transition:transform .15s,opacity .15s;position:absolute;top:2px;left:6px;transform:rotate(45deg)scale(0)}.custom-check:hover .custom-check-box{border-color:#e8a86aa6}.custom-check input:focus-visible+.custom-check-box{outline-offset:2px;outline:2px solid #e8a86a8c}.custom-check input:checked+.custom-check-box{background:linear-gradient(145deg, var(--primary-soft), var(--primary));border-color:#0000;box-shadow:0 0 0 1px #c47a3a59,0 4px 12px #c47a3a40}.custom-check input:checked+.custom-check-box:after{opacity:1;transform:rotate(45deg)scale(1)}.custom-check-text{color:var(--text)}*{scrollbar-width:thin;scrollbar-color:#c47a3abf #ffffff0f}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:99px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--primary-soft), var(--primary));background-clip:padding-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--primary);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}.drawer-body,.dark-select-menu,.gallery-popup-scroll,.achievements-panel,.modal-card{scrollbar-gutter:stable}button{cursor:pointer;background:var(--primary);color:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .2s,filter .2s;display:inline-flex}button:hover:not(:disabled){filter:brightness(1.12)}button:disabled{opacity:.4;cursor:not-allowed}button.secondary{border:var(--border);background:#ffffff14}button.danger{background:var(--danger)}button.small{padding:6px 10px;font-size:.75rem}button.primary{background:var(--primary)}.button-label{border:var(--border);cursor:pointer;background:#ffffff14;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;font-weight:600;display:inline-flex}input[type=file]{display:none}.zoom-dock{z-index:900;pointer-events:auto;align-items:center;gap:4px;padding:8px;display:flex;position:fixed;bottom:20px;right:16px}.dock-hint{border:var(--border);width:42px;height:42px;color:var(--primary-soft);background:#ffffff0f;border-radius:12px;padding:0;position:relative}.dock-hint span{background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex;position:absolute;top:-4px;right:-4px}.dock-hint.disabled{opacity:.35;filter:grayscale()}.dock-divider{background:#ffffff1f;width:1px;height:24px;margin:0 4px}.dock-danger{color:#e88a7a}.dock-danger:hover{color:#ffb0a4}.zoom-dock-wrap .zoom-dock{flex-wrap:wrap;justify-content:center;width:100%;max-width:none}.zoom-pct{min-width:48px;color:var(--text-dim);background:0 0;border:none;padding:6px 8px;font-size:.8rem;font-weight:700}.canvas-container{z-index:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#14100c;position:fixed;inset:0}.piece-pin-btn{z-index:5;color:#f3e6d6;letter-spacing:.01em;cursor:pointer;pointer-events:auto;white-space:nowrap;background:#1c1610eb;border:1px solid #c47a3a8c;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.75rem;font-weight:600;display:inline-flex;position:absolute;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 6px 18px #00000059}.piece-pin-btn:hover{background:#281e14f5;border-color:#e8a86ae6}.piece-pin-btn.is-pinned{color:#f0c48a;border-color:#e8a86ad9}.piece-pin-btn span{line-height:1}.dock-color{cursor:pointer;border:1px solid #e8a86a59;border-radius:10px;flex-shrink:0;width:34px;height:34px;position:relative;overflow:hidden}.dock-color input{cursor:pointer;background:0 0;border:0;width:calc(100% + 8px);height:calc(100% + 8px);padding:0;position:absolute;inset:-4px}.setup-bg-color{min-width:88px}.setup-bg-color input[type=color]{cursor:pointer;background:#00000040;border:1px solid #ffffff1f;border-radius:10px;width:100%;height:38px;padding:4px}canvas{touch-action:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.start-screen{z-index:10;padding-top:calc(var(--topbar-h) + 24px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-preview-container{flex-direction:column;align-items:center;gap:16px;max-width:80vw;max-height:70vh;padding:24px;animation:.45s ease-out fadeIn;display:flex}.main-preview{border:1px solid #ffe6c81f;border-radius:12px;max-width:100%;max-height:42vh;box-shadow:0 10px 30px #00000059}.preview-label{color:var(--primary-soft);font-family:Fraunces,serif;font-size:1.35rem}.preview-hint{color:var(--text-dim);font-size:.85rem}.hero-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.hero-empty h1{letter-spacing:-.03em;font-family:Fraunces,serif;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700}.hero-empty p{color:var(--text-dim);max-width:280px}.showimage{z-index:2000;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.showimage img{border-radius:12px;max-width:90vw;max-height:90vh;margin:auto}.modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{width:min(400px,100%);padding:28px 24px 20px;position:relative}.modal-card.achievements-panel{width:min(520px,100%);max-height:80vh;overflow:auto}.modal-close{background:#ffffff0f;width:32px;height:32px;padding:0;position:absolute;top:10px;right:10px}.modal-title{align-items:center;gap:8px;margin-bottom:4px;font-family:Fraunces,serif;font-size:1.5rem;display:flex}.modal-sub{color:var(--text-dim);margin-bottom:16px;font-size:.9rem}.app-dialog-backdrop{z-index:3000}.app-dialog-message{color:var(--text);white-space:pre-line;margin:8px 0 20px;font-size:.95rem;line-height:1.45}.app-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.pause-overlay{z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pause-card{text-align:center;min-width:min(280px,100%);padding:28px 32px}.pause-card h2{margin:0 0 6px;font-family:Fraunces,serif}.pause-card p{color:var(--text-dim);margin:0 0 18px}.zoom-dock-wrap{z-index:900;pointer-events:none;flex-direction:column;align-items:stretch;gap:8px;width:auto;max-width:none;display:flex;position:fixed;bottom:20px;left:12px;right:12px;transform:none}.zoom-dock-wrap .zoom-dock,.zoom-dock-wrap .pan-pad{pointer-events:auto}.zoom-dock-wrap .pan-pad{align-self:center}.zoom-dock{position:static;bottom:auto;right:auto}.pan-pad{flex-direction:column;align-items:center;gap:2px;padding:6px;display:flex}.pan-pad-mid{align-items:center;gap:2px;display:flex}.pan-pad-btn{border:var(--border);width:36px;height:36px;color:var(--text);background:#ffffff0f;border-radius:10px;justify-content:center;align-items:center;padding:0;display:flex}.pan-pad-btn:hover{background:#ffffff1f}.pan-pad-center{color:var(--primary-soft);background:#c47a3a33}.icon-btn.active{color:var(--primary-soft);background:#c47a3a40;border-color:#c47a3a66}.auth-form{flex-direction:column;gap:10px;display:flex}.field{background:var(--surface);border:var(--border);border-radius:var(--radius-sm);color:var(--text-dim);align-items:center;gap:8px;padding:12px 14px;display:flex}.field input,.field textarea{color:var(--text);resize:vertical;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.9rem}.field-textarea{align-items:flex-start}.field-textarea textarea{min-height:120px;line-height:1.45}.hp-field{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.contact-success{text-align:center;flex-direction:column;gap:12px;padding:8px 0 4px;display:flex}.contact-form .full-width{justify-content:center;align-items:center;gap:8px;display:inline-flex}.form-error{color:#ff8f7a;font-size:.8rem}.form-ok{color:#7dcea0;font-size:.85rem}.auth-divider{color:var(--text-dim);align-items:center;gap:10px;margin:14px 0;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff1f;flex:1;height:1px}.link-btn{color:var(--primary-soft);background:0 0;border:none;width:100%;margin-top:12px;font-size:.8rem}.achievements-grid{flex-direction:column;gap:8px;display:flex}.achievement-card{border:var(--border);background:#0003;border-radius:10px;gap:12px;padding:10px 12px;display:flex}.achievement-card.locked{opacity:.45}.achievement-card.unlocked{border-color:#c47a3a66}.achievement-icon{background:#c47a3a40;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.achievement-card p{color:var(--text-dim);margin-top:2px;font-size:.75rem}.achievement-toast{z-index:2500;color:var(--primary-soft);align-items:center;gap:12px;padding:12px 16px;animation:.35s slideUp;display:flex;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.toast-more{color:var(--text-dim);font-size:.7rem}.win-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7;justify-content:center;align-items:center;padding:16px;animation:.4s fadeIn;display:flex;position:fixed;inset:0}.win-card{text-align:center;width:90%;max-width:400px;padding:2.5rem 2rem}.win-trophy{margin-bottom:.75rem}.win-title{margin-bottom:.5rem;font-family:Fraunces,serif;font-size:2rem}.win-sub{color:var(--text-dim);margin-bottom:1.5rem}.win-actions{flex-direction:column;gap:.75rem;display:flex}.autosave-badge{top:calc(var(--topbar-h) + 20px);z-index:1100;color:#fff;background:#3d7a6ad9;border-radius:999px;padding:4px 10px;font-size:.7rem;animation:.2s fadeIn;position:fixed;right:16px}.minimap{z-index:900;pointer-events:none;padding:6px;line-height:0;position:fixed;bottom:20px;left:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (width<=640px){.brand-sub{display:none}.hud-progress{width:56px}.hud-idle{display:none}.zoom-dock-wrap{width:auto;bottom:12px;left:10px;right:10px;transform:none}.zoom-dock{justify-content:center}}.coop-tabs{border-radius:var(--radius-sm);background:var(--surface);border:var(--border);flex-wrap:wrap;gap:8px;margin-bottom:0;padding:6px;display:flex}.coop-tabs button{border-radius:var(--radius-xs);color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.coop-tabs button.active{background:var(--surface-active);color:var(--text);border-color:#c47a3a73}.coop-room-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.coop-room-card{text-align:left;border-radius:var(--radius-sm);background:var(--surface);border:var(--border);width:100%;color:inherit;font:inherit;cursor:pointer;align-items:center;gap:12px;padding:12px;display:flex}.coop-room-card:hover{border-color:#c47a3a66}.coop-room-card img{object-fit:cover;border-radius:var(--radius-xs);width:64px;height:44px}.coop-room-card div{flex-direction:column;flex:1;gap:2px;display:flex}.coop-room-card span{color:var(--text-dim);font-size:.8rem}.coop-lobby-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.coop-roster-count{color:var(--text-dim);align-items:center;gap:6px;display:inline-flex}.coop-lobby-preview{object-fit:cover;border-radius:var(--radius-sm);border:var(--border);width:100%;max-height:200px;margin-bottom:16px}.coop-roster{gap:8px;margin:0 0 18px;padding:0;list-style:none;display:grid}.coop-roster li{border-radius:var(--radius-sm);border:var(--border);background:var(--surface);align-items:center;gap:10px;padding:10px 12px;display:flex}.coop-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.profile-library-item.active{outline:2px solid var(--primary)}.coop-create{gap:var(--panel-gap);flex-direction:column;width:100%;max-width:none;display:flex}.coop-create-compact{gap:var(--panel-gap);grid-template-columns:minmax(0,1.35fr) minmax(260px,.85fr);align-items:start;max-width:none;display:grid}.coop-create-main,.coop-create-side{gap:var(--panel-gap);border-radius:var(--radius-sm);background:var(--surface);border:var(--border);flex-direction:column;min-width:0;padding:16px;display:flex}.coop-field-block{flex-direction:column;gap:8px;display:flex}.coop-field-label{color:var(--text-dim);letter-spacing:.02em;font-size:.75rem;font-weight:600}.coop-vis-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.coop-vis-card{text-align:left;border-radius:var(--radius-sm);border:var(--border);color:inherit;font:inherit;cursor:pointer;background:#00000038;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex;position:relative}.coop-vis-card strong{font-size:.88rem}.coop-vis-card span{color:var(--text-dim);font-size:.7rem;line-height:1.25}.coop-vis-card.active{border:var(--border-strong);background:var(--surface-active)}.coop-vis-check{background:var(--primary);color:#1a120c;border-radius:999px;place-items:center;width:20px;height:20px;font-style:normal;display:grid;position:absolute;top:8px;right:8px}.coop-invite-panel{background:0 0;border:none;border-radius:0;flex-direction:column;gap:10px;padding:0;display:flex}.coop-invite-code{letter-spacing:.22em;text-align:center;border-radius:var(--radius-sm);background:var(--surface-active);border:var(--border-strong);color:var(--text);padding:12px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.35rem;font-weight:700}.coop-invite-actions{flex-wrap:wrap;gap:6px;display:flex}.coop-invite-actions .secondary{align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;display:inline-flex}.coop-invite-hint{color:var(--text-dim);word-break:break-all;margin:0;font-size:.68rem;line-height:1.35}.coop-invite-hint code{color:var(--primary-soft);font-size:.66rem}.coop-image-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.coop-image-head .coop-field-label{margin:0}.coop-image-hint{color:var(--text-dim);margin:0 0 8px;font-size:.78rem}.coop-image-preview{border-radius:var(--radius-sm);border:var(--border-strong);background:var(--surface);margin-bottom:10px;position:relative;overflow:hidden}.coop-image-preview img{object-fit:cover;width:100%;max-height:180px;display:block}.coop-image-preview .coop-image-badge{position:absolute;top:10px;left:10px}.coop-image-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:min(320px,42vh);padding-right:4px;display:grid;overflow-y:auto}.coop-image-upload{min-height:88px;color:var(--text-dim);border:1px dashed #ffe6c840;justify-content:center;align-items:center;gap:6px;padding:0;position:relative;overflow:hidden}.coop-image-upload input{display:none}.coop-image-upload>span:not(.coop-image-badge):not(.coop-image-name){font-size:.78rem}.coop-image-upload img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.coop-image-upload.active{border-style:solid;border-color:var(--primary)}.coop-image-card{border:var(--border);border-radius:var(--radius-sm);background:var(--surface);color:inherit;font:inherit;cursor:pointer;text-align:left;flex-direction:column;gap:4px;padding:0;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.coop-image-card img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.coop-image-card .coop-image-name{color:var(--text-dim);padding:0 6px 6px;font-size:.72rem}.coop-image-card.active{border:var(--border-strong);background:var(--surface-active)}.coop-image-badge{background:var(--primary);color:#1a120c;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:.65rem;font-weight:700;display:inline-flex;position:absolute;top:6px;left:6px}.coop-create-submit{justify-content:center;align-self:stretch;width:100%;margin-top:auto}.coop-invite-inline{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.coop-invite-inline-code{letter-spacing:.12em;background:#c47a3a26;border:1px solid #c47a3a59;border-radius:8px;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700}.coop-board-roster{z-index:40;pointer-events:none;border-radius:12px;max-width:min(220px,42vw);padding:8px 10px;position:fixed;top:72px;left:12px}.coop-board-roster-head{color:var(--text-dim);align-items:center;gap:6px;margin-bottom:6px;font-size:.75rem;display:flex}.coop-board-roster-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.coop-board-roster-list li{align-items:center;gap:8px;min-width:0;font-size:.8rem;line-height:1.2;display:flex}.coop-board-roster-list li.is-you{font-weight:600}.coop-board-roster-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=900px){.coop-create-compact{grid-template-columns:1fr}.page-card-wide{width:min(var(--panel-max), 100%)}}@media (width<=560px){.coop-vis-row{grid-template-columns:1fr}.coop-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coop-invite-code{letter-spacing:.14em;font-size:1.2rem}.coop-board-roster{max-width:min(180px,48vw);padding:6px 8px;top:auto;bottom:88px;left:8px}}.landing-app{height:100%;overflow:hidden auto}.landing-hero{min-height:100dvh;padding:calc(var(--topbar-h) + 28px) clamp(20px, 5vw, 56px) clamp(40px, 8vh, 72px);align-items:flex-end;display:flex;position:relative;overflow:hidden}.landing-hero-media{z-index:0;position:absolute;inset:0}.landing-hero-img{object-fit:cover;object-position:center 40%;width:100%;height:100%;animation:22s ease-in-out infinite alternate landing-ken;transform:scale(1.06)}@keyframes landing-ken{0%{transform:scale(1.06)translate(0,0)}to{transform:scale(1.12)translate(-1.5%,-1%)}}.landing-hero-veil{background:linear-gradient(#0f0c0959 0%,#0f0c0933 35%,#0f0c09e0 78%,#0f0c09 100%),radial-gradient(at 30% 70%,#c47a3a38,#0000 55%);position:absolute;inset:0}.landing-hero-content{z-index:1;max-width:36rem;animation:.85s ease-out both landing-rise;position:relative}@keyframes landing-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.landing-brand{align-items:baseline;gap:.35em;margin-bottom:.85rem;font-size:clamp(2.4rem,7vw,3.6rem);line-height:1;display:flex}.landing-brand .brand-mark{letter-spacing:-.02em;font-family:Fraunces,serif;font-weight:700}.landing-brand .brand-sub{color:var(--primary-soft);font-family:Fraunces,serif;font-size:.72em;font-weight:600}.landing-headline{color:var(--text);margin-bottom:.65rem;font-family:Fraunces,serif;font-size:clamp(1.55rem,3.6vw,2.15rem);font-weight:600;line-height:1.2}.landing-lead{color:var(--text-dim);max-width:32rem;margin-bottom:1.5rem;font-size:clamp(1rem,2.2vw,1.15rem);line-height:1.45}.landing-cta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.landing-cta{min-height:48px;padding:0 1.35rem;font-size:1.05rem;animation:.85s ease-out .12s both landing-rise}.landing-cta-secondary{min-height:44px;animation:.85s ease-out .2s both landing-rise}.landing-body{width:min(var(--panel-max), 100%);padding:28px var(--shell-pad-x) var(--shell-pad-bottom);gap:var(--panel-gap);flex-direction:column;margin:0 auto;display:flex}.landing-section{padding:var(--panel-pad);max-width:none;margin:0}.landing-section-alt{background:var(--card-bg);max-width:none}.landing-section h2{margin-bottom:.55rem;font-family:Fraunces,serif;font-size:clamp(1.45rem,3vw,1.85rem)}.landing-section-lead{color:var(--text-dim);margin-bottom:1.6rem;line-height:1.5}.landing-steps{counter-reset:step;flex-direction:column;gap:1.25rem;list-style:none;display:flex}.landing-steps li{counter-increment:step;gap:.25rem;padding-left:2.4rem;display:grid;position:relative}.landing-steps li:before{content:counter(step);width:1.7rem;height:1.7rem;color:var(--bg-deep);background:var(--primary);border-radius:50%;place-items:center;font-size:.85rem;font-weight:600;display:grid;position:absolute;top:.1rem;left:0}.landing-steps strong{font-size:1.05rem}.landing-steps span{color:var(--text-dim);font-size:.95rem;line-height:1.45}.landing-points{flex-direction:column;gap:.75rem;margin-bottom:1.75rem;list-style:none;display:flex}.landing-points li{color:var(--text-dim);padding-left:1.15rem;line-height:1.45;position:relative}.landing-points li:before{content:"";background:var(--primary);border-radius:50%;width:.45rem;height:.45rem;position:absolute;top:.55em;left:0}.landing-cta-mid{margin-top:.25rem}.landing-solo-link{align-items:center;gap:6px;display:inline-flex}.landing-footer{padding:18px var(--panel-pad);text-align:center;color:var(--text-dim);flex-direction:column;align-items:center;gap:8px;font-size:.9rem;display:flex}.landing-contact-link{font-size:.9rem}.landing-footer-nav{flex-wrap:wrap;justify-content:center;gap:12px 18px;display:flex}.landing-faq-list{flex-direction:column;gap:.55rem;display:flex}.landing-faq-item{border-top:1px solid color-mix(in srgb, var(--text) 12%, transparent);padding:.15rem 0}.landing-faq-item:first-child{border-top:none}.landing-faq-item summary{cursor:pointer;color:var(--text);padding:.85rem 1.6rem .85rem 0;font-size:1.02rem;font-weight:600;line-height:1.4;list-style:none;position:relative}.landing-faq-item summary::-webkit-details-marker{display:none}.landing-faq-item summary:after{content:"+";color:var(--primary);font-size:1.15rem;font-weight:500;line-height:1;position:absolute;top:.85rem;right:0}.landing-faq-item[open] summary:after{content:"–"}.landing-faq-item p{color:var(--text-dim);max-width:62ch;margin:0 0 .95rem;font-size:.95rem;line-height:1.5}.contact-admin-list{max-height:420px;overflow:auto}.contact-admin-row{align-items:flex-start}.contact-admin-body{white-space:pre-wrap;color:var(--text);margin:6px 0 0;font-size:.88rem;line-height:1.4}@media (width<=560px){.landing-hero{align-items:flex-end;min-height:100svh}.landing-cta-row{flex-direction:column;align-items:stretch}.landing-cta,.landing-cta-secondary{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.landing-hero-img,.landing-hero-content,.landing-cta,.landing-cta-secondary{animation:none}.landing-hero-img{transform:none}}