:root{--bg:#070b14;--navy:#101827;--panel:#151e30;--panel2:#1b2840;--cream:#f8f5ee;--ink:#f7f9ff;--muted:#b2bfd0;--gold:#f4cc89;--cyan:#9bdff2;--line:rgba(255,255,255,.12);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}::selection{background:#597e95}
.wrap{max-width:1240px;margin:auto;padding:0 30px}
.topbar{position:sticky;top:0;z-index:30;background:rgba(7,11,20,.91);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.topinner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.03em;font-size:19px}.brandMark{display:grid;place-items:center;width:39px;height:39px;background:#1b3041;border:1px solid #47718b;border-radius:12px;color:var(--gold);font-size:23px;transform:rotate(-8deg)}.brand small{display:block;font-size:9px;color:var(--muted);font-weight:700;letter-spacing:.22em}.navActions{display:flex;align-items:center;gap:12px}.textButton{background:none;border:0;color:#d9e2ee;font-weight:650}.button{border:1px solid transparent;border-radius:13px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;transition:transform .15s,background .15s,border-color .15s;min-height:46px}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{color:#17202b;background:var(--gold)}.button.primary:hover{background:#ffe0a7}.button.secondary{color:var(--ink);border-color:var(--line);background:#1c293d}.button.ghost{border-color:#63899e;background:rgba(155,223,242,.07);color:#c5edfb}.button.danger{background:#512931;color:#ffdce1}.button.small{font-size:13px;padding:9px 13px;min-height:36px}.button.block{width:100%}
.hero{padding:76px 0 64px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.24em;font-weight:900;color:var(--gold);text-transform:uppercase}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(46px,5.5vw,78px);line-height:1.035;letter-spacing:-.047em;margin:22px 0}.hero h1 em{font-style:italic;color:var(--gold)}.hero p{font-size:17px;color:var(--muted);max-width:490px;line-height:1.8}.heroButtons{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0}.heroFoot{display:flex;gap:16px;color:#8fa3b7;font-size:12px;align-items:center}.heroFoot span:before{content:"✦";color:var(--gold);margin-right:7px}.photoWall{height:415px;position:relative}.photo{position:absolute;background:#233549 center/cover no-repeat;border:8px solid #e8ebec;border-bottom-width:34px;border-radius:4px;box-shadow:0 22px 55px #0008}.photo:after{content:attr(data-name);position:absolute;bottom:-26px;left:9px;font:800 12px/1 Georgia,serif;color:#27303a;letter-spacing:.035em}.p1{width:58%;height:77%;left:4%;top:2%;transform:rotate(-12deg);background-image:url('https://images.unsplash.com/photo-1533105079780-92b9be482077?w=740&q=85')}.p2{width:58%;height:85%;right:1%;top:8%;transform:rotate(10deg);background-image:url('https://images.unsplash.com/photo-1523906834658-6e24ef2386f9?w=740&q=85')}.p3{width:46%;height:59%;left:24%;bottom:-6%;transform:rotate(-2deg);background-image:url('https://images.unsplash.com/photo-1500534623283-312aade485b7?w=680&q=85')}.stamp{position:absolute;z-index:2;right:-10px;bottom:-23px;transform:rotate(16deg);display:grid;place-items:center;width:112px;height:112px;border:2px dashed #08121a;background:var(--gold);border-radius:50%;color:#182332;font-weight:950;text-align:center;font-size:12px;letter-spacing:.08em}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:6px auto 85px}.feature{border-top:1px solid var(--line);padding-top:23px}.feature b{font-size:15px}.feature p{font-size:13px;line-height:1.7;color:var(--muted);max-width:305px}.featureIcon{display:inline-grid;place-items:center;color:var(--gold);background:#1b2737;width:39px;height:39px;border-radius:13px;font-size:20px;margin-bottom:12px}
.appArea{padding:0 0 90px;scroll-margin-top:97px}.appShell{border:1px solid rgba(255,255,255,.13);border-radius:30px;overflow:hidden;background:#0e1523;box-shadow:0 30px 90px #0008}.shellHead{padding:22px 32px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center}.shellHead h2{font-family:Georgia,serif;font-weight:500;font-size:27px;margin:0}.stepDots{display:flex;gap:8px;align-items:center}.stepDot{height:7px;width:25px;background:#384355;border-radius:9px}.stepDot.active{background:var(--gold);width:43px}.appLayout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.9fr);min-height:550px}.mainPanel{padding:36px;border-right:1px solid var(--line);min-width:0}.sidePanel{padding:32px;background:radial-gradient(ellipse at top,#1d2b41,#121b2a 65%);min-width:0}.miniLabel{color:var(--gold);letter-spacing:.17em;font-size:11px;font-weight:900;text-transform:uppercase}.sectionTitle{font-family:Georgia,serif;letter-spacing:-.025em;font-size:36px;line-height:1.18;margin:12px 0 14px;font-weight:500}.subtext{color:var(--muted);margin:0 0 27px;line-height:1.75}.fieldGroup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field label{font-weight:750;font-size:13px}.field input,.field select,.entryInput{min-width:0;width:100%;background:#0c1422;border:1px solid #36445c;border-radius:12px;padding:13px 14px;color:#f7f9ff;outline:none}.field input:focus,.field select:focus,.entryInput:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #9bdff21c}.field input::placeholder,.entryInput::placeholder{color:#78889d}input[type=month]{color-scheme:dark}option{background:#111d30}.help{color:#8294ab;font-size:12px}.separator{height:1px;background:var(--line);margin:23px 0}.controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:30px}.muted{color:var(--muted)}.tiny{font-size:12px}.hintPanel{border:1px solid #52637a50;background:#122335;border-radius:16px;padding:18px;margin-top:20px;color:#bcd1df;font-size:13px;line-height:1.7}.hintPanel strong{color:#f1f7fa}.sidebarPoster{height:234px;background:linear-gradient(0deg,#07101fa3,#07101f00 70%),url('https://images.unsplash.com/photo-1488646953014-85cb44e25828?w=800&q=85') center/cover;border-radius:17px;display:flex;align-items:flex-end;padding:23px}.sidebarPoster strong{font:italic 28px Georgia,serif}.sidePanel h3{font:500 23px Georgia,serif;margin:23px 0 12px}.sidePanel p{color:#adbed0;line-height:1.65;font-size:13px}.miniList{display:flex;flex-direction:column;gap:11px;padding:0;margin:15px 0;list-style:none}.miniList li{display:flex;gap:10px;color:#d0d9e4;font-size:13px}.miniList i{font-style:normal;color:var(--gold)}
.entryRow{display:flex;gap:10px}.entryRow .entryInput{flex:1}.quickPlaces{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 24px}.chip{border:1px solid #3a4b60;background:#172438;color:#d3e6f2;border-radius:99px;padding:7px 11px;font-size:12px;font-weight:700}.chip:hover{border-color:var(--gold)}.placeList{display:flex;flex-direction:column;gap:10px}.placeRow{display:flex;gap:12px;align-items:center;border:1px solid #2b3a50;background:#131e2e;border-radius:14px;padding:10px}.placeThumb{flex:none;width:61px;height:59px;border-radius:10px;background:#344861 center/cover}.placeRowBody{flex:1;min-width:0}.placeRowBody b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeRowBody small{display:block;font-size:11px;color:#a8b8c9;margin-top:2px}.iconButton{border:0;background:#28364a;color:#e6eff6;border-radius:10px;width:34px;height:34px;flex:none}.countPill{font-size:11px;background:#284252;padding:7px 11px;border-radius:30px;color:#c8eaf7}
.detailImage{height:180px;background:#294158 center/cover;border-radius:16px}.detailTags{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.detailTag{background:#26374a;color:#bbd2e2;border:1px solid #3b5064;border-radius:6px;font-size:11px;padding:4px 8px}.detailList{padding-left:18px;color:#c7d8e5;font-size:13px;line-height:1.8}.detailList li::marker{color:var(--gold)}.quoteBox{padding:15px;border:1px solid #486176;border-radius:13px;background:#0e2030;margin-top:19px}.quoteBox strong{font-size:14px}.quoteBox p{margin:6px 0 10px}.quoteNote{font-size:11px;color:#90acbf}.externalLink{color:var(--gold);font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.lobbyCard{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border-radius:18px;background:#152539;border:1px solid #2f465d}.lobbyCard b{font-size:21px}.inviteBox{display:flex;gap:9px;align-items:center;margin:14px 0;padding:12px;border:1px dashed #5b7188;border-radius:13px;word-break:break-all;color:#a9cfe4;font-size:12px}.participantPills{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.participant{display:flex;align-items:center;gap:8px;border:1px solid #345069;background:#182e40;border-radius:30px;padding:7px 12px;color:#d2e1ed;font-size:12px}.avatar{display:grid;place-items:center;background:#506985;color:#f6f7f9;border-radius:50%;width:24px;height:24px;font-weight:900}.status{font-size:11px;letter-spacing:.13em;font-weight:900;color:#96cdbc;text-transform:uppercase}.gameTop{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:23px}.gameTop .status{color:var(--gold)}.meter{height:8px;background:#253448;border-radius:10px;overflow:hidden;margin:16px 0 24px}.meter>div{height:100%;background:var(--gold);transition:width .6s}.drawStage{display:grid;place-items:center;min-height:330px;border:1px solid #435670;border-radius:21px;background:radial-gradient(ellipse at center,#22344b,#0b1523);text-align:center;position:relative;overflow:hidden;padding:30px}.drawStage:before{content:"";pointer-events:none;position:absolute;inset:14px;border:1px dashed #ffffff24;border-radius:15px}.drawCard{position:relative;max-width:450px;width:100%;z-index:1}.drawCard h3{font:italic 52px/1.09 Georgia,serif;letter-spacing:-.055em;margin:16px 0}.drawCard p{color:#bad2e3}.drawIcon{font-size:46px}.drawStage.spinning .drawCard{animation:shake .18s infinite alternate}.drawStage.spinning{box-shadow:inset 0 0 60px #afccfb17}@keyframes shake{from{transform:translateX(-4px) rotate(-1deg)}to{transform:translateX(4px) rotate(1deg)}}.outTag{display:inline-block;border:2px solid #e78f92;color:#ffb1b1;border-radius:8px;font-size:17px;letter-spacing:.21em;font-weight:950;transform:rotate(-8deg);padding:7px 14px;margin-top:8px}.winnerTag{color:#f9d69b;letter-spacing:.14em;font-weight:900}.gameControls{display:flex;gap:12px;flex-wrap:wrap;margin-top:19px}.gameControls .button.primary{flex:1}.roundList{display:flex;flex-direction:column;gap:9px}.roundPlace{border:1px solid #3d5064;border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px;cursor:pointer;background:#1a293b;text-align:left;color:white;width:100%}.roundPlace.removed{opacity:.44;text-decoration:line-through}.roundPlace.selected{border-color:var(--gold)}.roundPlace b{flex:1}.roundPlace span{font-size:12px}.winnerBox{border:1px solid #e4bd75;border-radius:17px;background:#2c271b;padding:22px;margin-top:22px;text-align:center}.winnerBox h3{font:italic 37px Georgia,serif;margin:6px 0}.winnerBox p{color:#f0d7ae}.emptyState{border:1px dashed #41566e;border-radius:13px;padding:28px 20px;text-align:center;color:#97abc0}.emptyState strong{display:block;color:#e5eef6}.notification{position:fixed;z-index:80;bottom:26px;left:50%;transform:translateX(-50%);background:#203850;border:1px solid #718da3;color:white;padding:12px 19px;border-radius:12px;box-shadow:0 10px 40px #0009;max-width:min(500px,90vw);font-size:13px}.hide{display:none!important}
.modalOverlay{position:fixed;inset:0;z-index:60;background:#02060bcb;display:grid;place-items:center;padding:20px}.modal{max-width:440px;width:100%;padding:28px;background:#162338;border:1px solid #526077;border-radius:22px;box-shadow:0 40px 100px #0009}.modal h2{font:32px Georgia,serif;margin:5px 0 8px}.modal .field{margin:14px 0}.modalTop{display:flex;justify-content:space-between}.modalTop .iconButton{background:#24344b}.authSwitch{background:none;border:0;color:var(--gold);text-decoration:underline}.footer{padding:40px 0 50px;border-top:1px solid var(--line);color:#92a3b8;display:flex;justify-content:space-between;gap:20px;font-size:12px}.footer b{color:#e9f0f6}
@media(max-width:960px){.hero{gap:20px}.hero h1{font-size:52px}.photoWall{height:360px}.mainPanel{padding:25px}.sidePanel{padding:23px}.appLayout{grid-template-columns:minmax(0,1.3fr) minmax(250px,.9fr)}}
@media(max-width:760px){.wrap{padding:0 18px}.topinner{height:66px}.brand{font-size:16px}.navActions .textButton{display:none}.hero{display:flex;flex-direction:column;gap:8px;padding:43px 0 36px}.hero h1{font-size:52px}.hero p{font-size:15px}.heroButtons{margin:23px 0}.photoWall{width:min(430px,94%);height:275px;margin:9px auto 16px}.features{grid-template-columns:1fr;gap:15px;margin-bottom:51px}.feature{padding-top:14px}.feature p{margin-bottom:0}.appLayout{display:flex;flex-direction:column}.mainPanel{border-right:0;border-bottom:1px solid var(--line);padding:23px}.sidePanel{padding:23px}.shellHead{padding:17px 22px}.shellHead h2{font-size:21px}.sectionTitle{font-size:30px}.drawCard h3{font-size:39px}.drawStage{min-height:270px}.footer{flex-direction:column}.lobbyCard{align-items:flex-start;flex-direction:column}}
@media(max-width:440px){.fieldGroup{grid-template-columns:1fr}.hero h1{font-size:45px}.heroFoot{flex-wrap:wrap;gap:7px}.navActions .button{padding:9px 12px;font-size:12px}.entryRow{flex-wrap:wrap}.entryRow .button{width:100%}.shellHead{gap:10px}.stepDot{width:16px}.stepDot.active{width:26px}.mainPanel{padding:18px}.photoWall{height:247px}.controls{flex-wrap:wrap}.controls .button{flex:1}.gameControls .button{width:100%}.sectionTitle{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}