:root{font-family:Inter,"Noto Sans TC",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e8f2f4;background:#071827;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.ocean-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 10%,#15455a80,transparent 36%),radial-gradient(ellipse at 10% 70%,#123c5370,transparent 35%);z-index:-1}.site-shell{max-width:1480px;margin:auto}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,74px);border-bottom:1px solid #ffffff1a}.brand{display:flex;gap:12px;align-items:center;text-decoration:none}.brand-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid #67c8d2;color:#78dbe1;border-radius:12px;font-size:25px}.brand strong{display:block;font-family:Georgia,"Noto Serif TC",serif;font-size:21px;letter-spacing:.05em}.brand small{display:block;color:#7ea8af;font-size:9px;font-weight:800;letter-spacing:.28em;margin-top:3px}.top-actions{display:flex;align-items:center;gap:16px}.model-pill,.energy-pill{display:inline-flex;align-items:center;gap:9px;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:.1em}.model-pill{color:#a8c5ca}.online-dot{height:7px;width:7px;border-radius:50%;background:#6ed7b9;box-shadow:0 0 12px #6ed7b9}.energy-pill{padding:11px 17px;border:1px solid #67c8d267;background:#164b5a;color:#d5fbf1}.energy-pill:hover{background:#236979}.hero{min-height:510px;display:grid;grid-template-columns:1.06fr .94fr;border-bottom:1px solid #ffffff1a}.hero-copy{padding:90px clamp(28px,6vw,88px) 80px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow,.section-kicker{color:#73c6cc;font-size:10px;font-weight:800;letter-spacing:.3em}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow-line{width:25px;height:1px;background:#5daeb6}.hero h1{font-family:Georgia,"Noto Serif TC",serif;font-weight:400;font-size:clamp(45px,5.7vw,83px);letter-spacing:-.045em;line-height:1.2;margin:24px 0}.hero h1 em{color:#8ce0d7;font-style:normal}.hero p{max-width:490px;color:#9eb8c1;line-height:1.9;font-size:15px;margin:0}.hero-link{display:inline-flex;gap:40px;align-items:center;margin-top:31px;background:#a8e9dd;color:#0b2c3e;padding:15px 20px;text-decoration:none;border-radius:7px;font-size:13px;font-weight:800}.hero-link:hover{background:#cff9ee}.hero-art{position:relative;overflow:hidden;min-height:500px;background:linear-gradient(155deg,#12384a 2%,#0c2e40 42%,#061a2b 100%);border-left:1px solid #ffffff19}.hero-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 53% 46%,#74d7d021,transparent 32%),repeating-linear-gradient(110deg,#ffffff06 0 1px,transparent 1px 70px)}.moon{position:absolute;width:190px;height:190px;border-radius:50%;top:21%;left:41%;background:radial-gradient(circle at 40% 40%,#b8eee4,#77b7b9 65%,#4c8598);box-shadow:0 0 90px #76d6c454,0 0 220px #76d6c42b}.ring{position:absolute;border:1px solid #93e5d75a;border-radius:50%;transform:rotate(-21deg)}.ring-one{width:500px;height:220px;left:11%;top:29%}.ring-two{width:360px;height:120px;left:23%;top:41%}.sea-line{position:absolute;width:130%;height:160px;left:-15%;border-top:1px solid #8dc5d555;border-radius:50%}.sea-line-one{top:65%;transform:rotate(-4deg)}.sea-line-two{top:72%;transform:rotate(7deg)}.star{position:absolute;color:#b1efdf}.star-one{left:20%;top:21%;font-size:22px}.star-two{right:16%;top:34%;font-size:28px}.art-caption{position:absolute;left:7%;right:7%;bottom:25px;display:flex;justify-content:space-between;color:#a5c6c6;font-size:9px;font-weight:800;letter-spacing:.22em}.game-section{padding:78px clamp(20px,5vw,74px) 90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.section-heading h2,.rules h2{font:400 clamp(29px,3.2vw,43px)/1.3 Georgia,"Noto Serif TC",serif;margin:9px 0 0}.section-heading>p{font-size:13px;color:#8eabb4}.game-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:20px}.puzzle-list{display:flex;flex-direction:column;gap:11px}.puzzle-card,.loading-card{width:100%;min-height:115px;text-align:left;border:1px solid #ffffff1c;border-radius:12px;padding:19px 20px;background:#102c3c;color:#d7e7e9;transition:.2s}.puzzle-card:hover{border-color:#83d4d080;transform:translateY(-2px)}.puzzle-card.active{border-color:#77d5d0;background:#164453;box-shadow:inset 3px 0 0 #8ee8d6}.puzzle-card-top{display:flex;justify-content:space-between;color:#79b5bb;font-size:10px;font-weight:800;letter-spacing:.17em}.puzzle-card strong{display:block;font-family:Georgia,"Noto Serif TC",serif;font-size:20px;font-weight:400;margin-top:14px}.puzzle-card-bottom{display:flex;justify-content:space-between;margin-top:10px;color:#85a6af;font-size:11px}.puzzle-card .solved-tag{color:#98e3bd}.play-column{min-width:0}.story-card{position:relative;overflow:hidden;padding:33px 38px 22px;background:linear-gradient(120deg,#214b58,#163847 70%);border:1px solid #69bcc155;border-radius:14px;min-height:260px}.story-card:after{content:"◈";position:absolute;right:-18px;top:-50px;font-size:230px;color:#b4efe30b}.story-meta{display:flex;gap:12px;align-items:center}.case-label{color:#9de6da;font-size:10px;font-weight:900;letter-spacing:.2em}.difficulty{border:1px solid #9de6da55;color:#b7ddd8;border-radius:99px;padding:4px 9px;font-size:10px}.story-ornament{position:absolute;right:32px;top:7px;color:#9ce6da55;font:90px Georgia,serif}.story-card h3{font:400 clamp(26px,3vw,35px) Georgia,"Noto Serif TC",serif;margin:22px 0 10px}.story-card>p{max-width:700px;color:#d0e3e4;line-height:1.85;margin:0 0 24px;font-size:15px}.story-footer{border-top:1px solid #ffffff29;padding-top:13px;color:#95bfc2;font-size:11px}.story-footer span{font-size:18px;margin-right:5px}.dialogue-card{margin-top:17px;background:#0d2737;border:1px solid #ffffff1d;border-radius:14px;padding:25px 28px;min-height:230px}.dialogue-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff19;padding-bottom:14px}.dialogue-header h3{font:400 22px Georgia,"Noto Serif TC",serif;margin:5px 0 0}.dialogue-header .section-kicker{margin:0}.host-badge{font-size:10px;color:#a5dcd3;background:#1b4a54;border-radius:99px;padding:7px 11px}.transcript{max-height:450px;overflow-y:auto;padding-top:16px;display:flex;flex-direction:column;gap:11px}.empty-state{text-align:center;color:#8daeb5;padding:18px}.empty-state span{color:#9fe5dd;font-size:28px}.empty-state p{line-height:1.7;font-size:13px}.turn{display:flex;flex-direction:column;gap:5px}.turn-player{align-self:flex-end;max-width:85%;background:#245161;color:#e6f9f5;border-radius:12px 12px 3px 12px;padding:11px 14px;line-height:1.5;font-size:13px}.turn-host{align-self:flex-start;display:flex;gap:9px;align-items:flex-start;max-width:85%;color:#d0e3e5;font-size:13px;line-height:1.55}.turn-host i{font-style:normal;color:#93e0d5}.turn-hint{align-self:center;color:#f1d798;background:#5a48314d;border:1px solid #ae8a5655;border-radius:9px;padding:9px 13px;font-size:12px}.solution{margin-top:16px;padding:17px 19px;background:#2b634d6b;border:1px solid #a9e5bc69;border-radius:10px;color:#d8ffe4;line-height:1.7}.solution strong{display:block;margin-bottom:4px}.composer{margin-top:17px;padding:18px;background:#0e2b3b;border:1px solid #ffffff24;border-radius:14px}.composer-top,.composer-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.mode-switch{display:flex;gap:6px}.mode,.hint-button{border:0;border-radius:7px;background:transparent;color:#a5bbc3;padding:8px 11px;font-size:12px}.mode.active{background:#2d5e66;color:#e0fff4}.mode span,.hint-button span{font-size:10px;opacity:.7}.hint-button:hover,.mode:hover{color:#fff;background:#204855}.composer textarea{margin-top:12px;width:100%;resize:vertical;min-height:90px;background:#071f2e;color:#e8f9f5;border:1px solid #ffffff25;border-radius:9px;padding:14px;outline:none;line-height:1.6}.composer textarea:focus{border-color:#84d7d0}.composer textarea::placeholder{color:#6f99a4}.composer-bottom{margin-top:10px}.composer-bottom>span{color:#779fa9;font-size:11px}.send-button{border:0;background:#99e5d8;color:#073044;border-radius:7px;padding:11px 15px;font-size:12px;font-weight:800}.send-button:hover{background:#c8f8e9}.send-button:disabled,.hint-button:disabled{opacity:.45;cursor:not-allowed}.rules{display:grid;grid-template-columns:1fr 1.8fr;gap:35px;padding:55px clamp(20px,5vw,74px);background:#0d2939;border-top:1px solid #ffffff1a}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.rule-grid>div{border-top:1px solid #5eaaa95c;padding-top:13px}.rule-grid span{color:#75c8c5;font-size:11px;font-weight:900}.rule-grid h3{font:400 19px Georgia,"Noto Serif TC",serif;margin:12px 0 7px}.rule-grid p{font-size:12px;color:#8daab3;line-height:1.65;margin:0}footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(20px,5vw,74px);color:#7199a5;font-size:10px;letter-spacing:.08em}dialog{width:min(440px,calc(100% - 30px));border:1px solid #79cfc685;border-radius:16px;background:#123543;color:#e3f2f0;padding:24px;box-shadow:0 30px 90px #0009}dialog::backdrop{background:#01111bcc;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-icon{font-size:28px;color:#b2f0d9}.close-dialog{background:transparent;border:0;color:#a6c0c6;font-size:25px}.dialog-top+ h2{font:400 27px Georgia,"Noto Serif TC",serif;margin:10px 0}.dialog-top~p{color:#a2bcc2;font-size:13px;line-height:1.7}.reward-button{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:9px;padding:13px;border-radius:8px;border:1px solid #79cfc666;background:#1d5260;color:#dff9f0;text-align:left;font-size:13px}.reward-button:hover{background:#286878}.reward-button:disabled{opacity:.5;cursor:not-allowed}.reward-button small{display:block;color:#a8c6c7;margin-top:3px}.dialog-note{border-top:1px solid #ffffff29;padding-top:12px}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%) translateY(15px);opacity:0;pointer-events:none;background:#d7f7ec;color:#0b3040;padding:12px 17px;border-radius:9px;box-shadow:0 12px 30px #0008;font-size:13px;transition:.2s;z-index:10;max-width:calc(100% - 30px);text-align:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid #baf4e8;outline-offset:3px}
@media(max-width:900px){.model-pill{display:none}.hero{grid-template-columns:1fr}.hero-copy{min-height:430px;padding:70px 30px}.hero-art{min-height:270px;border-left:0;border-top:1px solid #ffffff19}.moon{width:130px;height:130px;top:19%;left:43%}.ring-one{left:15%;top:23%}.ring-two{left:20%;top:32%}.game-layout{grid-template-columns:1fr}.puzzle-list{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));overflow-x:auto;scrollbar-width:none}.puzzle-list::-webkit-scrollbar{display:none}.rules{grid-template-columns:1fr}}
@media(max-width:600px){.topbar{height:72px;padding:0 18px}.brand-icon{width:35px;height:35px}.brand strong{font-size:17px}.brand small{font-size:7px}.energy-pill{font-size:11px;padding:9px 12px}.hero-copy{min-height:390px;padding:52px 23px}.hero h1{font-size:47px}.hero p{font-size:13px}.hero-art{min-height:205px}.moon{width:105px;height:105px;left:42%;top:18%}.ring-one{width:370px;height:160px;top:18%;left:-1%}.ring-two{width:240px;height:90px;left:20%;top:35%}.game-section{padding:55px 16px}.section-heading{align-items:start}.section-heading>p{display:none}.puzzle-list{grid-template-columns:repeat(3,205px);gap:9px;padding-bottom:7px}.puzzle-card{min-height:105px;padding:15px}.story-card{padding:25px 22px}.story-card h3{font-size:29px}.story-card>p{font-size:13px}.dialogue-card{padding:20px 17px}.composer{padding:13px}.composer-bottom>span{max-width:45%;line-height:1.4}.rules{padding:45px 20px}.rule-grid{gap:12px}.rule-grid h3{font-size:16px}.rule-grid p{font-size:11px}footer{padding:25px 20px;flex-direction:column;gap:5px}}