@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap'); :root{--ink:#102f29;--soft:#4c6861;--muted:#78918a;--line:#dce9e3;--line2:#edf4f0;--paper:#fff;--mist:#f3f7f4;--mint:#e2f2eb;--mint2:#c4e5d7;--teal:#0b7865;--teal2:#075347;--deep:#073a33;--gold:#c59c55;--good:#40936a;--danger:#c86156;--shadow:0 10px 30px rgba(7,66,54,.08);--shadow2:0 24px 70px rgba(7,66,54,.15);--r:20px} *{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-width:1180px;direction:rtl;background:var(--mist);color:var(--ink);font:15px/1.8 Vazirmatn,Tahoma,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:var(--mint2)} .site-header{height:78px;position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.header-inner,.wrap{width:min(1320px,calc(100% - 72px));margin:auto}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;min-width:185px}.brand-mark{width:38px;height:40px;position:relative;overflow:hidden}.brand-mark:before,.brand-mark:after{content:"";position:absolute;bottom:3px;width:22px;height:31px;background:linear-gradient(145deg,#0ca58b,#064e43);clip-path:polygon(50% 0,100% 100%,0 100%)}.brand-mark:before{right:0;transform:rotate(17deg)}.brand-mark:after{left:0;transform:rotate(-17deg);opacity:.85}.brand-mark span{position:absolute;z-index:2;right:14px;bottom:8px;width:10px;height:13px;background:#0e8871;clip-path:polygon(50% 0,100% 100%,0 100%)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font:900 23px/1 Arial,sans-serif;letter-spacing:.8px}.brand-copy small{margin-top:6px;color:var(--muted);font-size:10px;font-weight:600}.nav{display:flex;align-items:center;gap:6px}.nav a{position:relative;padding:10px 15px;color:var(--soft);font-size:14px;font-weight:600}.nav a:hover,.nav a.active{color:var(--teal)}.nav a.active:after{content:"";position:absolute;right:15px;left:15px;bottom:0;height:3px;border-radius:3px;background:#0e9f83}.header-actions{display:flex;align-items:center;gap:14px;min-width:185px;justify-content:flex-end}.search-btn{width:38px;height:38px;display:grid;place-items:center;background:none;color:var(--ink)}.login-btn{display:flex;align-items:center;gap:8px;padding:11px 17px;border-radius:12px;background:var(--teal2);color:#fff;font-size:13px;font-weight:700;box-shadow:var(--shadow)} .page{min-height:calc(100vh - 78px)}.flowbar{padding-top:20px}.flowbar-inner{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.flow-step{display:flex;align-items:center;gap:7px;white-space:nowrap}.flow-step .dot{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--line2);color:var(--soft);font-size:11px}.flow-step.done .dot{background:var(--mint2);color:var(--teal2)}.flow-step.current{color:var(--teal2);font-weight:800}.flow-step.current .dot{background:var(--teal);color:#fff}.flow-sep{width:32px;height:1px;background:var(--line)}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--teal);font-size:12.5px;font-weight:800}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px var(--mint)}h1,h2,h3{line-height:1.35}.display{font-size:64px;line-height:1.2;font-weight:900;letter-spacing:-1.8px}.title{font-size:31px;font-weight:900}.subtitle{max-width:570px;margin-top:14px;color:var(--soft);font-size:17px}.muted{color:var(--muted)}.small{color:var(--muted);font-size:12.5px}.strong{font-weight:800}.ltr{direction:ltr;display:inline-block}.underlined{position:relative;display:inline-block}.underlined:after{content:"";position:absolute;right:0;bottom:-8px;width:62px;height:4px;border-radius:7px;background:var(--teal);transform:rotate(-2deg)} .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 23px;border-radius:13px;font-size:14px;font-weight:800;transition:.18s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--teal2);color:#fff;box-shadow:0 14px 25px rgba(7,83,71,.18)}.btn-primary:hover{background:var(--deep)}.btn-outline{border:1px solid var(--teal);color:var(--teal2);background:transparent}.btn-soft{background:var(--mint);color:var(--teal2)}.btn-quiet{border:1px solid var(--line);background:#fff;color:var(--soft)}.btn-block{width:100%}.btn[disabled]{opacity:.5;pointer-events:none}.arrow{font-size:21px;line-height:1}.surface{background:var(--paper);border:1px solid var(--line2);border-radius:var(--r);box-shadow:var(--shadow)} /* page 1 */ .create-page{overflow:hidden}.create-hero{width:min(1400px,calc(100% - 46px));min-height:710px;margin:24px auto 0;display:grid;grid-template-columns:minmax(0,1fr) 445px;gap:70px;align-items:center;padding:44px 60px 54px;position:relative;overflow:hidden;border-radius:32px;background:linear-gradient(90deg,rgba(232,245,242,.4),rgba(243,247,244,.96) 62%),url('../images/jsky-hero-coast.png') center/cover}.create-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.48));pointer-events:none}.hero-copy,.create-form{position:relative;z-index:1}.hero-copy{align-self:end;max-width:610px;padding-bottom:24px}.hero-copy .eyebrow{margin-bottom:18px}.hero-copy .subtitle{max-width:510px;margin-top:21px}.hero-note{display:flex;align-items:center;gap:10px;margin-top:26px;color:var(--soft);font-size:13px}.note-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:var(--teal2)}.create-form{padding:30px 32px 28px;border-radius:23px;background:rgba(255,255,255,.93);border:1px solid #fff;box-shadow:var(--shadow2)}.form-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:22px}.form-heading h2{font-size:23px;font-weight:900}.form-heading p{margin-top:5px;color:var(--muted);font-size:13px}.form-badge{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--mint);color:var(--teal2)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{color:var(--soft);font-size:12.5px;font-weight:800}.input,.select{width:100%;height:48px;padding:0 14px;outline:0;border:1px solid var(--line);border-radius:12px;background:var(--mist);color:var(--ink)}.input:focus,.select:focus{border-color:#70b9a5;background:#fff;box-shadow:0 0 0 4px rgba(14,136,113,.1)}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--teal) 50%),linear-gradient(135deg,var(--teal) 50%,transparent 50%);background-position:left 17px center,left 12px center;background-size:5px 5px;background-repeat:no-repeat;padding-left:35px}.stepper{height:48px;display:flex;align-items:center;justify-content:space-between;padding:5px 6px;border:1px solid var(--line);border-radius:12px;background:var(--mist)}.stepper button{width:36px;height:36px;border-radius:10px;background:#fff;color:var(--teal2);font-size:20px;box-shadow:var(--shadow)}.stepper button:disabled{opacity:.35}.stepper-val{min-width:38px;text-align:center;font-weight:900}.form-foot{display:flex;align-items:center;gap:9px;margin-top:17px;color:var(--muted);font-size:11.5px}.create-features{width:min(1400px,calc(100% - 46px));margin:auto;padding:20px 45px 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.feature{display:flex;align-items:center;gap:12px;padding:10px 17px;border-left:1px solid var(--line)}.feature:last-child{border-left:0}.feature-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:var(--teal2)}.feature strong{display:block;font-size:13.5px}.feature span{display:block;color:var(--muted);font-size:11px} /* page 2 */ .trip-banner{min-height:275px;margin-top:24px;padding:48px 60px;position:relative;overflow:hidden;display:flex;align-items:flex-end;color:#fff;border-radius:28px;background:linear-gradient(90deg,rgba(6,54,49,.12),rgba(6,54,49,.72)),url('../images/jsky-hero-coast.png') center/cover}.trip-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,42,37,.7),transparent 70%)}.trip-banner>*{position:relative;z-index:1}.trip-banner h1{font-size:42px;font-weight:900}.trip-banner p{margin-top:9px;color:#e7f2ee}.trip-meta{display:flex;gap:10px;margin-top:20px}.meta-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.15);color:#fff;font-size:12px;font-weight:700;backdrop-filter:blur(8px)}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:24px;padding:24px 0 40px}.section-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-bar h2{font-size:19px;font-weight:900}.section-bar p{margin-top:4px;color:var(--muted);font-size:12.5px}.members-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.member-card{min-height:255px;padding:16px 15px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.member-head{display:flex;align-items:flex-start;justify-content:space-between}.member-avatar{width:58px;height:58px;display:grid;place-items:center;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--line);color:#fff;font-size:19px;font-weight:900}.avatar-sara{background:linear-gradient(145deg,#45aa90,#08715e)}.avatar-parham{background:linear-gradient(145deg,#e6bf79,#bd8e3e)}.avatar-ali{background:linear-gradient(145deg,#8ab8db,#4b7d9f)}.avatar-amir{background:linear-gradient(145deg,#cf8fa0,#a45c70)}.online{display:inline-flex;align-items:center;gap:5px;color:var(--good);font-size:11px;font-weight:700}.online:before{content:"";width:7px;height:7px;border-radius:50%;background:#20a064}.member-name{margin-top:12px;font-size:17px;font-weight:900}.member-role{color:var(--muted);font-size:11px}.dest-pill{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding:9px 11px;border-radius:11px;background:var(--mint)}.dest-pill span{color:var(--muted);font-size:11px}.dest-pill strong{color:var(--teal2);font-size:14px}.member-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:11px}.tag{padding:4px 8px;border-radius:999px;background:var(--line2);color:var(--soft);font-size:10.5px}.invite-card{min-height:255px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px dashed var(--mint2);border-radius:18px;background:rgba(240,248,244,.55);color:var(--teal2);text-align:center}.invite-card strong{font-size:14px}.invite-card span{max-width:170px;color:var(--muted);font-size:11.5px}.summary-card{padding:22px;position:sticky;top:99px}.summary-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:900}.summary-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:var(--teal2)}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px dashed var(--line);font-size:13px}.summary-row span{color:var(--muted)}.summary-status{display:flex;justify-content:space-between;margin:15px 0;padding:10px 12px;border-radius:11px;background:var(--mint);color:var(--soft);font-size:12px}.status-good{color:var(--good);font-weight:800}.summary-actions{display:grid;gap:9px;margin-top:16px}.room-note{display:flex;gap:9px;margin-top:16px;color:var(--muted);font-size:11px} /* page 3 */ .method-page{background:radial-gradient(circle at 10% 74%,rgba(174,215,201,.22),transparent 33%),radial-gradient(circle at 95% 60%,rgba(174,215,201,.2),transparent 28%),var(--mist)}.page-heading{padding:42px 0 26px}.method-heading{max-width:700px;margin:auto;text-align:center}.method-heading h1{font-size:42px}.method-heading p{max-width:620px;margin:13px auto 0;color:var(--soft);font-size:16px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:28px 0 32px}.method-card{min-height:380px;padding:27px 26px 24px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:23px;background:rgba(255,255,255,.91);box-shadow:var(--shadow);transition:.2s}.method-card:hover:not(.disabled){transform:translateY(-5px);box-shadow:var(--shadow2)}.method-card.disabled{opacity:.63}.method-visual{width:142px;height:142px;margin:0 auto 20px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,var(--mint),#fff 72%);color:var(--teal2)}.wheel{width:91px;height:91px;border:7px solid var(--teal);border-radius:50%;position:relative;background:conic-gradient(var(--mint2) 0 60deg,#f8efd9 60deg 120deg,var(--mint2) 120deg 180deg,#f8efd9 180deg 240deg,var(--mint2) 240deg 300deg,#f8efd9 300deg)}.wheel:before{content:"";position:absolute;width:19px;height:19px;left:29px;top:29px;border:4px solid #fff;border-radius:50%;background:var(--gold)}.wheel:after{content:"";position:absolute;top:-18px;left:35px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid var(--gold)}.bolt{font-size:89px;color:var(--teal);text-shadow:8px 9px 0 rgba(7,85,72,.1)}.lock{width:84px;height:70px;position:relative;border:7px solid #90aaa4;border-radius:15px}.lock:before{content:"";position:absolute;left:21px;top:-42px;width:29px;height:42px;border:7px solid #90aaa4;border-bottom:0;border-radius:18px 18px 0 0}.lock:after{content:"✦";position:absolute;top:17px;left:31px;color:#90aaa4}.method-card h2{text-align:center;font-size:21px;font-weight:900}.method-card p{min-height:76px;margin-top:8px;color:var(--soft);text-align:center;font-size:13px}.method-card .btn{margin-top:auto}.method-label{align-self:flex-end;margin-bottom:9px;padding:5px 10px;border-radius:8px;background:var(--line2);color:var(--soft);font-size:11px;font-weight:800}.method-footer{display:flex;align-items:center;justify-content:center;gap:15px;padding:6px 0 42px;color:var(--muted);font-size:12px}.heart-line{width:210px;height:1px;background:var(--mint2)} /* active map game */ .map-launch{display:flex;align-items:center;gap:17px;margin:0 0 26px;padding:18px 22px;border-color:var(--mint2);background:linear-gradient(90deg,#fff,#f4fbf7)}.map-launch-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:var(--teal2);color:#fff;font-size:23px;box-shadow:0 9px 18px rgba(7,83,71,.15)}.map-launch-copy{flex:1}.map-launch-copy .eyebrow{font-size:11px}.map-launch-copy h2{margin-top:2px;font-size:19px}.map-launch-copy p{margin-top:3px;color:var(--muted);font-size:12px}.map-launch .btn{min-height:42px;padding:0 18px} /* coming soon multiplier games */ .coming-games{padding:4px 0 0}.coming-head{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:0 4px 14px;border-bottom:1px solid var(--line)}.coming-head h2{margin-top:7px;font-size:20px}.coming-head p{max-width:430px;color:var(--muted);font-size:12.5px}.coming-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}.coming-game-card{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:16px;min-height:122px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.68);opacity:.76}.multiplier-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:var(--mint);color:var(--teal2);font-size:21px;font-weight:900;direction:ltr}.multiplier-gold{background:#f6efdf;color:#9a7738}.coming-game-card .method-label{display:inline-flex;margin:0 0 5px}.coming-game-card h3{font-size:17px}.coming-game-card p{margin-top:5px;color:var(--muted);font-size:11.5px}.coming-status{align-self:start;padding:5px 9px;border-radius:8px;background:var(--line2);color:var(--muted);font-size:10.5px;font-weight:700;white-space:nowrap} /* map game */ .map-game-page{background:radial-gradient(circle at 10% 28%,rgba(174,215,201,.22),transparent 27%),linear-gradient(120deg,#f6faf7,#edf6f1)}.map-game-head{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:40px 0 24px}.map-game-head h1{margin-top:8px;font-size:43px}.map-game-head p{max-width:640px;margin-top:10px;color:var(--soft);font-size:15px}.map-legend{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;color:var(--soft);font-size:11.5px}.map-legend span{display:flex;align-items:center;gap:6px;white-space:nowrap}.legend-dot{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;font-style:normal;font-size:13px}.plane-dot{background:var(--mint);color:var(--teal2)}.weather-dot{background:#edf1f2;color:#6d8586}.delay-dot{background:#f8e9e4;color:var(--danger);font-weight:900}.map-game-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;padding-bottom:50px}.map-board-panel{padding:24px}.board-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.board-top h2{font-size:20px}.board-top p{margin-top:3px;color:var(--muted);font-size:12px}.turn-badge{display:flex;align-items:center;gap:8px;padding:6px 13px 6px 8px;border-radius:999px;background:var(--mint);color:var(--teal2);font-size:12px;font-weight:800}.turn-badge span:first-child{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--teal2);color:#fff}.map-board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative;margin-top:25px;padding:19px;border-radius:20px;background:linear-gradient(145deg,#e8f3ee,#f8fbf9);border:1px solid var(--line)}.map-board:before{content:"";position:absolute;inset:48px 58px;border:2px dashed rgba(14,136,113,.18);border-radius:50% 45% 52% 43%;transform:rotate(-7deg);pointer-events:none}.map-node{min-height:105px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:12px;position:relative;z-index:1;border:1px solid rgba(207,228,218,.95);border-radius:16px;background:rgba(255,255,255,.78);transition:.18s}.map-node.current-node{border-color:var(--teal);box-shadow:0 0 0 3px rgba(14,136,113,.08)}.map-node.finish-node{background:linear-gradient(145deg,var(--teal2),var(--teal));color:#fff;border-color:transparent}.map-node-special{background:#fbfdfc}.node-number{font-size:10px;color:var(--muted);font-weight:800}.finish-node .node-number{color:rgba(255,255,255,.75)}.node-city{font-size:14px;font-weight:900}.node-rule{display:flex;align-items:center;gap:5px;margin-top:auto;color:var(--teal);font-size:10px}.finish-node .node-rule{color:#d5f0e6}.node-rule i{font-style:normal}.node-tokens{display:flex;flex-wrap:wrap;gap:4px;min-height:24px}.map-token{width:24px;height:24px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;color:#fff;font-size:10px;font-weight:900;box-shadow:0 2px 6px rgba(7,66,54,.16)}.map-token.active-token{outline:2px solid var(--gold);outline-offset:1px}.board-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:17px}.map-event{flex:1;min-height:45px;display:flex;align-items:center;padding:0 14px;border-radius:12px;background:var(--mint);color:var(--teal2);font-size:12px;font-weight:700}.board-actions .btn{min-width:160px}.map-sidebar{padding:22px;align-self:start}.map-sidebar-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.map-sidebar-title h2{font-size:19px}.map-sidebar-title p{margin-top:3px;color:var(--muted);font-size:11.5px}.map-pin{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:var(--teal2);font-size:21px}.map-players{display:grid;gap:8px;margin-top:20px}.map-player{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:12px}.map-player.active-player{border-color:var(--mint2);background:var(--mint)}.map-player-token{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:11px;font-weight:900}.map-player-name{font-size:12.5px;font-weight:800}.map-player-progress{display:block;margin-top:2px;color:var(--muted);font-size:10px}.map-player-state{color:var(--teal);font-size:11px;font-weight:800}.map-rule{margin-top:19px;padding:13px;border-radius:12px;background:var(--line2);color:var(--soft)}.map-rule strong{font-size:12px}.map-rule p{margin-top:5px;font-size:11px}.map-sidebar .btn{margin-top:12px;min-height:42px} /* page 4 */ .snakes-head{padding-bottom:18px}.snakes-brief{display:flex;align-items:center;justify-content:flex-end;gap:11px;flex-wrap:wrap;max-width:365px;color:var(--soft);font-size:11px}.snakes-brief>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.snakes-layout{align-items:start}.snakes-stage{padding-bottom:22px}.snakes-board{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(5,1fr);gap:5px;aspect-ratio:2/1;position:relative;margin-top:24px;padding:11px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:radial-gradient(circle at 75% 20%,rgba(255,255,255,.95),transparent 25%),linear-gradient(135deg,#dff1e8,#f8fbfa 48%,#d7eee4);box-shadow:inset 0 0 0 8px rgba(255,255,255,.35),0 20px 48px rgba(7,66,54,.08)}.snakes-board:before{content:"";position:absolute;inset:9%;border:1px dashed rgba(14,136,113,.18);border-radius:50%;transform:rotate(-7deg);pointer-events:none}.snakes-links{position:absolute;inset:0;width:100%;height:100%;z-index:3;overflow:visible;pointer-events:none}.snakes-links .ladder-path{stroke:var(--teal);stroke-width:8;stroke-linecap:round;opacity:.32}.snakes-links .snake-path{fill:none;stroke:var(--danger);stroke-width:7;stroke-linecap:round;stroke-dasharray:10 7;opacity:.35}.snakes-links .weather-path{fill:none;stroke:#75898d;stroke-width:7;stroke-linecap:round;stroke-dasharray:4 8;opacity:.34}.snakes-links .snake-head{fill:var(--danger);opacity:.62}.snakes-cell{min-width:0;position:relative;z-index:4;display:flex;flex-direction:column;justify-content:space-between;gap:3px;padding:8px;border:1px solid rgba(202,226,215,.9);border-radius:12px;background:rgba(255,255,255,.76);color:var(--ink);transition:.16s}.snakes-cell:nth-child(odd){background:rgba(255,255,255,.56)}.snakes-cell.active-cell{box-shadow:0 0 0 3px var(--gold),0 8px 16px rgba(197,156,85,.16);transform:translateY(-2px)}.snakes-cell.special-plane{background:linear-gradient(145deg,#ccecdf,#fff);border-color:#8bc7af;color:var(--teal2)}.snakes-cell.special-weather{background:linear-gradient(145deg,#e4ebeb,#fff);border-color:#b8c8c9;color:#5e7478}.snakes-cell.special-delay,.snakes-cell.special-cancel{background:linear-gradient(145deg,#fae2dd,#fff);border-color:#e8a79d;color:#9e4f48}.snakes-cell.finish-cell{background:linear-gradient(145deg,var(--teal2),var(--teal));border-color:transparent;color:#fff;box-shadow:0 8px 20px rgba(7,83,71,.2)}.cell-number{font-size:10px;font-weight:900;opacity:.7}.cell-caption{min-height:12px;font-size:10px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-effect{display:flex;align-items:center;justify-content:space-between;gap:3px;font-size:10px;color:var(--teal)}.special-weather .cell-effect{color:#6d8387}.special-delay .cell-effect,.special-cancel .cell-effect{color:var(--danger)}.finish-cell .cell-effect{color:#d5f0e6}.cell-tokens{display:flex;align-items:center;gap:2px;min-height:22px;flex-wrap:wrap}.snakes-token{width:30px;height:30px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;color:transparent;font-size:0;font-weight:900;box-shadow:0 3px 8px rgba(7,66,54,.2);background-repeat:no-repeat;background-size:200% 200%;background-color:#fff}.snakes-token.current-token{outline:2px solid var(--gold);outline-offset:2px}.snakes-board .avatar-sara,.snakes-sidebar .avatar-sara{background-image:url('../images/marpelle-characters.png');background-position:0 0}.snakes-board .avatar-parham,.snakes-sidebar .avatar-parham{background-image:url('../images/marpelle-characters.png');background-position:100% 0}.snakes-board .avatar-ali,.snakes-sidebar .avatar-ali{background-image:url('../images/marpelle-characters.png');background-position:0 100%}.snakes-board .avatar-amir,.snakes-sidebar .avatar-amir{background-image:url('../images/marpelle-characters.png');background-position:100% 100%}.snakes-rules{display:grid;gap:10px;margin-top:18px;padding:14px;border-radius:13px;background:var(--line2)}.snakes-rules>strong{font-size:12px}.snakes-rules>div{display:flex;align-items:flex-start;gap:8px}.rule-icon{width:26px;height:26px;display:grid;place-items:center;flex:none;border-radius:8px;font-style:normal;font-size:12px;font-weight:900}.snakes-rules p{display:flex;flex-direction:column;gap:1px}.snakes-rules b{font-size:11px}.snakes-rules small{color:var(--muted);font-size:10px;line-height:1.5}.snakes-sidebar .btn{margin-top:13px}.snakes-stage .board-actions{margin-top:16px}.dice-roll{display:flex;align-items:center;gap:8px;padding:5px 9px 5px 6px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 18px rgba(7,66,54,.08)}.dice-face{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#fff,#eaf4ef);border:2px solid var(--teal);color:var(--teal2);font-size:22px;font-weight:900;box-shadow:inset 0 0 0 4px rgba(14,136,113,.06)}.dice-roll small{color:var(--muted);font-size:10px;font-weight:800}.dice-roll.rolling .dice-face{animation:dice-tumble .16s linear infinite;background:var(--mint);color:var(--teal2)}@keyframes dice-tumble{0%{transform:rotate(-9deg) scale(.92)}50%{transform:rotate(9deg) scale(1.08)}100%{transform:rotate(-9deg) scale(.92)}}.turn-badge .turn-character{background-repeat:no-repeat;background-size:200% 200%;background-image:url('../images/marpelle-characters.png');color:transparent}.map-player-copy{min-width:0}.map-player-role{display:block;margin-top:1px;color:var(--muted);font-size:9px}.player-destination{display:flex;align-items:center;gap:5px;margin-top:5px;color:var(--muted);font-size:9px}.player-destination select{height:25px;min-width:76px;padding:0 5px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--teal2);font:700 10px Vazirmatn,sans-serif}.map-player-token.character-token{font-size:0;background-repeat:no-repeat;background-size:200% 200%;background-image:url('../images/marpelle-characters.png');background-color:#fff}.map-player-token.avatar-sara,.winner-modal .avatar-sara{background-position:0 0}.map-player-token.avatar-parham,.winner-modal .avatar-parham{background-position:100% 0}.map-player-token.avatar-ali,.winner-modal .avatar-ali{background-position:0 100%}.map-player-token.avatar-amir,.winner-modal .avatar-amir{background-position:100% 100%}.winner-modal{position:relative;width:min(430px,calc(100% - 32px));padding:36px 34px 30px}.modal-close{position:absolute;top:15px;left:17px;width:30px;height:30px;border-radius:50%;background:var(--line2);color:var(--soft);font-size:20px}.winner-burst{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 15px;border-radius:22px;background:var(--mint);color:var(--gold);font-size:30px;box-shadow:0 12px 26px rgba(7,66,54,.1)}.winner-modal .eyebrow{justify-content:center}.winner-modal h2{margin-top:8px}.winner-modal p{line-height:1.9}.winner-destination{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:18px;padding:13px;border-radius:17px;background:var(--line2);text-align:right}.winner-modal .winner-avatar{width:62px;height:62px;border:3px solid #fff;background-repeat:no-repeat;background-size:200% 200%;background-image:url('../images/marpelle-characters.png');color:transparent;font-size:0}.winner-destination small,.winner-destination strong{display:block}.winner-destination small{color:var(--muted);font-size:10px}.winner-destination strong{margin-top:3px;color:var(--teal2);font-size:20px}.winner-actions{display:grid;gap:8px;margin-top:18px}.winner-actions .btn{width:100%} /* page 4 */ .game-page{background:linear-gradient(105deg,rgba(224,239,234,.9),rgba(247,250,247,.96) 44%,rgba(240,247,244,.92)),url('../images/jsky-hero-coast.png') center/cover fixed}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 348px;gap:24px;padding:33px 0 52px}.game-stage{min-height:570px;padding:28px 40px 32px;text-align:center}.game-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--teal2);font-size:13px;font-weight:800}.bolt-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--mint)}.game-stage h1{margin-top:10px;font-size:42px}.instruction{margin-top:8px;color:var(--soft);font-size:15px}.turn-chip{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:7px 16px 7px 8px;border-radius:999px;background:var(--teal2);color:#fff;font-size:12px;font-weight:800}.turn-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-size:11px}.arena{width:280px;height:280px;margin:23px auto 16px;display:grid;place-items:center;border:8px solid #fff;border-radius:50%;cursor:pointer;user-select:none;color:#fff;font-size:28px;font-weight:900;line-height:1.45;background:radial-gradient(circle at 30% 28%,#9bb8ae,#59766e);box-shadow:0 24px 52px rgba(13,89,73,.23);transition:.18s}.arena:hover{transform:scale(1.025)}.arena.state-waiting{background:radial-gradient(circle at 30% 28%,#9fd1c0,#278b75)}.arena.state-go{background:radial-gradient(circle at 30% 28%,#a4de95,#4e9b52);animation:pulse 1s infinite}.arena.state-early{background:radial-gradient(circle at 30% 28%,#ecab98,#c35e53)}.arena.state-done{background:radial-gradient(circle at 30% 28%,#69c3a4,#0b6c5a)}@keyframes pulse{0%,100%{box-shadow:0 0 0 15px rgba(78,155,82,.12),0 24px 52px rgba(13,89,73,.23)}50%{box-shadow:0 0 0 26px rgba(78,155,82,.04),0 24px 52px rgba(13,89,73,.23)}}.game-hint{display:inline-flex;padding:11px 19px;border-radius:999px;background:var(--mint);color:var(--teal2);font-size:13px;font-weight:800}.game-sidebar{padding:24px}.sidebar-head{display:flex;justify-content:space-between;gap:11px}.sidebar-head h2{font-size:20px;font-weight:900}.sidebar-head p{margin-top:4px;color:var(--muted);font-size:12px}.trophy{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:var(--teal2);font-size:20px}.leaderboard{display:grid;gap:7px;margin-top:22px}.lb-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:12px}.lb-item.turn-on{border-color:var(--mint2);background:var(--mint)}.lb-rank{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--line2);color:var(--soft);font-size:12px;font-weight:900}.lb-item.first .lb-rank{background:var(--gold);color:#fff}.lb-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:11px;font-weight:900}.lb-name{flex:1;font-size:13.5px;font-weight:800}.lb-time{color:var(--teal);font-size:12px;font-weight:900;direction:ltr}.lb-time .unit{margin-right:3px;color:var(--muted);font-size:10px}.game-quote{margin:20px 0;padding:14px;border-radius:12px;background:var(--mint);color:var(--soft);font-size:13px;text-align:center}.game-sidebar .btn{margin-top:7px}.sidebar-foot{display:flex;gap:8px;margin-top:17px;color:var(--muted);font-size:11px} /* page 5 */ .result-page{overflow:hidden;background:linear-gradient(180deg,#f7faf8,#eef6f2)}.result-hero{min-height:370px;margin-top:24px;padding:45px 32px 36px;position:relative;overflow:hidden;text-align:center;border-radius:29px;background:linear-gradient(180deg,rgba(248,250,247,.38),rgba(248,250,247,.92)),url('../images/jsky-hero-coast.png') center/cover}.result-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 17%,rgba(255,255,255,.94),transparent 22%)}.result-hero>*{position:relative;z-index:1}.winner-ring{width:125px;height:125px;margin:0 auto 18px;position:relative}.winner-ring:before{content:"";position:absolute;inset:-24px;border-radius:50%;background:radial-gradient(circle,rgba(196,155,81,.26),transparent 65%)}.winner-avatar{width:125px;height:125px;display:grid;place-items:center;border:6px solid #fff;border-radius:50%;color:#fff;font-size:42px;font-weight:900;box-shadow:0 24px 45px rgba(13,79,64,.2)}.crown{position:absolute;z-index:2;top:-18px;right:50%;transform:translateX(50%);padding:5px 14px;border-radius:999px;background:var(--gold);color:#fff;font-size:12px;font-weight:900}.result-hero h1{font-size:39px;font-weight:900}.result-hero h1 span{color:var(--teal)}.result-hero p{margin-top:6px;color:var(--soft);font-size:15px}.result-content{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:24px;padding:24px 0 52px}.destination-card{min-height:290px;padding:30px;position:relative;overflow:hidden;border-radius:23px;background:linear-gradient(140deg,#0a7865,#073e36 80%);color:#fff}.destination-card:before{content:"";position:absolute;width:420px;height:280px;left:-90px;bottom:-150px;border:32px solid rgba(110,207,175,.18);border-radius:50%;box-shadow:0 0 0 24px rgba(110,207,175,.12);transform:rotate(-10deg)}.destination-card:after{content:"";position:absolute;width:130px;height:130px;left:48px;top:38px;border-radius:50%;background:radial-gradient(circle,#f3dda6,#dcae5d 70%,transparent 72%)}.dest-copy,.dest-meta{position:relative;z-index:1}.dest-copy{margin-top:103px}.dest-copy .eyebrow{color:#cce9df}.dest-copy .eyebrow:before{background:#f2d58e;box-shadow:0 0 0 5px rgba(255,255,255,.1)}.dest-copy h2{margin-top:9px;font-size:30px}.dest-copy p{margin-top:4px;color:rgba(255,255,255,.76);font-size:13px}.dest-meta{display:flex;gap:9px;margin-top:18px}.result-summary{padding:24px}.result-summary h2{font-size:19px}.result-summary p{margin-top:5px;color:var(--muted);font-size:12px}.result-summary .summary-row{padding:12px 0}.result-summary .btn{margin-top:14px}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-12px;width:8px;height:15px;border-radius:2px;animation:fall 4.6s linear infinite}.confetti i:nth-child(1){right:11%;background:#0e8871}.confetti i:nth-child(2){right:20%;background:#c49b51;animation-delay:1.4s}.confetti i:nth-child(3){right:31%;background:#e38e82;animation-delay:.8s}.confetti i:nth-child(4){right:66%;background:#0e8871;animation-delay:2s}.confetti i:nth-child(5){right:77%;background:#c49b51;animation-delay:.9s}.confetti i:nth-child(6){right:88%;background:#76bbab;animation-delay:1.7s}@keyframes fall{to{transform:translateY(420px) rotate(560deg);opacity:0}} /* pages 6-8 */ .search-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 22px;padding:17px 23px}.route-main{display:flex;align-items:center;gap:14px;font-size:18px;font-weight:900}.route-arrow{color:var(--teal);font-size:23px}.route-details{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:12.5px}.route-details span{display:inline-flex;align-items:center;gap:6px}.flight-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:24px;padding-bottom:48px}.filters{padding:22px;position:sticky;top:102px;align-self:start}.filters h2{font-size:19px}.filter-section{padding:18px 0;border-bottom:1px dashed var(--line)}.filter-section h3{margin-bottom:11px;font-size:13px}.check{display:flex;gap:8px;align-items:center;margin:9px 0;color:var(--soft);font-size:12.5px}.check input{width:17px;height:17px;accent-color:var(--teal)}.range{width:100%;accent-color:var(--teal)}.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:10.5px}.flight-list-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:13px}.flight-list-head h1{font-size:24px}.flight-list-head p{margin-top:3px;color:var(--muted);font-size:12px}.sort-select{height:40px;width:150px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--soft);font-size:12px}.flight-list{display:grid;gap:13px}.flight-card{display:grid;grid-template-columns:122px 1fr 165px;gap:18px;align-items:center;position:relative;padding:19px 21px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:var(--shadow)}.flight-card:hover{transform:translateY(-3px);box-shadow:var(--shadow2)}.flight-card.selected{border-color:var(--teal);box-shadow:0 0 0 3px rgba(14,136,113,.1),var(--shadow)}.flight-card.selected:before{content:"پیشنهاد J SKY";position:absolute;top:0;right:20px;padding:4px 11px;border-radius:0 0 9px 9px;background:var(--teal);color:#fff;font-size:10px}.airline-block{display:flex;align-items:center;gap:9px}.mini-mark{width:30px;height:30px;position:relative;overflow:hidden}.mini-mark:before,.mini-mark:after{content:"";position:absolute;bottom:2px;width:18px;height:25px;background:linear-gradient(145deg,#0ba286,#064f45);clip-path:polygon(50% 0,100% 100%,0 100%)}.mini-mark:before{right:0;transform:rotate(17deg)}.mini-mark:after{left:0;transform:rotate(-17deg);opacity:.85}.airline-block strong{font:900 16px Arial,sans-serif}.airline-block small{display:block;color:var(--muted);font-size:10px}.flight-time-row{display:flex;align-items:center;gap:16px}.flight-time{min-width:76px;text-align:center}.flight-time strong{display:block;direction:ltr;font-size:22px}.flight-time span{display:block;color:var(--muted);font-size:11.5px}.flight-line{flex:1;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.flight-line i{flex:1;height:1px;position:relative;background:var(--line)}.flight-line i:after{content:"✈";position:absolute;top:-13px;right:45%;color:var(--teal);font-size:16px}.flight-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.flight-meta .tag{background:var(--mint)}.price-block{text-align:left}.price-block strong{display:block;color:var(--teal);font-size:19px}.price-block span{display:block;color:var(--muted);font-size:10.5px}.price-block .btn{width:100%;margin-top:8px;min-height:40px;padding:0 12px;font-size:12px}.pick-bar{display:none;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:14px 18px;position:sticky;bottom:18px;z-index:5;border:1px solid var(--mint2);border-radius:17px;background:rgba(255,255,255,.94);box-shadow:var(--shadow2)}.pick-bar.show{display:flex}.pick-info{display:flex;align-items:center;gap:10px;font-size:12.5px}.pick-badge{padding:5px 10px;border-radius:8px;background:var(--mint);color:var(--teal2);font:900 13px Arial,sans-serif;direction:ltr}.pick-info small{display:block;color:var(--muted)} .selection-strip{display:grid;grid-template-columns:1.1fr repeat(3,.7fr) auto;align-items:center;gap:15px;margin:24px 0 28px;padding:15px 22px}.selection-brand{display:flex;align-items:center;gap:10px}.selection-brand strong{font:900 18px Arial,sans-serif}.selection-brand small{display:block;color:var(--muted);font-size:10px}.selection-item{display:flex;flex-direction:column;gap:2px;padding-right:16px;border-right:1px solid var(--line)}.selection-item span{color:var(--muted);font-size:10.5px}.selection-item strong{font-size:13px}.addons-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:24px;padding-bottom:48px}.addons-head h1{font-size:28px}.addons-head p{margin-top:6px;color:var(--soft);font-size:14px}.addons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:20px}.addon-card{min-height:325px;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:var(--shadow)}.addon-card.qty-on{border-color:var(--teal)}.addon-image{height:125px;position:relative;background-position:center;background-size:cover}.addon-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(7,61,53,.42))}.image-hotel{background-image:url('../images/jsky-hotel.png')}.image-cip{background-image:url('../images/jsky-cip.png')}.image-transfer{background-image:url('../images/jsky-transfer.png')}.image-fun{background-image:url('../images/jsky-activity.png')}.addon-body{display:flex;flex-direction:column;flex:1;padding:15px 16px 0}.addon-top{display:flex;gap:10px}.addon-ico{width:38px;height:38px;display:grid;place-items:center;margin-top:-33px;position:relative;z-index:1;border:3px solid #fff;border-radius:50%;background:var(--mint);color:var(--teal2)}.addon-top h2{font-size:15px}.addon-desc{min-height:51px;margin-top:6px;color:var(--muted);font-size:11.5px}.addon-foot{display:flex;align-items:end;justify-content:space-between;gap:7px;margin-top:auto;padding-top:11px}.addon-price strong{display:block;font-size:14px}.addon-price span{display:block;color:var(--muted);font-size:10px}.qty{display:flex;align-items:center;gap:7px}.qty button{width:28px;height:28px;border-radius:8px;background:var(--mint);color:var(--teal2);font-size:17px}.qty button:disabled{opacity:.32}.qty-val{min-width:18px;text-align:center;font-size:13px;font-weight:900}.qty.off{opacity:.58}.addons-total{padding:23px;position:sticky;top:101px}.addons-total h2{font-size:18px}.total-muted{color:var(--muted);font-size:12px}.bill-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line);color:var(--soft);font-size:12.5px}.bill-row:last-child{border-bottom:0}.bill-row span:last-child{color:var(--ink);font-weight:800}.bill-total{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-top:16px;padding:14px 16px;border-radius:14px;background:var(--deep);color:#fff}.bill-total .lbl{color:rgba(255,255,255,.74);font-size:11.5px}.bill-total .amt{font-size:18px}.addons-total .btn{margin-top:17px}.secure-note{display:flex;gap:7px;margin-top:14px;color:var(--muted);font-size:10.5px} .checkout-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:39px 0 21px}.checkout-head h1{font-size:29px}.checkout-head p{margin-top:6px;color:var(--soft);font-size:13px}.back-link{display:flex;align-items:center;gap:8px;color:var(--soft);font-size:13px;font-weight:800}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:24px;padding-bottom:50px}.checkout-main{display:grid;gap:17px}.checkout-panel{padding:23px}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:17px;font-size:17px;font-weight:900}.panel-num{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--teal2);color:#fff;font-size:12px}.passenger-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.passenger{padding:15px 10px;text-align:center;border:1px solid var(--line);border-radius:13px}.passenger .member-avatar{width:42px;height:42px;margin:0 auto 8px;border-width:3px;font-size:14px}.passenger strong{display:block;font-size:13px}.passenger small{display:block;color:var(--muted);font-size:10px}.passenger-status{display:inline-flex;align-items:center;gap:5px;margin-top:9px;padding:3px 8px;border-radius:999px;background:var(--mint);color:var(--good);font-size:10px;font-weight:800}.flight-review{display:grid;grid-template-columns:112px 1fr 130px;align-items:center;gap:16px}.route-main span{display:block}.review-line{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.review-line i{flex:1;height:1px;background:var(--line)}.review-time{text-align:center}.review-time strong{display:block;font-size:21px;direction:ltr}.review-time span{color:var(--muted);font-size:11px}.addon-review{display:grid;gap:7px}.checkout-summary{padding:23px;position:sticky;top:101px}.checkout-summary h2{font-size:20px}.checkout-summary>p{margin-top:4px;color:var(--muted);font-size:12px}.summary-total{display:flex;align-items:end;justify-content:space-between;margin-top:17px;padding-top:17px;border-top:1px solid var(--line)}.summary-total span{color:var(--soft);font-size:12px;font-weight:800}.summary-total strong{color:var(--teal);font-size:24px}.secure-badges{display:flex;align-items:center;gap:7px;margin-top:17px;color:var(--muted);font-size:10.5px}.badge-lock{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:var(--mint);color:var(--teal2)}.pay-btn{margin-top:18px}.summary-motto{margin-top:18px;padding:14px;border-radius:13px;background:var(--mint);color:var(--teal2);font-size:12px;text-align:center}.overlay{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;background:rgba(7,45,39,.48);backdrop-filter:blur(7px)}.overlay.show{display:flex}.modal{width:410px;padding:34px;text-align:center;border-radius:24px;background:#fff;box-shadow:var(--shadow2)}.modal-icon{width:70px;height:70px;display:grid;place-items:center;margin:0 auto 17px;border-radius:50%;background:var(--mint);color:var(--good);font-size:30px}.modal h2{font-size:22px}.modal p{margin-top:8px;color:var(--soft);font-size:13px}.ref-code{display:inline-block;margin-top:12px;padding:5px 12px;border-radius:8px;background:var(--mint);color:var(--teal2);font:900 14px Arial,sans-serif;direction:ltr;letter-spacing:.8px}.footer{padding:24px 0 32px;border-top:1px solid var(--line);color:var(--muted);font-size:11.5px} @media(max-width:1260px){body{min-width:1000px}.header-inner,.wrap{width:min(1160px,calc(100% - 48px))}.create-hero{width:min(1200px,calc(100% - 32px));padding-inline:42px;gap:40px}.members-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:1050px){body{min-width:0}.header-inner,.wrap{width:calc(100% - 36px)}.nav{display:none}.header-actions,.brand{min-width:auto}.create-hero{grid-template-columns:1fr;padding:44px 28px}.create-form{max-width:480px;width:100%;justify-self:center;order:1}.hero-copy{order:2}.create-features{width:calc(100% - 32px);grid-template-columns:repeat(2,1fr)}.room-layout,.result-content,.addons-layout,.checkout-layout{grid-template-columns:1fr}.summary-card,.filters,.addons-total,.checkout-summary{position:static}.method-grid{grid-template-columns:1fr}.game-layout,.flight-layout,.map-game-layout{grid-template-columns:1fr}.game-sidebar{order:-1}.selection-strip{grid-template-columns:1fr 1fr}.addons-grid{grid-template-columns:repeat(2,1fr)}.passenger-grid{grid-template-columns:repeat(2,1fr)}.map-game-head{align-items:flex-start;flex-direction:column;gap:18px}.snakes-brief{justify-content:flex-start;max-width:none}} @media(max-width:680px){.header-inner,.wrap{width:calc(100% - 24px)}.create-hero{padding:28px 18px}.create-features{width:calc(100% - 24px);grid-template-columns:1fr}.map-game-head h1{font-size:34px}.map-board-panel,.map-sidebar{padding:15px}.board-top{align-items:flex-start;flex-direction:column}.turn-badge{align-self:flex-start}.snakes-board{gap:2px;padding:6px;border-radius:15px}.snakes-cell{padding:4px;border-radius:6px}.cell-caption{display:none}.cell-number{font-size:8px}.cell-effect{font-size:9px}.snakes-token{width:15px;height:15px;font-size:7px}.board-actions{align-items:stretch;flex-direction:column}.board-actions .btn{width:100%}.snakes-rules{padding:12px}} .turn-badge .avatar-sara,.winner-modal .avatar-sara{background-position:0 0}.turn-badge .avatar-parham,.winner-modal .avatar-parham{background-position:100% 0}.turn-badge .avatar-ali,.winner-modal .avatar-ali{background-position:0 100%}.turn-badge .avatar-amir,.winner-modal .avatar-amir{background-position:100% 100%}.snakes-token{animation:character-hop .3s ease both}@keyframes character-hop{0%{transform:translateY(7px) scale(.86)}65%{transform:translateY(-3px) scale(1.04)}100%{transform:translateY(0) scale(1)}}.dice-roll{flex:none}.player-destination-select:focus{outline:2px solid rgba(14,136,113,.25);outline-offset:1px} /* marpelle visual pass: illustrated board, readable action cells, larger in-cell characters, centered 3D die */ .snakes-stage{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(241,249,245,.96));box-shadow:0 25px 70px rgba(7,66,54,.13)} .snakes-board{background-image:linear-gradient(145deg,rgba(4,55,49,.2),rgba(255,255,255,.1) 46%,rgba(7,83,71,.2)),url('../images/marpelle-board-bg.png');background-position:center;background-size:cover;border-color:rgba(255,255,255,.72);box-shadow:inset 0 0 0 8px rgba(255,255,255,.2),0 24px 56px rgba(7,66,54,.18)} .snakes-board:before{inset:10px;border:1px solid rgba(255,255,255,.48);border-radius:18px;transform:none;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(7,66,54,.08));z-index:0} .snakes-cell{padding:7px 6px 6px;border-color:rgba(255,255,255,.78);background:rgba(250,255,252,.82);backdrop-filter:blur(3px);box-shadow:0 3px 10px rgba(7,66,54,.08)} .snakes-cell:nth-child(odd){background:rgba(244,253,249,.72)} .snakes-cell.special-plane{background:linear-gradient(145deg,rgba(207,244,226,.94),rgba(255,255,255,.78));border:2px solid rgba(14,136,113,.62);box-shadow:0 0 0 2px rgba(14,136,113,.08),0 7px 16px rgba(14,136,113,.15)} .snakes-cell.special-weather{background:linear-gradient(145deg,rgba(226,239,241,.95),rgba(255,255,255,.8));border:2px solid rgba(108,133,137,.58);box-shadow:0 0 0 2px rgba(108,133,137,.07)} .snakes-cell.special-delay,.snakes-cell.special-cancel{background:linear-gradient(145deg,rgba(255,229,220,.96),rgba(255,255,255,.82));border:2px solid rgba(200,97,86,.62);box-shadow:0 0 0 2px rgba(200,97,86,.07)} .snakes-cell.finish-cell{background:linear-gradient(145deg,rgba(7,58,51,.96),rgba(11,120,101,.9));border:2px solid rgba(255,255,255,.72)} .cell-number{font-size:11px;color:var(--teal2);opacity:.9}.cell-caption{min-height:14px;font-size:9px;color:var(--ink)}.special-plane .cell-caption{color:var(--teal2)}.special-weather .cell-caption{color:#5e7478}.special-delay .cell-caption,.special-cancel .cell-caption{color:#9e4f48}.finish-cell .cell-caption{color:#fff} .cell-effect{min-height:13px;font-size:9px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-tokens{align-items:end;justify-content:center;gap:3px;min-height:30px} .snakes-token{width:min(58%,52px);height:min(62%,54px);min-width:32px;min-height:32px;border:3px solid #fff;border-radius:45% 45% 42% 42%;box-shadow:0 7px 12px rgba(7,66,54,.28),0 0 0 1px rgba(7,66,54,.1);transform-origin:center bottom} .snakes-token.current-token{outline:3px solid var(--gold);outline-offset:2px;animation:character-hop .4s cubic-bezier(.2,.8,.3,1) both,character-breathe 1.45s ease-in-out .4s infinite} @keyframes character-breathe{0%,100%{filter:drop-shadow(0 5px 4px rgba(7,66,54,.18));transform:translateY(0)}50%{filter:drop-shadow(0 10px 5px rgba(7,66,54,.26));transform:translateY(-3px)}} .dice-roll{position:relative;z-index:6;display:flex;align-items:center;justify-content:center;gap:17px;width:min(320px,100%);min-height:142px;margin:18px auto 10px;padding:15px 23px;border:1px solid rgba(255,255,255,.92);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(226,244,236,.96));box-shadow:0 18px 36px rgba(7,66,54,.15),inset 0 0 0 4px rgba(14,136,113,.05);perspective:900px} .dice-cube{position:relative;width:98px;height:98px;flex:none;transform-style:preserve-3d;transform:rotateX(-15deg) rotateY(24deg);transition:transform .25s ease}.dice-roll.rolling .dice-cube{animation:dice-roll-3d .72s cubic-bezier(.32,.03,.63,.98) infinite} .dice-side{position:absolute;inset:0;display:grid;place-items:center;border:3px solid #fff;border-radius:20px;background:linear-gradient(145deg,#fff,#bfe8d8);color:var(--teal2);font-style:normal;font-size:42px;font-weight:900;box-shadow:inset 0 0 0 3px rgba(14,136,113,.08),0 9px 15px rgba(7,66,54,.18);backface-visibility:hidden}.dice-side b{font-size:42px}.dice-front{transform:translateZ(49px)}.dice-back{transform:rotateY(180deg) translateZ(49px)}.dice-right{transform:rotateY(90deg) translateZ(49px)}.dice-left{transform:rotateY(-90deg) translateZ(49px)}.dice-top{transform:rotateX(90deg) translateZ(49px)}.dice-bottom{transform:rotateX(-90deg) translateZ(49px)} @keyframes dice-roll-3d{0%{transform:rotateX(-15deg) rotateY(24deg) rotateZ(0deg) scale(.94)}25%{transform:rotateX(125deg) rotateY(110deg) rotateZ(8deg) scale(1.04)}50%{transform:rotateX(250deg) rotateY(205deg) rotateZ(-6deg) scale(.98)}75%{transform:rotateX(395deg) rotateY(320deg) rotateZ(6deg) scale(1.05)}100%{transform:rotateX(555deg) rotateY(384deg) rotateZ(0deg) scale(.94)}} .dice-copy{display:flex;flex-direction:column;gap:3px;text-align:right}.dice-copy strong{color:var(--teal2);font-size:15px}.dice-copy small{color:var(--muted);font-size:10px}.board-actions{margin-top:9px}.board-actions .map-event{min-height:50px;border:1px solid rgba(14,136,113,.12);background:rgba(226,242,235,.86)}.board-function-key{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:13px;padding-top:12px;border-top:1px dashed var(--line);color:var(--soft);font-size:10px}.function-key-title{color:var(--teal2);font-weight:900}.function-key-item{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.76)}.function-key-item b{font-size:11px}.function-key-item.plane-dot b{color:var(--teal2)}.function-key-item.weather-dot b{color:#6d8586}.function-key-item.delay-dot b{color:var(--danger)} @media(max-width:680px){.snakes-board{aspect-ratio:1/1;grid-template-rows:repeat(5,1fr);background-position:center}.snakes-cell{padding:4px 3px}.cell-caption{display:block;min-height:10px;font-size:7px}.cell-number{font-size:8px}.cell-effect{font-size:7px}.snakes-token{width:58%;height:58%;min-width:0;min-height:0;max-width:34px;max-height:34px}.cell-tokens{min-height:20px}.dice-roll{min-height:120px;padding:12px 16px}.dice-cube{width:78px;height:78px}.dice-side{border-radius:16px;font-size:31px}.dice-side b{font-size:31px}.dice-front{transform:translateZ(39px)}.dice-back{transform:rotateY(180deg) translateZ(39px)}.dice-right{transform:rotateY(90deg) translateZ(39px)}.dice-left{transform:rotateY(-90deg) translateZ(39px)}.dice-top{transform:rotateX(90deg) translateZ(39px)}.dice-bottom{transform:rotateX(-90deg) translateZ(39px)}.board-function-key{justify-content:flex-start}.function-key-title{width:100%}} .cell-tokens{position:relative;display:block;flex:1;min-height:44px;overflow:visible}.snakes-token{position:absolute;left:50%;top:50%;width:min(58%,48px);height:min(64%,52px);min-width:30px;min-height:30px;max-width:48px;max-height:52px;transform:translate(-50%,-50%);z-index:2}.snakes-token:nth-child(1){--token-x:-50%;--token-y:-50%;z-index:1}.snakes-token:nth-child(2){--token-x:calc(-50% + 13px);--token-y:calc(-50% - 8px);z-index:2}.snakes-token:nth-child(3){--token-x:calc(-50% - 13px);--token-y:calc(-50% + 8px);z-index:3}.snakes-token:nth-child(4){--token-x:calc(-50% + 15px);--token-y:calc(-50% + 11px);z-index:4}.snakes-token:not(:first-child){transform:translate(var(--token-x),var(--token-y))}.snakes-token:first-child{transform:translate(var(--token-x),var(--token-y))}.snakes-token.current-token{animation:character-hop .4s cubic-bezier(.2,.8,.3,1) both}.snakes-token.current-token:nth-child(2){animation-name:character-hop-two}.snakes-token.current-token:nth-child(3){animation-name:character-hop-three}.snakes-token.current-token:nth-child(4){animation-name:character-hop-four}@keyframes character-hop{0%{transform:translate(var(--token-x),calc(var(--token-y) + 7px)) scale(.86)}65%{transform:translate(var(--token-x),calc(var(--token-y) - 3px)) scale(1.06)}100%{transform:translate(var(--token-x),var(--token-y)) scale(1)}}@keyframes character-hop-two{0%{transform:translate(var(--token-x),calc(var(--token-y) + 7px)) scale(.86)}65%{transform:translate(var(--token-x),calc(var(--token-y) - 3px)) scale(1.06)}100%{transform:translate(var(--token-x),var(--token-y)) scale(1)}}@keyframes character-hop-three{0%{transform:translate(var(--token-x),calc(var(--token-y) + 7px)) scale(.86)}65%{transform:translate(var(--token-x),calc(var(--token-y) - 3px)) scale(1.06)}100%{transform:translate(var(--token-x),var(--token-y)) scale(1)}}@keyframes character-hop-four{0%{transform:translate(var(--token-x),calc(var(--token-y) + 7px)) scale(.86)}65%{transform:translate(var(--token-x),calc(var(--token-y) - 3px)) scale(1.06)}100%{transform:translate(var(--token-x),var(--token-y)) scale(1)}} .snakes-cell{min-height:0;padding:5px;gap:2px}.cell-number{line-height:1.15}.cell-caption{min-height:11px;line-height:1.1}.cell-effect{min-height:10px;line-height:1.1}.cell-tokens{min-height:32px}.snakes-token{height:40px;min-height:28px;max-height:40px} @media(max-width:680px){.snakes-cell{padding:4px 3px}.cell-caption{min-height:10px;font-size:7px}.cell-number{font-size:8px}.cell-effect{font-size:7px}.cell-tokens{min-height:25px}.snakes-token{width:58%;height:34px;min-width:0;min-height:0;max-width:34px;max-height:34px}} .snakes-board{background-color:#fff;background-image:none} .snakes-board:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:url('../images/marpelle-logic-board.svg');background-position:center;background-size:cover;transform:none;z-index:0;pointer-events:none} .snakes-board:before{z-index:1} .snakes-links{display:none}.snakes-cell{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.82);backdrop-filter:none}.snakes-cell:nth-child(odd){background:rgba(244,253,249,.07)}.snakes-cell.special-plane{background:rgba(207,244,226,.36)}.snakes-cell.special-weather{background:rgba(226,239,241,.42)}.snakes-cell.special-delay,.snakes-cell.special-cancel{background:rgba(255,229,220,.48)}.snakes-cell.finish-cell{background:rgba(7,58,51,.78)}.cell-caption:empty,.cell-effect:empty{display:none}.cell-caption{min-height:0}.cell-effect{font-size:9px;line-height:1.15;text-shadow:0 1px 0 rgba(255,255,255,.7)} .snakes-token{width:min(66%,54px);height:54px;min-width:36px;min-height:36px;max-width:54px;max-height:54px;border:4px solid #fff;border-radius:50%;background-color:#fff;box-shadow:0 8px 15px rgba(7,66,54,.3),0 0 0 2px rgba(255,255,255,.72);background-size:190% 190%}.snakes-token.current-token{animation:none}.snakes-token.token-hop{animation:token-hop .42s cubic-bezier(.2,.82,.28,1) both!important}@keyframes token-hop{0%{transform:translate(var(--token-x),calc(var(--token-y) + 10px)) scale(.78)}62%{transform:translate(var(--token-x),calc(var(--token-y) - 5px)) scale(1.08)}100%{transform:translate(var(--token-x),var(--token-y)) scale(1)}} .map-player{grid-template-columns:56px 1fr auto;gap:11px;padding:11px 12px}.map-player-token{width:52px;height:52px;border:3px solid #fff;background-color:#fff;box-shadow:0 5px 11px rgba(7,66,54,.22)}.turn-badge .turn-character{width:40px!important;height:40px!important;border:2px solid #fff;box-shadow:0 4px 8px rgba(7,66,54,.18)}.winner-modal .winner-avatar{width:78px;height:78px} @media(max-width:680px){.snakes-token{width:58%;height:42px;min-width:0;min-height:0;max-width:42px;max-height:42px}.map-player{grid-template-columns:45px 1fr auto;gap:8px}.map-player-token{width:42px;height:42px}.turn-badge .turn-character{width:34px!important;height:34px!important}.winner-modal .winner-avatar{width:68px;height:68px}} .snakes-token,.map-player-token.character-token,.turn-badge .turn-character,.winner-modal .winner-avatar{background-color:transparent;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 5px 4px rgba(7,66,54,.22))}.snakes-token{width:62px;height:64px;min-width:44px;min-height:44px;max-width:62px;max-height:64px;background-size:190% 190%}.snakes-token.current-token{filter:drop-shadow(0 0 6px rgba(197,156,85,.88))}.snakes-token.token-hop{animation-duration:.6s!important}.map-player{grid-template-columns:70px 1fr auto;padding:12px 13px}.map-player-token.character-token{width:66px;height:66px;background-size:190% 190%}.turn-badge .turn-character{width:48px!important;height:48px!important}.winner-modal .winner-avatar{width:88px;height:88px}.dice-roll{gap:36px;padding-inline:30px}.dice-copy{margin-inline:8px}.dice-copy strong{font-size:14px}.dice-copy small{max-width:105px;line-height:1.6} @media(max-width:680px){.snakes-token{width:48px;height:52px;min-width:36px;min-height:36px;max-width:48px;max-height:52px}.map-player{grid-template-columns:54px 1fr auto}.map-player-token.character-token{width:52px;height:52px}.turn-badge .turn-character{width:40px!important;height:40px!important}.winner-modal .winner-avatar{width:76px;height:76px}.dice-roll{gap:24px;padding-inline:20px}} /* The SVG is the visible board art; the live grid stays interactive but does not cover it with duplicate labels. */ .snakes-board:before{display:none} .snakes-cell,.snakes-cell:nth-child(odd),.snakes-cell.special-plane,.snakes-cell.special-weather,.snakes-cell.special-delay,.snakes-cell.special-cancel,.snakes-cell.finish-cell{padding:0!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important} .snakes-cell.active-cell{box-shadow:none!important;transform:none!important} .snakes-cell .cell-number,.snakes-cell .cell-caption,.snakes-cell .cell-effect{display:none!important} .snakes-cell .cell-tokens{position:absolute;inset:0;display:block;min-height:0;overflow:visible;z-index:5} .snakes-token{width:min(62px,calc(100% - 8px))!important;height:min(64px,calc(100% - 8px))!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important;background-color:transparent!important;box-shadow:none!important;filter:drop-shadow(0 5px 4px rgba(7,66,54,.22))!important} .snakes-token.current-token{filter:drop-shadow(0 5px 4px rgba(7,66,54,.22))!important} .snakes-token.current-token{outline:none!important;outline-offset:0!important} .snakes-token.token-hop{animation:token-hop-polished .52s cubic-bezier(.16,.84,.24,1) both!important} @keyframes token-hop-polished{0%{transform:translate(var(--token-x),calc(var(--token-y) + 8px)) scale(.92)}38%{transform:translate(var(--token-x),calc(var(--token-y) - 7px)) scale(1.04)}68%{transform:translate(var(--token-x),calc(var(--token-y) - 2px)) scale(1.01)}100%{transform:translate(var(--token-x),var(--token-y)) scale(1)}} .snakes-token:nth-child(2){--token-x:calc(-50% + 4px);--token-y:calc(-50% - 3px)} .snakes-token:nth-child(3){--token-x:calc(-50% - 4px);--token-y:calc(-50% + 3px)} .snakes-token:nth-child(4){--token-x:calc(-50% + 4px);--token-y:calc(-50% + 3px)} @media(max-width:680px){.snakes-token{width:min(48px,calc(100% - 4px))!important;height:min(52px,calc(100% - 4px))!important}.snakes-token:nth-child(2){--token-x:calc(-50% + 2px);--token-y:calc(-50% - 2px)}.snakes-token:nth-child(3){--token-x:calc(-50% - 2px);--token-y:calc(-50% + 2px)}.snakes-token:nth-child(4){--token-x:calc(-50% + 2px);--token-y:calc(-50% + 2px)}} /* final interaction polish */ .btn .arrow{display:none} .create-features{padding:18px 32px 34px;gap:14px} .feature,.feature:last-child{min-height:108px;display:flex;align-items:center;gap:13px;overflow:hidden;padding:17px 16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 9px 22px rgba(7,66,54,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease} .feature:hover{transform:translateY(-3px);border-color:var(--mint2);box-shadow:0 15px 28px rgba(7,66,54,.1)} .feature-icon{flex:none;width:42px;height:42px;font-size:18px} .feature>div{min-width:0}.feature strong{line-height:1.5}.feature span{margin-top:3px;line-height:1.7} .wheel-mode-switch{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.84);box-shadow:0 8px 18px rgba(7,66,54,.06)} .wheel-mode-label{padding:0 9px;color:var(--muted);font-size:10px;font-weight:900;white-space:nowrap} .wheel-mode-btn{min-height:34px;padding:0 14px;border-radius:10px;color:var(--soft);font:800 11px Vazirmatn,sans-serif;transition:background .2s ease,color .2s ease,transform .2s ease} .wheel-mode-btn:hover{color:var(--teal2);transform:translateY(-1px)} .wheel-mode-btn.active{background:var(--teal2);color:#fff;box-shadow:0 6px 12px rgba(7,83,71,.16)} .wheel-mode-btn:disabled{opacity:.55;cursor:not-allowed} .decision-wheel{transition:transform 3.4s cubic-bezier(.12,.74,.17,1),filter .35s ease,box-shadow .35s ease} .decision-wheel.is-spinning{filter:saturate(1.08);box-shadow:0 28px 58px rgba(7,66,54,.25),inset 0 0 0 4px rgba(255,255,255,.34)} .wheel-machine.is-spinning .wheel-pointer{animation:pointer-tick .3s ease-in-out infinite alternate} @keyframes pointer-tick{from{transform:translateX(-50%) rotate(-6deg)}to{transform:translateX(-50%) rotate(6deg)}} .decision-wheel.has-result{animation:wheel-landed .7s ease both} @keyframes wheel-landed{0%{filter:saturate(1.12);transform:rotate(var(--wheel-rotation)) scale(1.015)}55%{transform:rotate(var(--wheel-rotation)) scale(.985)}100%{filter:saturate(1);transform:rotate(var(--wheel-rotation)) scale(1)}} .result-hero{min-height:305px;padding:30px 32px 28px} .winner-ring{width:100px;height:100px;margin-bottom:12px}.winner-avatar{width:100px;height:100px;font-size:35px;border-width:5px} .result-hero h1{font-size:34px}.result-hero p{font-size:14px} .destination-card{min-height:235px}.dest-copy{margin-top:72px}.dest-copy h2{font-size:27px} .result-purchase-panel{margin-top:18px;padding:19px;border:1px solid var(--line);border-radius:21px;background:rgba(255,255,255,.72);box-shadow:0 12px 28px rgba(7,66,54,.06)} .result-purchase-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 2px 4px}.result-purchase-head h2{margin-top:4px;font-size:20px}.result-purchase-note{padding:7px 10px;border-radius:999px;background:var(--mint);color:var(--teal2);font-size:10px;font-weight:900;white-space:nowrap} .result-offers{margin-top:13px}.offer-card{min-height:215px;padding:19px;box-shadow:0 8px 20px rgba(7,66,54,.06);transition:transform .2s ease,box-shadow .2s ease}.offer-card:hover{transform:translateY(-3px);box-shadow:0 15px 27px rgba(7,66,54,.1)}.offer-card h3{font-size:18px}.offer-card p{min-height:42px;margin-bottom:10px}.offer-card.featured{position:relative;overflow:hidden}.offer-badge{position:absolute;top:14px;left:14px;padding:4px 8px;border-radius:999px;background:var(--gold);color:#fff;font-size:9px;font-weight:900}.offer-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-height:26px;margin:0 0 12px;color:var(--teal2)}.offer-meta strong{font-size:12px}.offer-meta span{color:var(--muted);font-size:9px} .result-summary{align-self:start}.result-change-link{margin-top:17px} @media(max-width:1050px){.wheel-mode-switch{align-self:flex-start}.result-hero{min-height:285px}.result-purchase-panel{padding:16px}} @media(max-width:680px){.create-features{padding-inline:0;gap:10px}.feature,.feature:last-child{min-height:92px;padding:14px}.wheel-mode-switch{width:100%;justify-content:stretch}.wheel-mode-label{flex:1}.wheel-mode-btn{flex:1;padding-inline:8px}.result-hero{min-height:265px;padding:24px 18px}.winner-ring{width:84px;height:84px}.winner-avatar{width:84px;height:84px;font-size:30px}.result-hero h1{font-size:28px}.result-hero p{font-size:12px}.result-purchase-head{align-items:flex-start;flex-direction:column;gap:9px}.result-purchase-note{align-self:flex-start}.result-purchase-panel{padding:14px}.offer-meta{align-items:flex-start;flex-direction:column;gap:2px}} /* Supplied Marpelle board art: the live 50-cell grid sits over the exact illustrated cell area, so tokens remain interactive without duplicating labels or painting a second board on top of the artwork. */ .snakes-board{ aspect-ratio:1774 / 887!important; direction:ltr!important; gap:0!important; padding:8.1% 1.2% 10.4%!important; border:0!important; border-radius:16px!important; background:#087e91 url('../images/marpelle-board-reference.png') center/100% 100% no-repeat!important; box-shadow:0 20px 48px rgba(7,66,54,.12)!important; } .snakes-board:after{background-image:url('../images/marpelle-board-reference.png')!important;background-size:100% 100%!important;background-position:center!important} .snakes-board .snakes-cell{direction:rtl!important;pointer-events:auto} .snakes-board .cell-tokens{display:block!important;left:0;top:0;right:0;bottom:0} .snakes-board .snakes-token{width:auto!important;height:100%!important;aspect-ratio:1 / 1!important;left:50%;top:60%;background-size:220% 220%!important;animation:none!important} .snakes-board .snakes-token.token-hop{animation:token-hop-polished .52s cubic-bezier(.16,.84,.24,1) both!important} .snakes-board .snakes-token:nth-child(2),.snakes-board .snakes-token:nth-child(3),.snakes-board .snakes-token:nth-child(4){--token-y:-50%!important} @media(max-width:680px){ .snakes-board{aspect-ratio:1774 / 887!important;padding:8.1% 1.2% 10.4%!important;border-radius:11px!important} .snakes-board .snakes-token{width:auto!important;height:100%!important;top:58%;background-size:220% 220%!important} } .feature-icon{width:58px!important;height:58px!important;flex:0 0 58px!important;font-size:0!important;overflow:hidden} .feature-icon svg{width:30px;height:30px;display:block} .feature-icon{display:grid!important;place-items:center!important;align-items:center!important;justify-content:center!important;line-height:1!important} .feature-icon svg{position:static!important;margin:0!important;transform:none!important} .create-hero{background:linear-gradient(90deg,rgba(232,245,242,.16),rgba(243,247,244,.72) 72%),url('../images/jsky-hero-coast.png') center/cover} .create-hero:before{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.24))} .hero-copy{align-self:center;padding-bottom:0;transform:translateY(-18px)} @media(max-width:680px){.hero-copy{transform:translateY(-8px)}} @media(max-width:680px){.feature-icon{width:52px!important;height:52px!important;flex-basis:52px!important}.feature-icon svg{width:27px;height:27px}} /* destination imagery and scrollable result page */ .result-page{overflow:visible!important} .destination-card:before,.destination-card:after{display:none} .destination-photo{position:absolute;inset:0 auto 0 0;width:42%;overflow:hidden;background:var(--deep)} .destination-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,62,54,.04),rgba(7,62,54,.2))} .destination-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center} .wheel-machine .wheel-pointer{transform:translateX(-50%)} .arena.state-waiting{background:radial-gradient(circle at 30% 28%,#f2b0a1,#bb554b);box-shadow:0 0 0 15px rgba(187,85,75,.1),0 24px 52px rgba(13,89,73,.23)} .feature{min-height:122px} .feature-icon{width:58px;height:58px;flex:0 0 58px;border-radius:50%;font-size:0;overflow:hidden;display:grid;place-items:center} .feature-icon svg{width:30px;height:30px;display:block;flex:none} .about-page{background:radial-gradient(circle at 8% 16%,rgba(174,215,201,.3),transparent 28%),linear-gradient(145deg,#f7faf8,#edf6f1)} .about-hero{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:30px;padding:48px 56px;overflow:hidden;background:linear-gradient(120deg,rgba(255,255,255,.9),rgba(227,244,237,.9)),url('../images/jsky-hero-coast.png') center/cover} .about-hero h1{max-width:720px;margin-top:10px;font-size:42px}.about-hero p{max-width:620px;margin:14px 0 22px;color:var(--soft);font-size:15px}.about-hero-mark{width:142px;height:142px;flex:none;display:grid;place-items:center;border-radius:38px;background:var(--teal2);color:#f2d58e;font:900 37px/1 Arial,sans-serif;text-align:center;box-shadow:0 18px 34px rgba(7,83,71,.18);transform:rotate(-5deg)}.about-hero-mark span{font-size:18px;letter-spacing:2px} .about-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;padding:22px 0 52px}.about-story,.about-contact{padding:30px}.about-story h2,.about-contact h2{margin-top:8px;font-size:24px}.about-story p,.about-contact p{margin-top:10px;color:var(--soft);font-size:13px;line-height:2}.about-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:23px}.about-points>div{padding:13px;border-radius:14px;background:var(--mint)}.about-points strong{display:block;color:var(--teal2);font-size:13px}.about-points span{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.7}.about-contact{align-self:start}.about-contact .back-link{margin-top:22px;color:var(--teal2)} @media(max-width:680px){.feature{min-height:105px}.feature-icon{width:52px;height:52px;flex-basis:52px}.feature-icon svg{width:27px;height:27px}.about-hero{align-items:flex-start;flex-direction:column;padding:30px 22px;margin-top:20px}.about-hero h1{font-size:31px}.about-hero-mark{width:92px;height:92px;border-radius:25px;font-size:27px}.about-hero-mark span{font-size:14px}.about-grid{grid-template-columns:1fr;padding-bottom:32px}.about-story,.about-contact{padding:22px}.about-points{grid-template-columns:1fr}} .decision-wheel>span:nth-child(1){top:27%!important;left:72%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important} .decision-wheel>span:nth-child(2){top:72%!important;left:72%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important} .decision-wheel>span:nth-child(3){top:72%!important;left:28%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important} .decision-wheel>span:nth-child(4){top:28%!important;left:28%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important} @media(max-width:680px){.destination-photo{inset:0 0 auto;width:100%;height:118px}.destination-photo:after{background:linear-gradient(180deg,rgba(7,62,54,.02),rgba(7,62,54,.3))}.destination-card{padding-top:130px!important}.dest-copy{margin-top:0!important}.dest-meta{flex-wrap:wrap}} /* supplied horizontal brand asset */ .brand{min-width:215px;gap:0}.brand-logo{display:block;width:215px;height:auto;max-height:68px;object-fit:contain} @media(max-width:1050px){.brand{min-width:auto}.brand-logo{width:185px;max-height:61px}} @media(max-width:680px){.brand-logo{width:155px;max-height:55px}} /* Game selection and decision-wheel flow */ .method-grid{grid-template-columns:repeat(4,minmax(0,1fr))} .map-game-emblem{width:70px;height:70px;display:grid;place-items:center;border-radius:22px;background:var(--teal2);color:#fff;font-size:36px;box-shadow:0 12px 22px rgba(7,83,71,.16)} .game-back-link{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:var(--soft);font-size:12px;font-weight:800}.game-back-link:hover{color:var(--teal)} .wheel-game-page{background:radial-gradient(circle at 8% 28%,rgba(174,215,201,.28),transparent 29%),linear-gradient(120deg,#f6faf7,#edf6f1)} .wheel-game-head{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:34px 0 24px}.wheel-game-head h1{margin-top:7px;font-size:43px}.wheel-game-head p{max-width:650px;margin-top:9px;color:var(--soft);font-size:15px}.wheel-secret-badge{padding:9px 13px;border-radius:999px;background:var(--mint);color:var(--teal2);font-size:11px;font-weight:900;white-space:nowrap} .wheel-game-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:24px;padding-bottom:52px}.wheel-stage{padding:25px 30px 30px;text-align:center}.wheel-stage-top,.wheel-votes-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;text-align:right}.wheel-stage-top h2,.wheel-votes-head h2{font-size:20px}.wheel-stage-top p{margin-top:3px;color:var(--muted);font-size:12px}.wheel-live-dot{padding:5px 9px;border-radius:999px;background:var(--mint);color:var(--teal2);font-size:10px;font-weight:900}.wheel-machine{width:360px;height:360px;margin:25px auto 18px;position:relative;display:grid;place-items:center}.decision-wheel{--wheel-rotation:0deg;width:320px;height:320px;position:relative;border:12px solid #fff;border-radius:50%;background:conic-gradient(#0e8871 0deg 90deg,#e6c77f 90deg 180deg,#64b6a1 180deg 270deg,#f1a28f 270deg 360deg);box-shadow:0 22px 48px rgba(7,66,54,.2),inset 0 0 0 4px rgba(255,255,255,.28);transform:rotate(var(--wheel-rotation));transition:transform 2.8s cubic-bezier(.12,.74,.17,1);direction:ltr}.decision-wheel:before{content:"";position:absolute;inset:13px;border:2px dashed rgba(255,255,255,.62);border-radius:50%}.decision-wheel>span{position:absolute;width:95px;color:#fff;text-align:center;font-size:17px;font-weight:900;text-shadow:0 2px 4px rgba(7,66,54,.22);direction:rtl}.decision-wheel>span:nth-child(1){top:32px;left:50%;transform:translateX(-50%)}.decision-wheel>span:nth-child(2){top:50%;right:14px;transform:translateY(-50%)}.decision-wheel>span:nth-child(3){bottom:32px;left:50%;transform:translateX(-50%)}.decision-wheel>span:nth-child(4){top:50%;left:14px;transform:translateY(-50%)}.decision-wheel>i{position:absolute;inset:50% auto auto 50%;width:72px;height:72px;display:grid;place-items:center;transform:translate(-50%,-50%);border:7px solid #fff;border-radius:50%;background:var(--deep);color:#f5dda2;font:900 15px/1.05 Arial,sans-serif;font-style:normal;letter-spacing:1px;text-align:center;box-shadow:0 7px 18px rgba(7,66,54,.2)}.wheel-pointer{position:absolute;z-index:2;top:-2px;left:50%;transform:translateX(-50%);color:var(--danger);font-size:36px;line-height:1;text-shadow:0 3px 5px rgba(7,66,54,.16)}.wheel-status{min-height:48px;display:flex;align-items:center;justify-content:center;margin:8px auto 14px;padding:0 16px;border-radius:13px;background:var(--mint);color:var(--teal2);font-size:12px;font-weight:800}.wheel-spin-btn{min-width:255px}.wheel-votes{align-self:start;padding:23px}.wheel-votes-head .map-pin{width:40px;height:40px}.wheel-votes-copy{margin-top:7px;color:var(--muted);font-size:11.5px}.wheel-voters{display:grid;gap:9px;margin-top:18px}.wheel-voter{display:grid;grid-template-columns:38px 1fr 112px;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:13px;background:#fff}.wheel-voter-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:12px;font-weight:900}.wheel-voter>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.wheel-voter strong{font-size:12px}.wheel-voter small{margin-top:1px;color:var(--muted);font-size:9px}.wheel-voter select{height:31px;min-width:0;padding:0 5px;border:1px solid var(--line);border-radius:8px;background:#fbfdfc;color:var(--teal2);font:700 10px Vazirmatn,sans-serif}.wheel-voter select:disabled{opacity:.6}.wheel-votes-note{display:block;margin-top:14px;color:var(--muted);font-size:10px;line-height:1.7} .result-offers{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.offer-card{display:flex;flex-direction:column;min-height:190px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.offer-card.featured{border-color:var(--mint2);background:linear-gradient(145deg,#f2fbf6,#fff)}.offer-card .eyebrow{font-size:10px}.offer-card h3{margin-top:8px;font-size:19px}.offer-card p{min-height:45px;margin:6px 0 16px;color:var(--muted);font-size:11.5px;line-height:1.7}.result-change-link{margin-top:19px} @media(max-width:1180px){.method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wheel-game-layout{grid-template-columns:minmax(0,1fr) 315px}} @media(max-width:1050px){.wheel-game-head{align-items:flex-start;flex-direction:column;gap:16px}.wheel-game-layout{grid-template-columns:1fr}.wheel-votes{order:-1}.wheel-secret-badge{align-self:flex-start}} @media(max-width:680px){.method-grid{grid-template-columns:1fr}.game-back-link{margin-top:15px}.wheel-game-head h1{font-size:35px}.wheel-game-head p{font-size:13px}.wheel-stage{padding:18px 14px 22px}.wheel-machine{width:292px;height:292px;margin-top:20px}.decision-wheel{width:260px;height:260px;border-width:9px}.decision-wheel>span{width:80px;font-size:14px}.decision-wheel>span:nth-child(1){top:25px}.decision-wheel>span:nth-child(2){right:7px}.decision-wheel>span:nth-child(3){bottom:25px}.decision-wheel>span:nth-child(4){left:7px}.decision-wheel>i{width:60px;height:60px;border-width:5px;font-size:12px}.wheel-pointer{top:-4px;font-size:31px}.wheel-votes{padding:16px}.wheel-voter{grid-template-columns:35px 1fr 100px}.result-offers{grid-template-columns:1fr}.offer-card{min-height:0}} /* final interaction polish */ .btn .arrow{display:none} .create-features{padding:18px 32px 34px;gap:14px} .feature,.feature:last-child{min-height:108px;display:flex;align-items:center;gap:13px;overflow:hidden;padding:17px 16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 9px 22px rgba(7,66,54,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease} .feature:hover{transform:translateY(-3px);border-color:var(--mint2);box-shadow:0 15px 28px rgba(7,66,54,.1)} .feature-icon{flex:none;width:42px;height:42px;font-size:18px} .feature>div{min-width:0}.feature strong{line-height:1.5}.feature span{margin-top:3px;line-height:1.7} .wheel-mode-switch{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.84);box-shadow:0 8px 18px rgba(7,66,54,.06)} .wheel-mode-label{padding:0 9px;color:var(--muted);font-size:10px;font-weight:900;white-space:nowrap} .wheel-mode-btn{min-height:34px;padding:0 14px;border-radius:10px;color:var(--soft);font:800 11px Vazirmatn,sans-serif;transition:background .2s ease,color .2s ease,transform .2s ease} .wheel-mode-btn:hover{color:var(--teal2);transform:translateY(-1px)} .wheel-mode-btn.active{background:var(--teal2);color:#fff;box-shadow:0 6px 12px rgba(7,83,71,.16)} .wheel-mode-btn:disabled{opacity:.55;cursor:not-allowed} .decision-wheel{transition:transform 3.4s cubic-bezier(.12,.74,.17,1),filter .35s ease,box-shadow .35s ease} .decision-wheel.is-spinning{filter:saturate(1.08);box-shadow:0 28px 58px rgba(7,66,54,.25),inset 0 0 0 4px rgba(255,255,255,.34)} .decision-wheel.has-result{animation:wheel-landed .7s ease both} @keyframes wheel-landed{0%{filter:saturate(1.12);transform:rotate(var(--wheel-rotation)) scale(1.015)}55%{transform:rotate(var(--wheel-rotation)) scale(.985)}100%{filter:saturate(1);transform:rotate(var(--wheel-rotation)) scale(1)}} .result-hero{min-height:305px;padding:30px 32px 28px} .winner-ring{width:100px;height:100px;margin-bottom:12px}.winner-avatar{width:100px;height:100px;font-size:35px;border-width:5px} .result-hero h1{font-size:34px}.result-hero p{font-size:14px} .destination-card{min-height:235px}.dest-copy{margin-top:72px}.dest-copy h2{font-size:27px} .result-purchase-panel{margin-top:18px;padding:19px;border:1px solid var(--line);border-radius:21px;background:rgba(255,255,255,.72);box-shadow:0 12px 28px rgba(7,66,54,.06)} .result-purchase-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 2px 4px}.result-purchase-head h2{margin-top:4px;font-size:20px}.result-purchase-note{padding:7px 10px;border-radius:999px;background:var(--mint);color:var(--teal2);font-size:10px;font-weight:900;white-space:nowrap} .result-offers{margin-top:13px}.offer-card{min-height:215px;padding:19px;box-shadow:0 8px 20px rgba(7,66,54,.06);transition:transform .2s ease,box-shadow .2s ease}.offer-card:hover{transform:translateY(-3px);box-shadow:0 15px 27px rgba(7,66,54,.1)}.offer-card h3{font-size:18px}.offer-card p{min-height:42px;margin-bottom:10px}.offer-card.featured{position:relative;overflow:hidden}.offer-badge{position:absolute;top:14px;left:14px;padding:4px 8px;border-radius:999px;background:var(--gold);color:#fff;font-size:9px;font-weight:900}.offer-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-height:26px;margin:0 0 12px;color:var(--teal2)}.offer-meta strong{font-size:12px}.offer-meta span{color:var(--muted);font-size:9px} .result-summary{align-self:start}.result-change-link{margin-top:17px} @media(max-width:1050px){.wheel-mode-switch{align-self:flex-start}.result-hero{min-height:285px}.result-purchase-panel{padding:16px}} @media(max-width:680px){.create-features{padding-inline:0;gap:10px}.feature,.feature:last-child{min-height:92px;padding:14px}.wheel-mode-switch{width:100%;justify-content:stretch}.wheel-mode-label{flex:1}.wheel-mode-btn{flex:1;padding-inline:8px}.result-hero{min-height:265px;padding:24px 18px}.winner-ring{width:84px;height:84px}.winner-avatar{width:84px;height:84px;font-size:30px}.result-hero h1{font-size:28px}.result-hero p{font-size:12px}.result-purchase-head{align-items:flex-start;flex-direction:column;gap:9px}.result-purchase-note{align-self:flex-start}.result-purchase-panel{padding:14px}.offer-meta{align-items:flex-start;flex-direction:column;gap:2px}}