:root{--brand:#01a1bd;--brand-deep:#006289;--brand-light:#72edf1;--accent:#f70313;--paper:#fff;--paper-2:#f0fbfc;--line:#c6edf2;--ink:#0f3a4c;--ink-soft:#4f7381;--rose:var(--brand);--rose-deep:var(--brand-deep);--teal:var(--brand);--gold:var(--brand-light);--sky:var(--brand);--shadow:0 8px 28px #003c5529;--font-title:"DM Serif Display", Georgia, "Times New Roman", serif;--font-ui:"DM Sans", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font-ui);color:var(--ink);background:#cfe6f1;margin:0;overflow:hidden}#game{outline:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;top:0;bottom:0;left:0;right:0}#ui .interactive,#ui button,#ui input,#ui .card,#ui .choice{pointer-events:auto}button{font-family:var(--font-ui)}.screen{pointer-events:auto;z-index:50;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.loading{background:radial-gradient(at 50% 35%,#f0fbfc 0%,#e3f8fa 70%,#c6edf2 100%);flex-direction:column;gap:18px;transition:opacity .8s}.loading .logo{font-family:var(--font-title);letter-spacing:1px;color:var(--ink);font-size:76px;font-weight:400;line-height:1}.loading .logo small{color:var(--ink-soft);text-align:center;margin-top:6px;font-size:24px;font-style:italic;font-weight:500;display:block}.loading .bar{background:#c6edf2;border-radius:10px;width:320px;height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001f}.loading .bar i{background:linear-gradient(90deg, var(--rose), var(--gold));border-radius:10px;width:0;height:100%;transition:width .3s;display:block}.loading .msg{color:var(--ink-soft);font-size:15px;font-style:italic}.start{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#ffffff59,#ffffff26)}.start-card{background:var(--paper);width:min(920px,94vw);box-shadow:var(--shadow), 0 0 0 10px #ffffff8c;border-radius:28px;grid-template-columns:1.15fr 1fr;gap:30px;padding:34px 40px 30px;display:grid;position:relative;overflow:hidden}.start-card:before{content:"";pointer-events:none;border:2px solid #c6edf2;border-radius:20px;position:absolute;top:12px;bottom:12px;left:12px;right:12px}.start h1{font-family:var(--font-title);margin:0;font-size:68px;font-weight:400;line-height:.95}.start .tag{font-family:var(--font-title);color:var(--ink-soft);margin:6px 0 2px;font-size:22px;font-style:italic}.start .tri{font-family:var(--font-title);color:var(--rose-deep);margin-bottom:16px;font-size:18px;font-style:italic}.start p{color:var(--ink-soft);margin:8px 0;font-size:15px;line-height:1.5}.start label{text-transform:uppercase;letter-spacing:1.5px;color:var(--ink-soft);margin:14px 0 6px;font-size:13px;display:block}.start input{width:100%;font:500 18px var(--font-ui);color:var(--ink);background:#fff;border:2px solid #c6edf2;border-radius:14px;outline:none;padding:10px 14px}.start input:focus{border-color:var(--rose)}.looks{gap:10px;display:flex}.looks button{cursor:pointer;color:var(--ink);background:#fff;border:2px solid #c6edf2;border-radius:14px;flex:1;padding:8px 4px;font-size:13px}.looks button.sel{border-color:var(--rose);background:#fff}.looks .sw{border-radius:9px;width:70%;height:18px;margin:0 auto 4px;display:block}.btn{font:600 17px var(--font-ui);cursor:pointer;border:none;border-radius:999px;padding:12px 26px;transition:transform .12s,box-shadow .12s,background .2s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg, #01a1bd, var(--rose-deep));color:#fff;box-shadow:0 4px #006289,0 8px 18px #01a1bd59}.btn-soft{color:var(--ink);background:#e3f8fa;box-shadow:0 3px #c6edf2}.btn-teal{background:linear-gradient(180deg, #01a1bd, var(--teal));color:#fff;box-shadow:0 4px #006289}.btn:disabled{opacity:.45;cursor:default;transform:none}.controls-list{background:var(--paper-2);border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;padding:16px 18px;font-size:14px;display:grid}.key{min-width:26px;font:600 12px var(--font-ui);text-align:center;color:var(--ink);background:#fff;border:1.5px solid #01a1bd;border-radius:7px;padding:2px 7px;display:inline-block;box-shadow:0 2px #01a1bd}.start .right h3{font-family:var(--font-title);margin:0 0 10px;font-size:26px}.ways{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.way{text-align:left;cursor:pointer;font-family:var(--font-ui);border:none;border-radius:20px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 18px 15px;transition:transform .12s,box-shadow .12s;display:flex;position:relative}.way b{align-items:center;gap:6px;font-size:18px;font-weight:600;display:inline-flex}.way small{opacity:.85;font-size:13px;line-height:1.3}.way:hover{transform:translateY(-1px)}.way:active{transform:translateY(1px)}.way.enter{background:linear-gradient(180deg, #01a1bd, var(--rose-deep));color:#fff;box-shadow:0 4px #006289,0 8px 18px #01a1bd59}.way.chats{color:var(--ink);background:#e3f8fa;box-shadow:0 4px #c6edf2}.ch-new{background:var(--rose);color:#fff;min-width:20px;height:20px;font-style:normal;font:700 12px var(--font-ui);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.chats-card{flex-direction:column;width:min(560px,94vw);height:min(680px,90vh);padding:26px 28px 24px;display:flex}.ch-head{z-index:1;align-items:center;gap:12px;margin-bottom:14px;display:flex;position:relative}.ch-head h2{font-family:var(--font-title);flex:1;margin:0;font-size:34px;font-weight:400;line-height:1}.ch-back{color:var(--ink);font:600 14px var(--font-ui);cursor:pointer;background:#e3f8fa;border:none;border-radius:999px;flex:none;padding:7px 14px}.ch-list{flex-direction:column;flex:1;gap:6px;padding:2px;display:flex;position:relative;overflow-y:auto}.ch-row{text-align:left;cursor:pointer;width:100%;color:var(--ink);font-family:var(--font-ui);background:#fff;border:2px solid #c6edf2;border-radius:18px;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:9px 12px;transition:border-color .15s,background .15s;display:grid}.ch-row:hover{border-color:var(--rose);background:#fff}.ch-face{background:radial-gradient(circle at 50% 30%,#f0fbfc,#c6edf2);border-radius:50%;flex:none;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:inline-flex;overflow:hidden;box-shadow:inset 0 0 0 3px #fff,0 0 0 2px #c6edf2}.ch-face img{object-fit:cover;transform-origin:50% 24%;width:100%;height:100%;transform:scale(1.7)}.ch-mid{flex-direction:column;gap:2px;min-width:0;display:flex}.ch-mid b{font-size:16px}.ch-mid small{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.ch-side{color:var(--ink-soft);flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;display:flex}.ch-face.sm{width:42px;height:42px;font-size:18px}.conv .ch-head{border-bottom:1.5px dashed #c6edf2;margin-bottom:0;padding-bottom:12px}.conv .ch-back{padding:7px 13px;font-size:18px;line-height:1}.cv-who{flex-direction:column;flex:1;min-width:0;display:flex}.cv-who b{font-family:var(--font-title);font-size:26px;line-height:1}.cv-who small{color:var(--ink-soft);align-items:center;gap:5px;margin-top:2px;font-size:12.5px;display:inline-flex}.cv-dot{background:#4caf72;border-radius:50%;width:8px;height:8px;display:inline-block}.cv-hang{flex:none;padding:9px 16px;font-size:14.5px}.cv-log{flex-direction:column;flex:1;gap:7px;padding:14px 4px 10px;display:flex;position:relative;overflow-y:auto}.cv-msg{overflow-wrap:anywhere;border-radius:18px;max-width:78%;padding:8px 13px 9px;font-size:15px;line-height:1.38}.cv-msg.them{background:#fff;border:1.5px solid #c6edf2;border-bottom-left-radius:6px;align-self:flex-start}.cv-msg.me{background:#e3f8fa;border:1.5px solid #c6edf2;border-bottom-right-radius:6px;align-self:flex-end}.cv-msg.typing{color:var(--ink-soft);font-size:13.5px;font-style:italic}.cv-note{text-align:center;color:var(--ink-soft);background:#e3f8fa;border-radius:999px;align-self:center;margin:4px 0;padding:3px 12px;font-size:12px}.cv-invite{flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:relative}.cv-invite:not(:empty){background:#fff;border-radius:16px;margin-bottom:8px;padding:10px 12px}.cv-invite span{color:var(--rose-deep);flex:100%;font-size:14px;font-weight:600}.cv-invite .btn{padding:9px 16px;font-size:14.5px}.cv-send{gap:8px;display:flex;position:relative}.cv-send .cv-text{min-width:0;font:500 16px var(--font-ui);color:var(--ink);background:#fff;border:2px solid #c6edf2;border-radius:999px;outline:none;flex:1;padding:10px 14px}.cv-send .cv-text:focus{border-color:var(--teal)}.cv-send .btn{padding:10px 20px;font-size:15px}.ch-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 18px;display:flex;position:relative}.ch-empty .ic{font-size:44px}.ch-empty b{font-family:var(--font-title);font-size:26px}.ch-empty p{max-width:380px;margin:4px 0 14px}@media (max-width:760px){.screen.start{align-items:flex-start;padding-block-start:16px;padding-block-end:16px;overflow-y:auto}.start-card{grid-template-columns:1fr;gap:18px;padding:26px 22px 22px}.start h1{font-size:50px}.ways{grid-template-columns:1fr}.screen.chats-screen{align-items:stretch;padding:0}.chats-card{width:100vw;height:100%;box-shadow:none;border-radius:0;padding:18px 16px 16px}.chats-card:before{display:none}.loading .logo{font-size:56px}.loading .bar{width:min(320px,80vw)}}.hud-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:14px;left:16px;right:16px}.brand{font-family:var(--font-title);text-shadow:0 2px 8px #fffc;color:var(--ink);font-size:34px;font-weight:400;line-height:.9}.brand small{color:var(--ink-soft);margin-top:2px;font-size:15px;font-style:italic;font-weight:500;display:block}.pill{background:#fffffff0;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #003c5529}.hud-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.hud-row{align-items:center;gap:8px;display:flex}.mode-pill{padding:6px 12px;font-size:13px}.date-panel{box-shadow:none;background:0 0;padding:0}.spark{align-items:center;gap:8px;margin-top:6px;display:flex}.spark .meter{background:#e3f8fa;border-radius:10px;flex:1;height:12px;position:relative;overflow:hidden}.spark .meter i{background:linear-gradient(90deg,#c6edf2,#01a1bd);border-radius:10px;transition:width .6s cubic-bezier(.2,.9,.3,1.2);position:absolute;top:0;bottom:0;left:0;right:auto}.spark .heart{font-size:18px;transition:transform .3s}.date-panel .quit-date{box-shadow:var(--shadow);align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.date-panel .quit-date .key{padding:1px 6px;font-size:11px}.prompt{box-shadow:var(--shadow);white-space:nowrap;background:#fffffff5;border-radius:999px;align-items:center;gap:10px;padding:10px 20px;font-weight:600;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:46px;left:50%;transform:translate(-50%)}.prompt.hidden{opacity:0;transform:translate(-50%)translateY(10px)}.crosshair{background:#ffffffe6;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;transition:transform .15s,background .15s;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #0f3a4c59}.crosshair.hot{background:var(--rose);transform:scale(1.8)}.toast-place{text-align:center;transition:opacity .6s,transform .6s;position:absolute;top:90px;left:50%;transform:translate(-50%)}.toast-place.hidden{opacity:0;transform:translate(-50%)translateY(-8px)}.place-card{box-shadow:var(--shadow);background:#fffffff5;border:2px solid #c6edf2;border-radius:16px;align-items:center;gap:12px;padding:10px 18px;display:inline-flex}.place-card .ic{font-size:26px}.place-card b{font-family:var(--font-title);font-size:26px;line-height:1;display:block}.place-card small{color:var(--ink-soft);font-size:13px}.toasts{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.toast{color:#f0fbfc;animation:.3s ease-out toastIn,.5s ease-in forwards toastOut;animation-delay:0s, var(--life,3s);background:#0f3a4ce0;border-radius:999px;padding:8px 16px;font-size:14px}.toast.good,.toast.love{background:#01a1bdf2}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}}@keyframes toastOut{to{opacity:0;transform:translateY(-6px)}}.help{box-shadow:var(--shadow);background:#fffffff0;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:5px 10px;max-width:330px;padding:12px 14px;font-size:13px;transition:opacity .3s;display:grid;position:absolute;bottom:16px;left:16px}.help.hidden{opacity:0}.help-tip{color:var(--ink);background:#ffffffd9;border-radius:999px;padding:6px 12px;font-size:12px;position:absolute;bottom:16px;left:16px}.nav-arrow{align-items:center;gap:8px;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%)}.nav-arrow .arrow{color:var(--rose-deep);font-size:20px;transition:transform .1s;display:inline-block}.fade{opacity:0;pointer-events:none;z-index:40;background:#fff;transition:opacity .45s;position:fixed;top:0;bottom:0;left:0;right:0}.fade.on{opacity:1}.vignette{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 140px #003c552e}.flash{opacity:0;pointer-events:none;z-index:41;background:#fff;transition:opacity .35s;position:fixed;top:0;bottom:0;left:0;right:0}.flash.on{opacity:.95;transition:none}.label{white-space:nowrap;will-change:transform;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.nametag{cursor:pointer;background:#fffffff2;border-radius:999px;align-items:center;gap:6px;padding:3px 12px 4px;font-size:14px;font-weight:600;display:flex;box-shadow:0 3px 10px #003c5533}.nametag small{color:var(--ink-soft);font-size:12px;font-weight:500}.nametag.partner{color:var(--rose-deep);background:#f0fbfc;box-shadow:0 0 0 2px #c6edf2,0 3px 10px #003c5533}.anchor{will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.bubble{border:2.5px solid var(--ink);white-space:normal;text-align:center;background:#fff;border-radius:22px;width:max-content;max-width:280px;padding:9px 14px 10px;font-size:15px;line-height:1.32;animation:.25s cubic-bezier(.2,1.6,.5,1) pop;position:absolute;bottom:14px;left:0;transform:translate(-50%);box-shadow:3px 4px #0f3a4cd9}.bubble:after{content:"";border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);background:#fff;width:18px;height:16px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)skew(25deg)rotate(45deg)scale(.8);box-shadow:3px 3px #0f3a4cd9}.bubble .who{font-family:var(--font-ui);color:var(--rose-deep);margin-bottom:1px;font-size:13px;font-weight:700;display:block}.bubble.player,.bubble.player:after{background:#f0fbfc}.bubble.player .who{color:var(--teal)}.bubble.think{border-style:dashed}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.6)}}@keyframes popc{0%{opacity:0;transform:scale(.6)}}.choices{flex-direction:column;align-items:center;gap:7px;width:max-content;display:flex;position:absolute;bottom:10px;left:0;transform:translate(-50%)}.choices .prompt-q{color:#fff;background:#0f3a4cbf;border-radius:999px;padding:3px 10px;font-size:12px}.choice{border:2.5px solid var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:18px;align-items:center;gap:8px;max-width:320px;padding:7px 14px;font-size:14.5px;transition:transform .12s,background .12s;animation:.25s cubic-bezier(.2,1.6,.5,1) both popc;display:flex;box-shadow:3px 3px #0f3a4cd9}.choice:hover{background:#fff;transform:translateY(-2px)rotate(-.5deg)}.choice .num{background:var(--rose);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:inline-flex}.floater{white-space:nowrap;text-shadow:0 2px #fff,0 0 8px #fff;font-size:18px;font-weight:700;animation:1.6s ease-out forwards floatUp;position:absolute;bottom:0;left:0;transform:translate(-50%)}.floater.pos{color:var(--rose-deep)}.floater.neg{color:#7fa8b5}@keyframes floatUp{to{opacity:0;transform:translate(-50%)translateY(-90px)}}.overlay{pointer-events:auto;z-index:30;background:#003c5540;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}}.card{background:var(--paper);box-shadow:var(--shadow), 0 0 0 8px #ffffff80;border-radius:26px;width:min(440px,92vw);max-height:92vh;padding:24px 26px 22px;animation:.35s cubic-bezier(.2,1.3,.4,1) cardIn;position:relative;overflow:auto}.card:before{content:"";pointer-events:none;border:1.5px solid #c6edf2;border-radius:19px;position:absolute;top:9px;bottom:9px;left:9px;right:9px}@keyframes cardIn{0%{opacity:0;transform:translateY(18px)scale(.96)}}.card .close{cursor:pointer;width:32px;height:32px;color:var(--ink);z-index:2;background:#e3f8fa;border:none;border-radius:50%;font-size:16px;position:absolute;top:14px;right:16px}.card h2{font-family:var(--font-title);margin:0;font-size:34px;font-weight:400;line-height:1}.card .sub{color:var(--ink-soft);margin-top:4px;font-size:14px}.card .actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.card .actions .btn{flex:1}.card .actions.stack{flex-direction:column}.profile-head{align-items:center;gap:16px;display:flex}.portrait{background:radial-gradient(circle at 50% 30%,#f0fbfc,#c6edf2);border-radius:50%;flex:none;width:96px;height:96px;overflow:hidden;box-shadow:inset 0 0 0 4px #fff,0 0 0 3px #c6edf2}.portrait img{object-fit:cover;width:100%;height:100%}.pronouns{vertical-align:middle;background:#e3f8fa;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:12px;display:inline-block}.bio{font-family:var(--font-ui);color:var(--ink);margin:16px 0 12px;font-size:16px;line-height:1.35}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#006289;background:#f0fbfc;border-radius:999px;padding:5px 12px;font-size:13.5px;font-weight:500}.chip.rose{color:var(--rose-deep);background:#f0fbfc}.dateidea{background:#f0fbfc;border-radius:16px;margin-top:14px;padding:12px 14px;font-size:14.5px;line-height:1.4}.dateidea b{letter-spacing:1.2px;text-transform:uppercase;color:#006289;margin-bottom:3px;font-size:12px;display:block}.menu-card{width:min(560px,94vw)}.menu-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.menu-item{cursor:pointer;text-align:left;color:var(--ink);background:#fff;border:2px solid #c6edf2;border-radius:14px;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:8px 10px;font-size:14px;transition:border-color .15s,background .15s;display:grid}.menu-item .e{font-size:22px}.menu-item small{color:var(--ink-soft);font-size:11.5px;display:block}.menu-item .cost{color:#006289;font-size:13px;font-weight:700}.menu-item.sel-me{border-color:var(--teal);background:#f0fbfc}.menu-item.sel-them{border-color:var(--rose);background:#fff}.menu-item.sel-me.sel-them{border-color:var(--gold);background:#f0fbfc}.menu-item.locked{opacity:.45;cursor:not-allowed}.menu-item .swatch{gap:2px;display:inline-flex}.menu-item .swatch i{border:1px solid #00000026;border-radius:4px;width:9px;height:24px;display:inline-block}.browse-card .actions{flex-wrap:wrap}.menu-tabs{gap:8px;margin-top:14px;display:flex}.menu-tabs button{cursor:pointer;font:600 14px var(--font-ui);color:var(--ink);background:#e3f8fa;border:none;border-radius:12px;flex:1;padding:8px}.menu-tabs button.on.me{background:var(--teal);color:#fff}.menu-tabs button.on.them{background:var(--rose);color:#fff}.small-note{color:var(--ink-soft);margin-top:8px;font-size:12.5px}.map-ui{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.map-title{position:absolute;top:18px;left:22px}.map-title h1{font-family:var(--font-title);text-shadow:0 2px 10px #ffffffe6;margin:0;font-size:60px;font-weight:400;line-height:.9}.map-title .t2{font-family:var(--font-title);font-size:22px;font-weight:400}.map-title .t3{font-family:var(--font-title);color:var(--ink-soft);font-size:17px;font-style:italic}.map-corner{font-family:var(--font-title);text-align:right;color:var(--ink);box-shadow:var(--shadow);background:#ffffffe6;border-radius:14px;padding:9px 16px;font-size:21px;font-style:italic;line-height:1.15;position:absolute;top:18px;right:22px;transform:rotate(-4deg)}.map-hint{font-size:13px;position:absolute;top:22px;left:50%;transform:translate(-50%)}.map-motto{font-family:var(--font-title);color:#fff;text-shadow:0 2px 8px #143c5a99;font-size:24px;font-style:italic;position:absolute;bottom:26px;right:30px}.map-compass{box-shadow:var(--shadow);font-family:var(--font-title);background:#fffffff0;border-radius:14px;align-items:center;gap:14px;padding:12px 18px;font-size:19px;font-style:italic;display:flex;position:absolute;bottom:22px;left:22px}.map-label{z-index:2;pointer-events:auto;cursor:pointer;white-space:nowrap;background:#fffffff5;border:2px solid #c6edf2;border-radius:12px;align-items:center;gap:9px;padding:6px 13px 6px 9px;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 4px 12px #003c5540}.map-label:hover,.map-label.sel{box-shadow:0 0 0 3px var(--rose), 0 6px 16px #003c554d;transform:translate(-50%,-50%)scale(1.08)}.map-label .ic{font-size:22px}.map-label b{font-family:var(--font-title);font-size:21px;line-height:1;display:block}.map-label small{color:var(--ink-soft);font-size:11.5px}.map-pin{z-index:3;background:var(--teal);color:#fff;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;position:absolute;top:0;left:0;transform:translate(-50%,-100%);box-shadow:0 2px 6px #00000040}.map-pin.partner{background:var(--rose)}.map-pin:after{content:"";border:5px solid #0000;border-top-color:inherit;border-bottom:0;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.map-dot{background:#ffd166;border:2px solid #fff;border-radius:50%;width:9px;height:9px;margin:-4px;position:absolute;top:0;left:0}.travel-card{pointer-events:auto;z-index:5;width:310px;position:absolute;bottom:70px;right:26px}.screen.start-error{z-index:60;padding-inline:max(16px, env(safe-area-inset-left,0px)) max(16px, env(safe-area-inset-right,0px));background:radial-gradient(circle at 50% 40%,#fff,#e3f8fa)}.err-card{background:var(--paper);max-width:560px;color:var(--ink);font-family:var(--font-ui);border-radius:18px;padding:28px 30px;line-height:1.5;box-shadow:0 18px 50px #0f3a4c2e}.err-card h2{font-family:var(--font-title);margin:0 0 10px;font-size:30px}.err-card ol{gap:8px;padding-left:20px;display:grid}.err-card .small{color:var(--ink-soft);font-size:13px}.flower-svg,.bouquet-svg{display:block}.flower-item{cursor:default;grid-template-columns:36px 1fr auto}.flower-item .stepper{align-items:center;gap:5px;display:inline-flex}.flower-item .stepper button{width:26px;height:26px;color:var(--ink);font:700 16px var(--font-ui);cursor:pointer;background:#e3f8fa;border:none;border-radius:50%;line-height:1}.flower-item .stepper button:disabled{opacity:.35;cursor:default}.flower-item .stepper b{text-align:center;min-width:14px}.bouquet-card{width:min(640px,94vw)}.bq-wrap{grid-template-columns:1fr 190px;align-items:start;gap:14px;margin-top:12px;display:grid}.bq-stems{grid-template-columns:1fr 1fr;gap:6px;max-height:340px;display:grid;overflow:auto}.bq-stem{cursor:pointer;font:500 13px var(--font-ui);color:var(--ink);text-align:left;background:#fff;border:2px solid #c6edf2;border-radius:12px;grid-template-columns:32px 1fr auto;align-items:center;gap:6px;padding:5px 8px;display:grid}.bq-stem b{color:var(--teal)}.bq-stem:disabled{opacity:.4;cursor:default}.bq-preview{background:#fff;border:1.5px dashed #c6edf2;border-radius:16px;flex-direction:column;align-items:center;padding:8px;display:flex}.bq-list{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:4px;display:flex}.bq-list .chip{cursor:pointer;padding:3px 8px;font-size:11.5px}.bq-opts{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;font-size:13px;display:flex}.bq-opts span{margin-left:6px}.bq-opts .sw{cursor:pointer;border:2px solid #0000001f;border-radius:50%;width:24px;height:24px}.bq-opts .sw.on{box-shadow:0 0 0 3px var(--rose)}@media (max-width:560px){.bq-wrap{grid-template-columns:1fr}}.quiz-panel{background:var(--paper);width:min(340px,100vw - 24px);max-height:86vh;box-shadow:var(--shadow);z-index:25;pointer-events:auto;border-radius:18px;padding:12px 14px;animation:.35s ease-out quizIn;position:fixed;top:50%;right:18px;overflow:auto;transform:translateY(-50%)}@keyframes quizIn{0%{opacity:0;margin-right:-28px}}.quiz-panel .close{cursor:pointer;width:26px;height:26px;color:var(--ink);z-index:2;background:#e3f8fa;border:none;border-radius:50%;font-size:15px;position:absolute;top:9px;right:10px}.qp-head{flex-wrap:wrap;align-items:baseline;gap:8px;padding-right:30px;display:flex}.qp-title{font-family:var(--font-title);color:#3f6b4a;font-size:21px;font-style:italic;font-weight:400}.qp-round{color:var(--ink-soft);font-size:12px}.qp-scores{gap:6px;margin:10px 0 8px;display:grid}.qp-score{border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:4px 12px;font-size:14px;display:grid}.qp-score.me{color:#006289;background:#f0fbfc}.qp-score.them{color:var(--rose-deep);background:#f0fbfc}.qp-won{flex-wrap:wrap;gap:1px;min-height:22px;display:flex}.qp-pts{font:700 20px var(--font-ui)}.qp-clue{background:#fff;border:2px dashed #01a1bd;border-radius:16px;margin-top:6px;padding:14px 16px 10px;position:relative}.qp-clue p{font-family:var(--font-title);color:var(--ink);margin:4px 0 0;font-size:19px;font-style:italic;line-height:1.3}.qp-tag{color:#f0fbfc;letter-spacing:1px;text-transform:uppercase;background:#3f6b4a;border-radius:999px;padding:2px 12px;font-size:12px;position:absolute;top:-11px;left:14px}.qp-answers{grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;display:grid}.qp-ans{cursor:pointer;font:500 14px var(--font-ui);color:var(--ink);text-align:left;background:#fff;border:2px solid #c6edf2;border-radius:14px;grid-template-columns:18px 30px 1fr;align-items:center;gap:4px;padding:6px 8px;transition:border-color .15s,background .15s,transform .12s;display:grid;position:relative}.qp-ans:hover:not(:disabled){border-color:var(--teal);transform:translateY(-1px)}.qp-ans:disabled{cursor:default}.qp-n{font:700 12px var(--font-ui);color:var(--ink-soft)}.qp-ans.wrong{opacity:.7;background:#f0fbfc}.qp-ans.answer{opacity:1;background:#ecf8ef;border-color:#4caf72}.qp-mark{gap:3px;display:flex;position:absolute;top:-8px;right:6px}.qp-mark span{font:700 11px var(--font-ui);color:#fff;border-radius:999px;padding:1px 6px}.qp-mark .me{background:var(--teal)}.qp-mark .them{background:var(--rose)}.qp-timer{background:#e3f8fa;border-radius:6px;height:6px;margin-top:10px;overflow:hidden}.qp-timer i{background:linear-gradient(90deg, var(--gold), var(--rose));width:100%;height:100%;transition:width .2s linear;display:block}.qp-status{min-height:20px;color:var(--ink-soft);margin-top:8px;font-size:13.5px}.qp-fact{background:#f3f8ef;border-radius:14px;grid-template-columns:48px 1fr;gap:10px;margin-top:4px;padding:10px 12px;font-size:13.5px;line-height:1.4;display:grid}.qp-fact b{font-size:15px;display:block}.qp-fact i{color:var(--ink-soft);font-size:12.5px;display:block}.qp-fact p{margin:4px 0 0}.qp-msg{margin-top:4px;font-size:14px;line-height:1.4}.qp-msg h3{font-family:var(--font-title);color:var(--rose-deep);margin:4px 0;font-size:21px}.qp-msg .qp-bunch{flex-wrap:wrap;gap:2px;margin:4px 0 8px;display:flex}.qp-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.qp-actions .btn{flex:1;padding:7px 12px;font-size:14px}@media (max-width:720px){.quiz-panel{max-height:46vh;top:auto;bottom:8px;right:50%;transform:translate(50%)}.tot-hint,.nh-hint{display:none}}.sky-view{z-index:45;pointer-events:auto;background:#120d18;animation:.5s fadeIn;position:fixed;top:0;bottom:0;left:0;right:0}.sky-canvas{cursor:grab;touch-action:none;position:absolute;top:0;bottom:0;left:0;right:0}.sky-canvas:active{cursor:grabbing}.sky-panel{background:var(--paper);width:340px;max-height:94vh;box-shadow:var(--shadow);border-radius:22px;flex-direction:column;gap:10px;padding:16px 18px;display:flex;position:absolute;top:50%;right:18px;overflow:auto;transform:translateY(-50%)}.sky-head b{font:italic 700 26px var(--font-title);color:#3f4f8c;display:block}.sky-head small{color:var(--ink-soft);margin-top:2px;font-size:12.5px;line-height:1.35;display:block}.sky-empty{color:var(--ink-soft);background:#e3f8fa;border-radius:12px;padding:10px 12px;font-size:13.5px}.sky-card{background:#fff;border:1.5px solid #c6edf2;border-radius:14px;padding:10px 12px}.sky-card b{font:400 20px var(--font-title);display:block}.sky-card small{color:#6b5a9a;text-transform:uppercase;letter-spacing:.8px;font-size:12px}.sky-card ul{margin:6px 0 0;padding-left:18px;font-size:13.5px;line-height:1.42}.sky-find span{text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft);font-size:12px}.sky-chips{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.sky-chips button,.sky-tools button{color:var(--ink);font:500 12.5px var(--font-ui);cursor:pointer;background:#e3f8fa;border:none;border-radius:999px;padding:5px 10px}.sky-chips button:hover,.sky-tools button:hover{background:#c6edf2}.sky-tools{align-items:center;gap:6px;display:flex}.sky-tools .sky-zin,.sky-tools .sky-zout{width:34px;padding:4px 0;font-size:16px}.sky-fov{color:var(--ink-soft);margin-left:auto;font-size:12.5px}.sky-hint{color:var(--ink-soft);font-size:12px;line-height:1.5}.sky-hint .key{min-width:20px;padding:0 5px;font-size:11px}.sky-exit small{opacity:.85;font-weight:400}@media (max-width:760px){.sky-panel{width:min(420px,100vw - 20px);max-height:38vh;top:auto;bottom:10px;right:50%;transform:translate(50%)}}.automove{cursor:pointer;font:600 13.5px var(--font-ui);color:var(--ink);border:none;gap:7px;padding:7px 12px 7px 13px}.automove .am-sw{background:#c6edf2;border-radius:999px;width:32px;height:18px;transition:background .2s;position:relative}.automove .am-sw i{background:#fff;border-radius:50%;width:14px;height:14px;transition:left .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.automove.on .am-sw{background:var(--teal)}.automove.on .am-sw i{left:16px}.automove.on,.xo-panel .qp-title{color:#006289}.xo-sym{font-weight:700}.xo-score{font:600 13.5px var(--font-ui);justify-content:space-between;gap:6px;margin-top:10px;display:flex}.xo-score span{text-align:center;border-radius:10px;flex:1;padding:4px 6px}.xo-score .me{color:#006289;background:#f0fbfc}.xo-score .dr{color:var(--ink-soft);background:#e3f8fa}.xo-score .them{color:var(--rose-deep);background:#f0fbfc}.xo-grid{background:#c6edf2;border:3px solid #4f7381;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:7px;width:min(258px,100%);margin:12px auto 0;padding:9px;display:grid}.xo-cell{aspect-ratio:1;cursor:pointer;background:#fff;border:2px solid #01a1bd;border-radius:10px;justify-content:center;align-items:center;transition:border-color .15s,transform .12s,background .2s;display:flex;position:relative}.xo-cell:hover:not(:disabled):not(.wait){border-color:var(--teal);transform:translateY(-2px)}.xo-cell:disabled,.xo-cell.wait{cursor:default}.xo-n{font:700 10.5px var(--font-ui);color:#7fa8b5;position:absolute;top:3px;left:6px}.xo-m{font:700 34px var(--font-ui);line-height:1}.xo-cell.me .xo-m{color:#c8553d}.xo-cell.them .xo-m{color:#2f6f9f}.xo-cell.new .xo-m{animation:.25s ease-out quizIn}.xo-cell.win{background:#fff1c9;border-color:#e0a630;box-shadow:inset 0 0 0 2px #01a1bd}.xo-turn{text-align:center;font:italic 700 18px var(--font-title);min-height:24px;margin-top:10px}.xo-turn.me{color:#006289}.xo-turn.them{color:var(--rose-deep)}.xo-turn.over{color:#006289;font-size:22px}.xo-turn.over.me{color:#c8553d}.jenga-panel .qp-title{color:#006289}.jp-turn{font:600 14px var(--font-ui);border-radius:999px;margin:8px 0 2px;padding:3px 14px;display:inline-block}.jp-turn.me{color:#006289;background:#f0fbfc}.jp-turn.them{color:var(--rose-deep);background:#f0fbfc}.jp-card{background:#e3f8fa;border-color:#01a1bd}.jp-card p{font-size:21px}.qp-tag.jp-funny{background:#e0884a}.qp-tag.jp-personality{background:#006289}.qp-tag.jp-dating{background:var(--rose-deep)}.qp-tag.jp-hypothetical{background:#7a62b8}.qp-tag.jp-deep{background:#3f6b4a}.jp-answer textarea{box-sizing:border-box;width:100%;font:500 15px var(--font-ui);color:var(--ink);resize:none;background:#fff;border:2px solid #c6edf2;border-radius:14px;outline:none;margin-top:10px;padding:9px 12px}.jp-answer textarea:focus{border-color:var(--teal)}.jp-said{border-radius:14px;margin-top:10px;padding:9px 12px;font-size:15px;line-height:1.4}.jp-said.me,.jp-said.them{color:#006289;background:#f0fbfc}.jp-reacts{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.jp-mini{color:var(--ink);font:500 13px var(--font-ui);cursor:pointer;background:#e3f8fa;border:none;border-radius:999px;padding:6px 12px;box-shadow:0 2px #c6edf2}.jp-mini:hover{background:#e3f8fa}.jp-hint{min-height:20px;color:var(--ink-soft);margin-top:8px;font-size:13.5px}.jp-hint b.ok{color:#006289}.jp-hint b.risky{color:#01a1bd}.jp-hint b.doom{color:var(--rose-deep)}.jp-foot{border-top:1.5px dashed #c6edf2;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding-top:10px;display:flex}.jp-help{color:var(--ink-soft);flex:100%;font-size:11.5px}.tot-panel .qp-title{color:#3f6b4a}.tot-shelf{grid-template-columns:repeat(8,1fr);align-items:end;gap:5px;margin:10px 0 6px;display:grid}.tot-spine{background:linear-gradient(90deg, color-mix(in srgb, var(--c) 82%, black), var(--c) 40%, color-mix(in srgb, var(--c) 70%, white));cursor:pointer;border:none;border-radius:5px 5px 3px 3px;height:46px;padding:0;transition:transform .15s,filter .15s;position:relative;box-shadow:inset 0 3px #72edf18c,inset 0 -4px #72edf173,0 2px 4px #003c5540}.tot-spine .tot-ic{filter:drop-shadow(0 1px 1px #00000059);font-size:15px}.tot-spine:hover:not(:disabled){transform:translateY(-4px)}.tot-spine:disabled{cursor:default}.tot-spine.open{box-shadow:0 0 0 3px var(--gold), 0 6px 10px #003c554d;transform:translateY(-6px)}.tot-spine.done{filter:saturate(.55)brightness(1.08);height:34px}.tot-spine.done.match{filter:none;box-shadow:0 0 0 2px var(--rose)}.tot-mk{background:#fff;border-radius:50%;width:18px;height:18px;font-size:12px;line-height:18px;position:absolute;top:-9px;right:-5px;box-shadow:0 1px 3px #0003}.tot-progress{color:var(--ink-soft);grid-template-columns:auto 1fr;align-items:center;gap:10px;font-size:12.5px;display:grid}.tot-bar{background:#e3f8fa;border-radius:6px;height:6px;overflow:hidden}.tot-bar i{background:linear-gradient(90deg, var(--teal), var(--rose));width:0;height:100%;transition:width .3s;display:block}.tot-book{border:2px solid color-mix(in srgb, var(--c) 45%, #c6edf2);background:#fff;border-radius:16px;margin-top:14px;padding:18px 12px 12px;position:relative}.tot-book.same{border-color:var(--rose);background:#fff}.tot-q{text-align:center;font-family:var(--font-title);color:var(--ink);margin:2px 0 10px;font-size:19px;font-weight:400;line-height:1.25}.tot-n-of{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:11px}.tot-pair{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:6px;display:grid}.tot-or{background:var(--ink);color:#f0fbfc;width:34px;height:34px;font:italic 700 15px var(--font-title);border-radius:50%;justify-content:center;align-self:center;align-items:center;display:flex;box-shadow:0 2px 5px #00000040}.tot-opt{cursor:pointer;color:var(--ink);font:500 15px var(--font-ui);background:#fff;border:2px solid #c6edf2;border-radius:14px;flex-direction:column;align-items:center;gap:4px;min-height:108px;padding:14px 6px 12px;transition:border-color .15s,transform .12s,opacity .2s,background .2s;display:flex;position:relative}.tot-opt:hover:not(:disabled){border-color:var(--teal);transform:translateY(-2px)}.tot-opt:disabled{cursor:default}.tot-opt .tot-n{font:700 11px var(--font-ui);color:var(--ink-soft);position:absolute;top:5px;left:8px}.tot-em{font-size:34px;line-height:1.1}.tot-tx{text-align:center;line-height:1.2}.tot-opt.mine{border-color:var(--teal);background:#f0fbfc}.tot-opt.picked{border-color:var(--gold);background:#f0fbfc}.tot-book.same .tot-opt.picked{border-color:var(--rose);background:#f0fbfc}.tot-opt.dim{opacity:.45}.tot-chips{gap:4px;min-height:18px;display:flex}.tot-chips span{font:700 11px var(--font-ui);color:#fff;border-radius:999px;padding:1px 8px}.tot-chips .me{background:var(--teal)}.tot-chips .them{background:var(--rose)}.tot-status{text-align:center}.tot-same{color:var(--rose-deep)}.tot-differ{color:#006289}.tot-dots i{background:var(--ink-soft);border-radius:50%;width:4px;height:4px;margin-left:3px;animation:1s infinite totDot;display:inline-block}.tot-dots i:nth-child(2){animation-delay:.2s}.tot-dots i:nth-child(3){animation-delay:.4s}@keyframes totDot{0%,to{opacity:.25}50%{opacity:1}}.tot-hint{color:var(--ink-soft);text-align:center;margin-top:8px;font-size:12px}.tot-hint .key,.tot-choose .key{min-width:20px;padding:0 5px;font-size:11px}.tot-list{gap:4px;max-height:210px;margin-top:8px;display:grid;overflow:auto}.tot-row{background:#fff;border-radius:10px;grid-template-columns:26px 1fr 1fr;align-items:center;gap:6px;padding:4px 8px;font-size:12.5px;display:grid}.tot-row.same{background:#f0fbfc}.tot-row b{color:var(--ink-soft);font-weight:600}.tot-row .tot-ic{background:var(--c);border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex}.tot-tucked{color:var(--ink-soft);font-size:13.5px;font-style:italic}.tot-gifts{gap:10px;margin-top:12px;display:grid}.tot-gift{background:#fff;border-radius:16px;grid-template-columns:62px 1fr;align-items:center;gap:12px;padding:10px 12px;animation:.4s ease-out quizIn;display:grid;box-shadow:inset 0 0 0 1.5px #c6edf2}.tot-parcel{background:linear-gradient(90deg, transparent 43%, var(--r) 43%, var(--r) 57%, transparent 57%), linear-gradient(0deg, transparent 43%, var(--r) 43%, var(--r) 57%, transparent 57%), var(--p);border-radius:10px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;box-shadow:0 3px 8px #003c554d}.tot-parcel span{text-align:center;background:#ffffffeb;border-radius:50%;width:34px;height:34px;font-size:24px;line-height:34px}.tot-gift small{text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft);font-size:11.5px;display:block}.tot-gift b{font-size:15px;line-height:1.25;display:block}.tot-gift i{color:var(--ink-soft);margin-top:2px;font-size:12.5px;display:block}.tot-gift em{font-family:var(--font-title);color:var(--rose-deep);margin-top:2px;font-size:15px;display:block}.tot-foot{text-align:center;margin-top:8px}.tot-leave{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;font-size:12.5px;text-decoration:underline}.nh-panel .qp-title{color:#01a1bd}.nh-intro{font-size:14px;line-height:1.45}.nh-card{border:2px solid color-mix(in srgb, var(--c) 55%, #01a1bd);color:#f0fbfc;background:linear-gradient(160deg,#24203f,#3a2a4f);border-radius:18px;margin-top:14px;padding:22px 16px 16px;transition:border-color .2s,opacity .2s;position:relative;box-shadow:inset 0 0 26px #72edf12e}.nh-card.same{border-color:#ffb366;box-shadow:inset 0 0 30px #72edf166}.nh-card.skipped{opacity:.55}.nh-lead{font-family:var(--font-title);color:#01a1bd;text-align:center;font-size:17px;font-style:italic}.nh-q{font-family:var(--font-title);text-align:center;margin-top:4px;font-size:23px;line-height:1.25}.nh-pair{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.nh-opt{cursor:pointer;font:600 15px var(--font-ui);color:var(--ink);background:#fff;border:2px solid #c6edf2;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:12px 6px 10px;transition:border-color .15s,transform .12s;display:flex;position:relative}.nh-opt:hover:not(:disabled){border-color:var(--teal);transform:translateY(-2px)}.nh-opt:disabled{cursor:default}.nh-opt.mine{border-color:var(--teal);background:#f0fbfc}.nh-opt.dim{opacity:.45}.nh-n{font:700 11px var(--font-ui);color:var(--ink-soft);position:absolute;top:5px;left:8px}.nh-mk{font-size:28px;line-height:1.1}.nh-who{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.nh-who>div{border-radius:12px;flex-direction:column;align-items:center;padding:5px 8px;font-size:14px;font-weight:600;display:flex}.nh-me{color:#006289;background:#f0fbfc}.nh-them{color:var(--rose-deep);background:#f0fbfc}.nh-st{min-height:17px;color:var(--ink-soft);font-size:12.5px;font-weight:400}.nh-answers{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.nh-ans{font:600 15px var(--font-ui);background:#fff;border:2px solid #c6edf2;border-radius:14px;flex-direction:column;align-items:center;padding:8px 6px;animation:.3s ease-out quizIn;display:flex}.nh-ans small{text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft);font-size:11.5px}.nh-ans span{font-size:28px;line-height:1.15}.nh-ans.me.have{border-color:var(--teal);background:#f0fbfc}.nh-ans.them.have{border-color:var(--rose);background:#f0fbfc}.nh-verdict{text-align:center;font:italic 700 19px var(--font-title);color:#006289;margin-top:8px}.nh-verdict.same{color:var(--rose-deep)}.nh-talk{text-align:center;color:var(--ink-soft);margin-top:8px;font-size:13.5px}.nh-hint{color:var(--ink-soft);text-align:center;margin-top:8px;font-size:12px}.nh-hint .key{min-width:20px;padding:0 5px;font-size:11px}.nh-foot{justify-content:space-between;gap:8px;margin-top:12px;display:flex}.nh-foot button{color:var(--ink-soft);font:500 13px var(--font-ui);cursor:pointer;background:0 0;border:none;text-decoration:underline}.nh-foot .nh-leave{margin-left:auto}.nh-list{gap:4px;max-height:230px;margin-top:8px;display:grid;overflow:auto}.nh-row{background:#fff;border-radius:10px;grid-template-columns:24px 1fr 24px 24px;align-items:center;gap:6px;padding:4px 8px;font-size:12.5px;display:grid}.nh-row.same{background:#f0fbfc}.nh-ic{background:var(--c);border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex}.pic-card-img{object-fit:contain;box-sizing:border-box;background:#1e2f63;border:6px solid #01a1bd;border-radius:6px;width:100%;max-height:52vh;margin:2px 0 10px;display:block;box-shadow:0 0 0 3px #1e2f63}.pic-credit{opacity:.75;margin-top:8px;font-size:12.5px;line-height:1.4;display:block}.rg-panel{width:min(300px,100vw - 24px)}.rg-title{font-family:var(--font-title);text-align:center;color:var(--ink);margin-bottom:6px;font-size:21px;font-weight:400}.rg-card{font-family:var(--font-title);color:var(--ink);text-align:center;background:#fff;border:1.5px solid #01a1bd;border-radius:12px;justify-content:center;align-items:center;min-height:54px;padding:10px 12px;font-size:18px;font-weight:400;line-height:1.28;display:flex}.rg-pair{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.rg-pair[hidden]{display:none}.rg-opt{cursor:pointer;font:700 14px var(--font-ui);color:var(--ink);background:#fff;border:2px solid #c6edf2;border-radius:999px;padding:8px 6px}.rg-opt.red:hover:not(:disabled),.rg-opt.red.on{background:#fcebec;border-color:#d9536b}.rg-opt.green:hover:not(:disabled),.rg-opt.green.on{background:#ecf8ef;border-color:#4caf72}.rg-opt:disabled:not(.on){opacity:.5;cursor:default}.rg-status{min-height:20px;color:var(--ink-soft);text-align:center;margin-top:8px;font-size:13px}.rg-both{font:700 14px var(--font-ui);color:var(--ink);background:#e3f8fa;border-radius:999px;padding:4px 12px;display:inline-block}.rg-both.same{background:#ecf8ef}.rg-foot{justify-content:space-between;margin-top:6px;display:flex}.rg-foot button{color:var(--ink-soft);font:500 13px var(--font-ui);cursor:pointer;background:0 0;border:none;padding:2px 4px;text-decoration:underline}.tg-panel{width:min(330px,100vw - 24px)}.tg-panel .xo-turn{margin-top:8px;font-size:16px}.tg-panel .xo-turn.over{font-size:18px}.tg-panel .nh-who{margin-top:8px}.tg-note{text-align:center;font:600 12.5px var(--font-ui);color:var(--rose-deep);opacity:0;height:0;min-height:0;overflow:hidden}.tg-note.show{height:auto;min-height:17px;margin-top:6px;animation:2.6s forwards tgNote}@keyframes tgNote{0%,80%{opacity:1}to{opacity:0}}.tg-len{font:600 12.5px var(--font-ui);color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-top:10px;display:flex}.tg-lenb{font:600 12.5px var(--font-ui);color:var(--ink);cursor:pointer;background:#fff;border:2px solid #01a1bd;border-radius:999px;padding:4px 10px}.tg-lenb.on{color:#fff;background:#006289;border-color:#006289}.mm-pairs{text-align:center;font:500 12.5px var(--font-ui);color:var(--ink-soft);margin-top:8px}.mm-grid{grid-template-columns:repeat(4,1fr);gap:6px;width:min(250px,100%);margin:8px auto 0;display:grid}.mm-card{aspect-ratio:3/4;cursor:pointer;perspective:400px;background:0 0;border:none;padding:0;position:relative}.mm-card>span{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:9px;justify-content:center;align-items:center;transition:transform .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.mm-back{background:repeating-linear-gradient(45deg,#006289 0 6px,#01a1bd 6px 12px);border:2px solid #f0fbfc;box-shadow:0 1px 3px #0003}.mm-face{background:#fff;border:2px solid #c6edf2;transform:rotateY(180deg)}.mm-face svg{width:82%;height:82%}.mm-card.up .mm-back{transform:rotateY(180deg)}.mm-card.up .mm-face{transform:rotateY(360deg)}.mm-card.done{cursor:default}.mm-card.done.me .mm-face{border-color:#006289;box-shadow:inset 0 0 0 2px #c6edf2}.mm-card.done.them .mm-face{border-color:var(--rose-deep);box-shadow:inset 0 0 0 2px #e3f8fa}.tg-panel.waiting .mm-card,.tg-panel.waiting .c4-col{cursor:default}.c4-grid{background:#2f5fae;border-radius:12px;grid-template-columns:repeat(7,1fr);gap:3px;width:min(266px,100%);margin:10px auto 0;padding:6px;display:grid;box-shadow:0 3px #244a8a}.c4-col{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;gap:3px;padding:2px;display:flex}.c4-col:hover:not(.full){background:#ffffff29}.tg-panel.waiting .c4-col:hover{background:0 0}.c4-col.full{cursor:not-allowed}.c4-cell{aspect-ratio:1;background:#f0fbfc;border-radius:50%;box-shadow:inset 0 2px 3px #00000040}.c4-cell.me{background:#d94b4b}.c4-cell.them{background:#01a1bd}.c4-cell.new{animation:.32s ease-in c4Drop}.c4-cell.win{box-shadow:inset 0 0 0 3px #fff,0 0 8px 2px #ffe08a}@keyframes c4Drop{0%{opacity:.4;transform:translateY(-120px)}to{opacity:1;transform:none}}.wl-grid{flex-direction:column;align-items:center;gap:4px;margin-top:10px;display:flex}.wl-row{align-items:center;gap:4px;display:flex;position:relative}.wl-tile{width:34px;height:34px;font:700 18px var(--font-ui);text-transform:uppercase;color:var(--ink);background:#fff;border:2px solid #c6edf2;border-radius:6px;justify-content:center;align-items:center;display:flex}.wl-tile.typed{border-color:#006289}.wl-tile.right,.wl-key.right,.wl-legend .right{color:#fff;background:#6aaa64;border-color:#6aaa64}.wl-tile.near,.wl-key.near,.wl-legend .near{color:#fff;background:#c9b458;border-color:#c9b458}.wl-tile.out,.wl-key.out,.wl-legend .out{color:#fff;background:#8d8a84;border-color:#8d8a84}.wl-by{font:500 11px var(--font-ui);color:var(--ink-soft);white-space:nowrap;margin-left:6px;position:absolute;left:100%}.wl-legend{font:500 11.5px var(--font-ui);color:var(--ink-soft);flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.wl-legend i{vertical-align:-1px;border-radius:3px;width:11px;height:11px;margin-right:4px;display:inline-block}.wl-kb{flex-direction:column;align-items:center;gap:4px;margin-top:8px;display:flex}.wl-kb>div{gap:3px;display:flex}.wl-key{width:25px;height:32px;font:700 12.5px var(--font-ui);text-transform:uppercase;color:var(--ink);cursor:pointer;background:#e3f8fa;border:none;border-radius:6px;padding:0}.wl-key.wide{text-transform:none;width:44px;font-size:11px}.tg-panel.waiting .wl-key{opacity:.55;cursor:default}@media (max-width:720px){.tg-panel .nh-who{display:none}.tg-panel .nh-foot{display:none!important}.tg-panel .xo-score{margin-top:6px;font-size:12.5px}.tg-panel .xo-turn{margin-top:5px;font-size:15px}.wl-grid{gap:3px;margin-top:6px}.wl-row{gap:3px}.wl-tile{border-radius:5px;width:25px;height:25px;font-size:14px}.wl-legend{margin-top:5px;font-size:10.5px}.wl-kb{gap:3px;margin-top:5px}.wl-key{width:24px;height:27px}.wl-key.wide{width:40px}.mm-grid{gap:5px;width:min(176px,100%);margin-top:6px}.mm-pairs{margin-top:5px}.c4-grid{width:min(220px,100%);margin-top:6px}}.scope{z-index:30;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.scope-ring{pointer-events:auto;touch-action:none;cursor:grab;background:radial-gradient(circle at 50% 46%,#0000 0 min(40vw,40vh),#0c10188c calc(min(40vw,40vh) + 6px),#0c1018eb calc(min(40vw,40vh) + 40px));position:absolute;top:0;bottom:0;left:0;right:0}.scope-ring:active{cursor:grabbing}.scope-bar{pointer-events:auto;white-space:nowrap;background:#ffffffeb;border-radius:999px;align-items:center;gap:8px;padding:6px 8px;display:flex;position:absolute;bottom:76px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000040}.scope-btn{background:var(--rose,#01a1bd);color:#fff;cursor:pointer;border:none;border-radius:50%;width:34px;height:34px;font-size:20px;line-height:1}.scope-hint{color:var(--ink-soft,#4f7381);padding:0 4px;font-size:13px}.scope-exit{background:var(--ink,#0f3a4c);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:8px 14px;font-size:14px}@media (max-width:520px){.scope-hint{display:none}}.metu-logo{font-family:var(--font-title);color:var(--brand-deep);letter-spacing:-.01em;white-space:nowrap;align-items:flex-end;font-weight:400;line-height:.9;display:inline-flex}.metu-logo .metu-word{display:inline-block}.metu-logo .metu-mark{width:.5em;height:.5em;margin-bottom:-.12em;margin-left:.04em;display:inline-block}.metu-logo .metu-mark svg{width:100%;height:100%;display:block}.metu-logo.light{color:#fff}.metu-tag{font-family:var(--font-title);color:var(--ink-soft);letter-spacing:0;text-align:center;margin-top:.35em;font-size:.32em;font-style:italic;display:block}.loading{background:radial-gradient(at 50% 35%,#fff 0%,#f0fbfc 60%,#e3f8fa 100%)}.loading .logo{color:var(--brand-deep);flex-direction:column;align-items:center;display:flex}.loading .bar{background:#e3f8fa}.loading .bar i{background:linear-gradient(90deg, var(--brand-light), var(--brand))}.start h1 .metu-logo,.map-title h1 .metu-logo{font-size:1em}.brand{text-shadow:none}.brand .metu-logo.small{background:#ffffffdb;border-radius:14px;padding:6px 12px 7px;font-size:30px;box-shadow:0 4px 14px #003c551f}.brand .metu-logo.small .metu-mark{width:.64em;height:.64em;margin-bottom:-.06em;margin-left:.08em}.btn-primary,.way.enter{background:var(--brand);color:#fff;box-shadow:0 3px 0 var(--brand-deep), 0 8px 18px #01628933}.btn-primary:hover,.way.enter:hover{background:#0aacc8}.btn-teal{background:var(--brand-deep);box-shadow:0 3px #004a68}.btn-soft,.way.chats{color:var(--brand-deep);box-shadow:0 3px 0 var(--line);background:#e3f8fa}.ch-new{background:var(--accent)}.start input:focus,.cv-send .cv-text:focus{border-color:var(--brand)}@media (max-width:760px){.brand .metu-logo.small{padding:5px 10px 6px;font-size:24px}}.screen.start{--st-ink:#141414;--st-soft:#4d4d4d;--st-line:#1f1f1f;--st-hair:#d6d6d6;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;align-items:safe center;padding:40px 24px;overflow-y:auto}.screen.start .start-card{width:min(1120px,100%);box-shadow:none;color:var(--st-ink);background:0 0;border-radius:0;grid-template-columns:1.15fr 1fr;gap:72px;padding:0;overflow:visible}.screen.start .start-card:before{display:none}.screen.start h1{font-size:84px;line-height:.9}.screen.start h1 .metu-logo{color:var(--brand-deep)}.screen.start .tag{color:var(--st-ink);margin:14px 0 0;font-size:31px;line-height:1.1}.screen.start .tri{color:var(--brand-deep);margin:6px 0 0;font-size:27px;line-height:1.15}.screen.start .st-rule{background:var(--st-hair);border:0;height:1px;margin:26px 0 28px;position:relative;overflow:visible}.screen.start .st-rule:before{content:"";background:var(--accent);width:28px;height:3px;position:absolute;top:-1px;left:0}.screen.start p{color:var(--st-soft)}.screen.start .st-lead{font-family:var(--font-title);color:var(--st-ink);margin:0 0 10px;font-size:35px;font-style:italic;line-height:1.2}.screen.start .st-more{max-width:34em;margin:0 0 6px;font-size:15px;line-height:1.55}.screen.start label{letter-spacing:2px;color:var(--st-ink);margin:24px 0 6px;font-size:14px}.screen.start input{border:0;border-bottom:1.5px solid var(--st-line);font:500 24px var(--font-ui);color:var(--st-ink);background:#fff;border-radius:0;padding:8px 2px 10px 20px}.screen.start input:focus{border-color:var(--brand-deep)}.screen.start .looks{gap:14px}.screen.start .looks button{color:var(--st-ink);box-shadow:none;background:#fff;border:1.5px solid #0000;border-radius:14px;padding:12px 6px 10px;font-size:18px}.screen.start .looks button:hover{border-color:var(--st-hair)}.screen.start .looks button.sel{border-color:var(--st-line)}.screen.start .looks .sw{border-radius:13px;width:80%;height:26px;margin-bottom:8px}.screen.start .ways{gap:24px;margin-top:30px}.screen.start .way{border:1.5px solid var(--st-line);min-height:80px;color:var(--st-ink);box-shadow:none;background:#fff;border-radius:14px;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;padding:14px 52px 14px 28px;transition:background .15s;transform:none}.screen.start .way.enter{padding-right:24px}@media (min-width:1101px){.screen.start .way.enter b{white-space:nowrap}}.screen.start .way:hover{background:#f6f6f6;transform:none}.screen.start .way:active{background:#eee;transform:none}.screen.start .way:focus-visible{outline:2px solid var(--brand-deep);outline-offset:3px}.screen.start .way b{text-align:left;flex:0 auto;font-size:24px;font-weight:600;line-height:1.15}.screen.start .way .arr{flex:none;font-size:24px;line-height:1}.screen.start .way .ch-new{background:var(--accent);color:#fff;min-width:28px;height:28px;font:600 15px/28px var(--font-ui);text-align:center;box-shadow:none;border-radius:14px;padding:0 8px;font-style:normal;position:absolute;top:14px;right:14px}.screen.start .right{padding-top:118px}.screen.start .right h3{color:var(--st-ink);margin:0 0 22px;font-size:42px}.screen.start .controls-list{color:var(--st-ink);background:0 0;border-radius:0;gap:11px 30px;padding:0;font-size:17px;line-height:1.35}.screen.start .controls-list .key{border:1.5px solid var(--st-line);min-width:88px;box-shadow:none;font:600 16px var(--font-ui);color:var(--st-ink);background:#fff;border-radius:9px;padding:4px 10px}.screen.start .st-note{color:var(--st-soft);margin-top:26px;font-size:13px}.screen.start .start-acc{z-index:2;font:500 13px var(--font-ui);cursor:pointer;border:1px solid var(--st-hair);box-shadow:none;color:var(--st-ink);background:#fff;border-radius:99px;padding:6px 14px;position:absolute;top:-16px;right:0}@media (max-width:1100px){.screen.start .start-card{gap:48px}.screen.start h1{font-size:76px}.screen.start .st-lead{font-size:32px}.screen.start .way b,.screen.start .way .arr{font-size:22px}.screen.start .controls-list{gap:12px 22px;font-size:16px}.screen.start .controls-list .key{min-width:76px;font-size:15px}.screen.start .right h3{font-size:38px}}@media (max-width:760px){.screen.start{align-items:flex-start;padding:24px 16px 32px}.screen.start .start-card{grid-template-columns:1fr;gap:36px}.screen.start h1{font-size:62px}.screen.start .tag{font-size:26px}.screen.start .tri{font-size:22px}.screen.start .st-rule{margin:24px 0 26px}.screen.start .st-lead{font-size:27px}.screen.start label{margin-top:22px}.screen.start input{font-size:22px}.screen.start .looks{gap:6px}.screen.start .looks button{padding:10px 2px 8px;font-size:15px}.screen.start .ways{grid-template-columns:1fr;gap:14px;margin-top:28px}.screen.start .way{min-height:68px;padding:14px 22px}.screen.start .way b,.screen.start .way .arr{font-size:21px}.screen.start .right{padding-top:0}.screen.start .right h3{margin-bottom:18px;font-size:32px}.screen.start .controls-list{gap:12px 16px;font-size:15px}.screen.start .controls-list .key{min-width:64px;font-size:14px}}