@charset "UTF-8";
:root{--body-font:"Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif;--display-font:Georgia,"Batang",serif;color-scheme:light;--bg:#073e47;--panel:#f0ecd4;--panel-deep:#084852;--ink:#173f43;--muted:#61766a;--line:#a2b7a1;--gold:#efe3b7;--mint:#a9dfc7;--dark:#163e40;--paper:#f4efd7;--teal:#327e7c;--paper-texture:radial-gradient(ellipse at 20% 20%,#fff9e63b,transparent 65%),repeating-linear-gradient(105deg,#8b896205 0px,#8b896205 1px,transparent 1px,transparent 4px),linear-gradient(120deg,#f6f1d9,#e5e4c9 95%);font-family:var(--body-font);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;color:var(--ink);background:linear-gradient(180deg,#052e3c91 0%,#00344035 35%,#002a3570 100%),url('/assets/underwater-world.webp') center top/cover fixed,var(--bg)}
button,textarea,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;transition:filter .15s,transform .15s}button:disabled{cursor:default;opacity:.48}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e8c875;outline-offset:4px}button:hover:not(:disabled){filter:brightness(1.07)}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}
.skip-link{position:fixed;top:-80px;left:15px;background:var(--gold);color:var(--dark);padding:12px;z-index:99;border-radius:8px}.skip-link:focus{top:10px}
.topbar{max-width:1220px;min-height:112px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:20px 10px 18px;gap:24px;border-bottom:1px solid #d1e9d735;color:var(--gold)}
.brand{display:flex;gap:13px;align-items:center;font-family:var(--display-font);font-size:25px;font-weight:700;letter-spacing:-1px;text-shadow:0 3px 12px #003846}.brand b{font-weight:inherit;margin-left:3px}.brand small{display:block;font-family:var(--body-font);font-weight:400;font-size:10px;color:#dfdfc4;letter-spacing:2.5px;text-align:center;margin-top:6px}.brand-mark{display:grid;place-items:center;width:53px;height:42px;transform:rotate(-10deg)}.brand-mark svg{width:100%;fill:var(--gold);filter:drop-shadow(0 2px 3px #00333b55)}
.top-actions{display:flex;gap:24px;align-items:center}.text-button{background:none;color:inherit;font-size:12px;padding:9px 0}.guest-badge{display:flex;align-items:center;gap:9px;font-size:11px;color:#f2edcf;border:1px solid #c8e3cc75;border-radius:30px;padding:10px 15px;background:#043d4380;box-shadow:inset 0 0 12px #9fddc80c}.guest-badge i,.live-dot{width:6px;height:6px;background:var(--mint);display:block;border-radius:50%}
main{max-width:1220px;margin:auto;min-height:calc(100dvh - 222px);padding:0 10px 52px}.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:600;color:var(--teal);margin:0}
.welcome{display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:center;padding:42px 70px 34px 45px;position:relative;color:#f7f1d9}.welcome .eyebrow{color:#d3e6d1;letter-spacing:3px}.welcome h1{font-family:var(--display-font);font-weight:700;font-size:47px;line-height:1.5;letter-spacing:-2px;margin:20px 0 17px;text-shadow:0 4px 15px #00343d80}.welcome h1 em{font-style:normal;color:#c4edd5;position:relative}.welcome h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:5px;border-top:1px solid #b6d7ba95;border-bottom:1px solid #b6d7ba45;transform:rotate(-2deg)}.welcome-copy{font-size:13px;line-height:2;color:#dce9d5;text-shadow:0 2px 8px #063a42}.welcome-note{font-size:11px;margin:26px 0 0;color:#cee1bb}.welcome-note span{margin-right:8px}.welcome-art{position:relative;display:flex;align-items:center;flex-direction:column;isolation:isolate}.welcome-art>img{display:block;width:260px;height:auto;filter:drop-shadow(0 12px 10px #00232a55);transform:rotate(3deg);position:relative;z-index:1}.mascot-halo{position:absolute;inset:12% -3% 10%;border:1px solid #e1e6bc35;border-radius:50%;background:radial-gradient(circle,#9bdbb522,transparent 65%);transform:rotate(-12deg)}.mascot-halo:before{content:"";position:absolute;inset:14px;border:1px dashed #e1e6bc25;border-radius:50%}.welcome-art:before,.welcome-art:after{content:"";width:14px;height:14px;border:1px solid #d5f8e790;border-radius:50%;position:absolute;box-shadow:inset 2px 2px 3px #ecfff740}.welcome-art:before{left:10px;top:70px}.welcome-art:after{right:0;top:15px;width:22px;height:22px}.art-caption{position:relative;z-index:2;font-size:11px;color:#f2e9c8;display:block;text-align:center;letter-spacing:1px;margin-top:10px}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.section-title h2{font-size:16px;margin:0;font-weight:700;letter-spacing:-.4px}.section-title>span{font-size:11px;color:var(--muted)}.catalog>.section-title{color:var(--gold);padding:0 5px 13px;border-bottom:1px solid #d0e3c750;margin-top:10px}.catalog>.section-title>span{color:#d3e3cc}.catalog>.section-title h2:before{content:"◇";font-family:serif;color:#bce3c9;font-weight:400;margin-right:11px}
.case-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:22px}.case-card{position:relative;display:flex;gap:25px;padding:29px;border:3px solid #c8caa8;border-radius:22px 8px 22px 8px;background:var(--paper-texture);align-items:center;box-shadow:0 8px 20px #002c3860,inset 0 0 0 2px #6b9f91,inset 0 0 22px #8d9c6e30}.case-card:after{content:"";position:absolute;pointer-events:none;inset:9px;border:1px solid #6b9c8e85;border-radius:13px 3px 13px 3px}.cover-art{height:134px;width:118px;flex-shrink:0;background:radial-gradient(circle at 35% 25%,#488787,#12505a 90%);display:grid;place-items:center;position:relative;border:3px double #d2d5b1;border-radius:12px 4px;overflow:hidden;box-shadow:0 3px 5px #2a57452b}.cover-art:before{content:"?";font:italic 51px Georgia,serif;color:#ece7c6;border:1px solid #adc6b080;width:75px;height:75px;border-radius:50%;text-align:center;line-height:75px;text-shadow:0 2px 1px #153e3f}.cover-art:after{content:"✦";position:absolute;font-size:13px;color:#bbd2bb;right:11px;top:10px}.case-card-content{min-width:0;flex:1;z-index:1}.case-card-content h3{font-size:23px;font-weight:700;letter-spacing:-1px;margin:12px 0 10px}.case-card-content p{font-size:12px;color:#556f63;line-height:1.85;margin:8px 0;word-break:keep-all}.case-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:19px;flex-wrap:wrap}.case-card-bottom>span{font-size:10px;color:#6d7c66}.difficulty{font-size:9px;color:#3a7770;letter-spacing:1.3px}
.primary-button{background:linear-gradient(180deg,#d3f2d7,#9cdbc2);color:#164c4d;font-weight:700;font-size:12px;padding:12px 19px;border:1px solid #e0f4d7;border-radius:13px;box-shadow:0 2px 0 #4d8e82,0 3px 5px #174c391c,inset 0 0 0 1px #7db8a569;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:43px}.small-button{background:linear-gradient(#f6f2db,#dfdfbf);color:#285c58;border:1px solid #98b09a;border-radius:9px;padding:9px 14px;font-size:11px;min-height:40px;box-shadow:inset 0 0 0 2px #ffffed50}
.banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px;border:1px solid #e0d59c;background:#f4edcd;margin:24px 0 0;border-radius:12px;font-size:12px;box-shadow:0 4px 16px #00333b33}.banner p{margin:0;line-height:1.8}.notice{font-size:11px;color:#f0ebcc;line-height:1.9;margin-top:20px;padding:11px 16px;border:1px solid #adcdbb55;border-radius:10px;background:#033b4699}
.case-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:31px 8px 26px;color:#f4eed4}.case-heading .eyebrow{color:#c2ddc4}.case-heading h1{font-weight:700;font-size:31px;letter-spacing:-1.5px;margin:12px 0 11px;text-shadow:0 3px 8px #002e35}.case-intro{font-size:14px;line-height:1.8;margin:0 2px 14px;color:#234e46;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere}.question-tally{display:flex;align-items:baseline;gap:8px;flex-shrink:0;border:1px solid #d4dfbb60;border-radius:15px;padding:13px 20px;background:#0847506b;box-shadow:inset 0 0 0 3px #a3cab20c}.question-tally span{font-size:10px;color:#d3e1c6}.question-tally strong{font:31px Georgia,serif;font-weight:400;color:#f3e6b9}
.workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(350px,1fr);align-items:start;gap:24px}.evidence-column{min-width:0}.evidence{position:relative;background:var(--paper-texture);border:4px solid #cbcfaf;border-radius:24px 24px 18px 18px;overflow:hidden;box-shadow:inset 0 0 0 2px #6a9e91,0 8px 25px #002f3b66}.evidence:before{content:"❧";position:absolute;left:18px;top:0;font:31px Georgia,serif;color:#6e9a8a;pointer-events:none}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 22px 10px 56px;border-bottom:1px solid #a9b99a80}.panel-heading .eyebrow{font-size:9px;color:#5f8273;letter-spacing:1.6px}.panel-heading .text-button{font-size:10px;color:#3f756b}.scene{margin:0;padding:15px 16px 0}.scene-mat{background:linear-gradient(145deg,#194954,#0a303b);overflow:hidden;display:grid;place-items:center;aspect-ratio:8/5;border:1px solid #71998d;border-radius:15px 15px 7px 7px;box-shadow:0 0 0 3px #dde0bf}.scene img{display:block;width:100%;height:100%;max-height:450px;object-fit:contain}.scene-meta{display:flex;justify-content:space-between;gap:12px;padding:14px 2px;color:#607c6b;font-size:10px;letter-spacing:.4px}.scene-nav{display:flex;gap:8px;padding:0 18px 18px;flex-wrap:wrap}.scene-tab{border:1px solid #8fae9a;border-radius:7px;background:#e9ead0;color:#607d70;font-size:10px;min-height:34px;padding:8px 13px}.scene-tab[aria-current=true]{color:#f3efd6;border-color:#83a998;background:#377d76;box-shadow:inset 0 0 0 2px #649b8860}.scene-tab:disabled{opacity:.57}
.clues{position:relative;background:var(--paper-texture);border:2px solid #c5caaa;border-radius:14px 7px 14px 7px;padding:20px 22px;margin-top:18px;box-shadow:inset 0 0 0 1px #83a58f,0 5px 16px #002d3840}.clues .section-title{margin-bottom:12px}.clues .section-title h2{font-size:14px}.clues .section-title h2:before{content:"✧";color:#568e80;margin-right:7px}progress{appearance:none;display:block;width:100%;height:5px;border:0;background:#cbd4b8;border-radius:5px;margin:0 0 17px;overflow:hidden}progress::-webkit-progress-bar{background:#cbd4b8;border-radius:5px}progress::-webkit-progress-value{background:#4f9985;border-radius:5px;transition:width .4s}progress::-moz-progress-bar{background:#4f9985;border-radius:5px}.keywords{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.keyword{min-width:98px;min-height:37px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px dashed #a1b49a;color:#7a8b71;border-radius:7px;padding:9px 12px;font-size:11px;word-break:keep-all;background:#f8f3db55}.keyword.found{background:#d0e4c7;border:1px solid #81ad90;color:#2b6458;box-shadow:inset 0 0 0 2px #eaf0d680}.keyword .slot-icon{font-size:11px;opacity:.8}.stage-note{font-size:10px;line-height:1.9;color:#70816c;margin:14px 0 0;word-break:keep-all}.solved-card{margin-top:18px;background:var(--paper-texture);color:#285b4c;border:2px solid #b6caa5;border-radius:14px;padding:22px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;box-shadow:0 4px 18px #002e3340}.solved-card .eyebrow{color:#53856b;font-size:9px}.solved-card h2{font-size:15px;font-weight:700;margin:9px 0 0;line-height:1.8}
.dialogue{background:linear-gradient(150deg,#064b55d9,#033a45db);border:2px solid #b1c5a7;border-radius:22px 22px 16px 16px;min-width:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 25px #002d3966,inset 0 0 0 2px #7da89940}.dialogue-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 24px 12px;background:var(--paper-texture)}.dialogue-heading h2{font-family:var(--display-font);font-size:18px;font-weight:700;letter-spacing:-.5px;margin:9px 0 0}.dialogue-heading .eyebrow{font-size:8px;letter-spacing:1.8px}.live-dot{background:#5d9f7a;box-shadow:0 0 0 5px #89b5912b}.host{display:flex;align-items:center;padding:0 22px 12px 15px;gap:13px;background:var(--paper-texture);border-bottom:3px double #7ca994;min-height:118px;border-radius:0 0 32px 6px}.turtle{width:91px;height:auto;flex-shrink:0;overflow:visible;filter:drop-shadow(0 3px 2px #4b6b4624);transform-origin:50% 85%;align-self:flex-end;margin-top:-3px}.host-name{font-size:9px;letter-spacing:1px;color:#4d8d76}.host p{font-size:12px;line-height:1.85;color:#385d51;margin:7px 0 0;word-break:keep-all}.host[data-reaction=thinking] .turtle-body{animation:float 1.6s ease-in-out infinite}.host[data-reaction=guide] .turtle-body{animation:sway .45s ease-in-out 2}.host[data-reaction=discovered] .turtle-body,.host[data-reaction=solved] .turtle-body{animation:happy .6s ease-out 2}
.chat-log{list-style:none;padding:23px 22px 5px;margin:0;height:303px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#84aa96 transparent;overscroll-behavior:contain}.chat-empty{color:#d6e5cb;line-height:2;font-size:12px;max-width:290px;padding:12px 0 20px;word-break:keep-all}.chat-empty:before{content:"❧";display:block;color:#a9c9ac;font-size:29px;margin-bottom:8px}.chat-entry{margin-bottom:23px}.bubble-label{font-size:8px;letter-spacing:1px;display:block;margin-bottom:5px;opacity:.75}.user-bubble{margin-left:35px;background:linear-gradient(135deg,#3b9993,#267f7f);border:1px solid #9ed8bc;border-radius:15px 15px 3px 15px;padding:11px 14px;font-size:12px;line-height:1.9;overflow-wrap:anywhere;white-space:pre-wrap;color:#fbf6da;box-shadow:0 3px 0 #002e3630,inset 0 0 0 2px #afdfcc15}.user-bubble .bubble-label{color:#e9f1d5}.reply-bubble{position:relative;display:table;max-width:calc(100% - 25px);margin:13px 0 0 8px;padding:12px 17px;background:var(--paper-texture);border:1px solid #c9d2ae;border-radius:3px 16px 16px 16px;font-size:12px;line-height:1.9;overflow-wrap:anywhere;white-space:pre-wrap;color:#254f48;box-shadow:0 3px 4px #002e3430}.reply-bubble:before{content:"";position:absolute;left:-7px;top:-1px;border-top:10px solid #ecebd1;border-left:9px solid transparent}.reply-bubble .bubble-label{color:#47816b}.reply-bubble.invalid{color:#765b30}.chat-discovery{font-size:10px;line-height:1.8;color:#d9edbd;margin:10px 0 0 9px}.pending-bubble{opacity:.75}
.composer{border-top:1px solid #c5d4b3;padding:16px 19px 18px;margin-top:auto;background:var(--paper-texture)}.composer label{font-size:10px;color:#5f7e6c;display:block;margin-bottom:9px}.composer textarea{width:100%;resize:vertical;min-height:80px;max-height:200px;background:#fffbea80;border:1px solid #85ad96;border-radius:9px;padding:12px;color:#204f4d;font-size:12px;line-height:1.8;box-shadow:inset 0 2px 4px #486b4210}.composer textarea::placeholder{color:#819080}.composer textarea:disabled{background:#dce1ca8c;color:#7e8d7d}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.composer-bottom>span{font-size:9px;color:#7c8a72}.composer-bottom small{font:inherit}.composer-bottom .primary-button{font-size:12px;min-height:40px;padding:10px 17px;border-radius:11px}
.loading{padding:55px 0;color:#efebd2;font-size:12px;text-align:center}footer{max-width:1200px;margin:0 auto;padding:22px 0 28px;border-top:1px solid #d9e3c835;display:flex;align-items:baseline;gap:24px;color:#c6d9bf;font-size:10px;line-height:1.9}footer>span:first-child{color:#efe7c5;font-size:12px}footer p{margin:0}.footer-note{margin-left:auto}
dialog{width:min(710px,calc(100% - 32px));border:4px double #709d89;border-radius:22px 8px;background:var(--paper-texture);color:#244e46;padding:27px 32px;max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 24px 100px #001b25b3}dialog::backdrop{background:#002d38cf;backdrop-filter:blur(5px)}.reveal-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.reveal-top .eyebrow{font-size:8px;color:#5e8b74}.icon-button{background:transparent;color:inherit;font-size:28px;width:40px;min-height:40px;flex-shrink:0;border-radius:50%}.chapter-number{font:italic 18px Georgia,serif;color:#7d9876;margin:25px 0 8px}dialog h2{font:700 27px var(--display-font);letter-spacing:-1px;margin:10px 0 20px}#reveal-image{display:block;width:100%;border:1px solid #98b099;border-radius:10px}.reveal-copy{font-size:14px;line-height:2.1;white-space:pre-wrap;word-break:keep-all;margin:22px 0}.reveal-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #b4c1a3;margin-top:28px;padding-top:22px}.reveal-controls>span{font-size:11px;color:#6c876d}.image-dialog{width:min(1150px,calc(100% - 24px));background:#0a3e48;padding:14px 18px 20px;color:#f6efd4;border:2px solid #a6c4aa;border-radius:16px}.image-dialog>.icon-button{display:block;margin-left:auto}.image-dialog>img{display:block;width:100%;max-height:calc(100dvh - 120px);object-fit:contain;border-radius:8px}
@keyframes float{50%{transform:translateY(-4px) rotate(2deg)}}@keyframes sway{25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes happy{40%{transform:translateY(-7px) rotate(-4deg)}}
@media(min-width:1500px){body{background-size:100% auto;background-color:#043d47}.welcome{padding-top:50px;padding-bottom:40px}}
@media(max-width:1320px){.topbar,main,footer{margin-left:35px;margin-right:35px}.welcome{padding-left:30px;padding-right:40px;gap:40px}}
@media(max-width:1050px){.welcome{grid-template-columns:1fr 250px;gap:35px;padding:35px 15px}.welcome h1{font-size:40px}.welcome-art>img{width:225px}.workspace{grid-template-columns:minmax(0,1.1fr) minmax(320px,1fr);gap:18px}.scene{padding:13px 13px 0}.scene-nav{padding:0 14px 16px}.dialogue-heading{padding:20px 18px 12px}.host{padding:0 14px 10px;gap:9px}.turtle{width:82px}.chat-log{padding:18px;height:290px}.composer{padding:15px}.composer-bottom small{display:none}.question-tally{padding:12px 16px}.footer-note{display:none}.case-card{gap:20px}.cover-art{width:115px;height:130px}.case-card-bottom{gap:10px}}
@media(max-width:760px){body{background-position:center top;background-size:auto 100dvh;background-attachment:fixed}.topbar,main,footer{margin-left:18px;margin-right:18px}.topbar{min-height:91px;padding:15px 0;gap:12px}.brand{font-size:20px;gap:8px;letter-spacing:-1px}.brand-mark{width:39px;height:33px}.brand small{font-size:8px;letter-spacing:1.8px;margin-top:5px}.brand b{margin-left:1px}.top-actions{gap:12px}.top-actions .text-button{font-size:10px}.guest-badge{font-size:9px;padding:8px 10px;gap:6px}.guest-badge i{width:5px;height:5px}main{padding:0 0 35px}.welcome{grid-template-columns:minmax(0,1fr) 125px;padding:35px 0 32px;gap:5px}.welcome .eyebrow{font-size:7px;letter-spacing:1.3px}.welcome h1{font-size:30px;line-height:1.55;letter-spacing:-1.7px;margin:16px 0 15px}.welcome h1 em:after{bottom:-5px;height:4px}.welcome-copy{font-size:11px;line-height:1.95}.welcome-note{font-size:10px;margin-top:20px}.welcome-note span{margin-right:3px}.welcome-art{align-self:center;margin-top:35px}.welcome-art>img{width:130px}.mascot-halo{inset:15% -5% 10%}.art-caption{font-size:8px;letter-spacing:0;white-space:nowrap;margin-top:7px}.welcome-art:before{width:9px;height:9px;left:0;top:20px}.welcome-art:after{width:13px;height:13px;right:0;top:-10px}.catalog>.section-title{margin-top:0;padding-bottom:12px}.section-title h2{font-size:14px}.section-title>span{font-size:10px}.case-list{gap:16px}.case-card{padding:22px 20px;gap:17px;border-radius:20px 7px}.cover-art{height:116px;width:85px;border-width:2px}.cover-art:before{width:60px;height:60px;font-size:43px;line-height:60px}.cover-art:after{font-size:10px;right:6px;top:6px}.case-card-content h3{font-size:20px;margin-top:9px}.case-card-content p{font-size:11px;line-height:1.85}.difficulty{font-size:8px;letter-spacing:.9px}.case-card-bottom{align-items:flex-start;gap:12px;flex-direction:column;margin-top:13px}.case-card-bottom>span{font-size:9px}.case-card-bottom .primary-button{font-size:11px;min-height:38px;padding:9px 14px;border-radius:10px}.case-heading{padding:27px 1px 22px;gap:13px;align-items:flex-start}.case-heading .eyebrow{font-size:8px;letter-spacing:1px}.case-heading h1{font-size:27px;margin-top:12px;line-height:1.5}.case-intro{font-size:13px}.question-tally{padding:10px 12px;gap:4px;flex-wrap:wrap;max-width:77px;justify-content:center;margin-top:3px;border-radius:12px}.question-tally span:first-child{width:100%;text-align:center;font-size:9px;white-space:nowrap}.question-tally strong{font-size:26px}.question-tally span{font-size:9px}.workspace{grid-template-columns:1fr;gap:21px}.scene-mat{max-height:410px;aspect-ratio:8/5}.evidence{border-width:3px;border-radius:23px 23px 15px 15px}.evidence:before{font-size:27px;left:15px}.panel-heading{padding:10px 16px 8px 48px}.panel-heading .eyebrow{font-size:8px}.scene{padding:13px 12px 0}.scene-meta{padding:12px 2px;font-size:9px}.scene-nav{padding:0 14px 14px;gap:6px}.scene-tab{font-size:10px;min-height:33px;padding:8px 12px}.clues{padding:18px;margin-top:16px}.clues .section-title h2{font-size:13px}.keyword{min-width:91px;font-size:10px;padding:8px 10px;min-height:35px}.keywords{gap:7px}.dialogue{border-radius:20px 20px 15px 15px}.dialogue-heading{padding:20px 20px 10px}.dialogue-heading h2{font-size:18px}.host{padding:0 18px 11px 14px;gap:13px;min-height:111px}.turtle{width:85px}.host p{font-size:12px}.chat-log{height:290px;padding:19px 18px}.composer{padding:16px}.composer textarea{font-size:16px;min-height:89px;padding:10px 12px}.composer label{font-size:10px}.composer-bottom .primary-button{font-size:12px;min-height:42px}.composer-bottom>span{font-size:9px}.stage-note{font-size:10px}.solved-card{padding:18px}.solved-card h2{font-size:14px}.banner{gap:12px;padding:14px;font-size:11px;align-items:flex-start}.banner .small-button{flex-shrink:0;font-size:10px;padding:8px 11px}.notice{font-size:10px;padding:11px 13px}.solved-card .primary-button{width:100%}footer{flex-direction:column;gap:6px;padding:19px 0 24px}footer p{font-size:9px;max-width:310px}dialog{padding:20px}.reveal-copy{font-size:13px}.reveal-controls .primary-button,.reveal-controls .small-button{font-size:11px;padding:10px 12px}}
@media(max-width:430px){.topbar,main,footer{margin-left:14px;margin-right:14px}.brand{font-size:18px;gap:6px}.brand-mark{width:33px}.brand small{font-size:7px;letter-spacing:1.7px}.top-actions{gap:9px}.guest-badge{padding:7px 9px;font-size:8px}.top-actions .text-button{font-size:9px}.welcome{grid-template-columns:minmax(0,1fr) 108px}.welcome h1{font-size:26px}.welcome-art>img{width:113px}.welcome-copy{font-size:10px;letter-spacing:-.3px}.welcome .eyebrow{font-size:6px;letter-spacing:1.1px}.art-caption{font-size:7px}.case-card{padding:22px 18px;gap:14px}.cover-art{width:70px;height:108px}.cover-art:before{width:51px;height:51px;line-height:51px;font-size:37px}.case-card-content h3{font-size:19px}.case-heading h1{font-size:25px}.case-card-content p{font-size:10px}.case-card-bottom>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Account notebook shares the parchment visual system. */
.rankings-dialog{width:min(760px,calc(100% - 28px))}.ranking-toolbar{display:flex;align-items:flex-end;gap:15px;justify-content:space-between}.ranking-toolbar label{font-size:12px;flex:1;min-width:0}.ranking-toolbar select{display:block;width:100%;max-width:100%;margin-top:8px;padding:11px;border:1px solid #8ca58f;border-radius:8px;background:#fff9e9;color:#244e46;min-height:43px}.ranking-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.ranking-table caption{text-align:left;font-size:11px;color:#607969;margin:8px 0 12px}.ranking-table th{text-align:left;color:#506f60;font-size:11px}.ranking-table th,.ranking-table td{padding:12px 6px;border-bottom:1px solid #a6b69c88;overflow-wrap:anywhere}.ranking-table th:nth-child(2){width:43%}.ranking-table th:last-child,.ranking-table td:last-child{text-align:right}.ranking-me{background:#b8d9bb55;font-weight:700}.ranking-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0}.ranking-pagination>span{font-size:11px;color:#607969}#ranking-nearby{border-top:1px solid #9fb39a;padding-top:15px}#ranking-nearby h3{font-size:15px}.ranking-rules{font-size:12px;line-height:1.9;margin-top:22px;border-top:1px solid #9fb39a;padding-top:18px}.ranking-rules summary{cursor:pointer;font-weight:700}.record-score{font-weight:700;color:#306c5f!important}
@media(max-width:430px){.top-actions{gap:15px}.rankings-dialog{padding:18px 14px}.ranking-table{font-size:11px}.ranking-table th,.ranking-table td{padding:11px 4px}.ranking-toolbar{gap:10px}.ranking-toolbar select{font-size:12px}.ranking-pagination .small-button{padding:9px 12px}}
.top-actions{flex-wrap:wrap;justify-content:flex-end}.guest-badge{max-width:210px}.guest-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy{font-size:13px;line-height:1.95;color:#3f645c;white-space:pre-wrap}.account-dialog,.records-dialog{width:min(660px,calc(100% - 28px))}.google-button{margin:14px 0;display:inline-flex}#nickname-form label{display:block;font-size:13px;margin:20px 0 10px}#nickname{width:100%;padding:12px;border:1px solid #809e8b;background:#fff9e9;border-radius:8px;color:#173f43;font-size:16px;min-height:45px}.field-help{font-size:10px;color:#607969;line-height:1.8}.logout-button{margin-top:25px}.record-list{display:grid;gap:13px}.record-card{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #a4b39a;border-radius:12px;padding:15px;background:#fff9e580}.record-card h3{font-size:16px;margin:0 0 7px}.record-card p{font-size:11px;line-height:1.7;margin:4px 0;color:#506d5c}.record-card .small-button{flex-shrink:0}.empty-catalog{min-height:155px;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}.empty-catalog h3{font-family:var(--display-font);font-size:23px;margin:0 0 7px}.empty-catalog p{font-size:12px;color:#607469;line-height:1.8;margin:0}.solved-card #save-account{width:100%;margin-top:8px}
.publishing-dialog{width:min(1080px,calc(100% - 28px))}.publishing-toolbar,.publishing-subheading,.publishing-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.publishing-toolbar{padding:0 0 18px;border-bottom:1px solid #9fb39a}.publishing-row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.publishing-row-actions .small-button,.publishing-row-actions .primary-button{min-height:42px}.publishing-toolbar .primary-button{margin-left:auto}.publishing-toolbar [aria-pressed=true]{background:#2d695e;color:#f4efd6}.publishing-dialog h3{font-family:var(--display-font);font-size:19px;margin:22px 0 14px}.publishing-dialog h4{font-size:14px;margin:0 0 15px}.publishing-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.publishing-list-row{padding:16px;border:1px solid #a4b39a;border-radius:12px;background:#fff9e580;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.publishing-list-row strong{font-size:13px;overflow-wrap:anywhere}.publishing-list-row p{font-size:10px;color:#607969;line-height:1.8;margin:7px 0 0}.publishing-list-row .small-button{flex-shrink:0;min-height:40px}.publishing-editor{margin-top:26px;border-top:3px double #8ca58f;padding-top:8px}.publishing-editor-heading p{font-size:11px;color:#607969}.publishing-save-state{font-size:11px;line-height:1.9;color:#496f5e;margin:10px 0 22px}.publishing-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.publishing-field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:12px;line-height:1.9}.publishing-field:has(textarea){grid-column:1/-1}.publishing-field input,.publishing-field select,.publishing-field textarea{width:100%;min-height:44px;border:1px solid #809e8b;border-radius:8px;background:#fffbecb0;color:#173f43;padding:11px 12px;font-family:inherit;font-size:14px;line-height:1.8}.publishing-field textarea{resize:vertical;min-height:105px}.publishing-field input:disabled,.publishing-field select:disabled,.publishing-field textarea:disabled{color:#526b5a;background:#dce1ca77;opacity:1}.publishing-keywords{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.publishing-keyword,.publishing-scene{background:#fffae66e;border:1px solid #a4b39a;border-radius:14px;padding:19px;min-width:0}.publishing-keyword .publishing-field+.publishing-field{margin-top:12px}.publishing-keyword>.small-button{margin-top:14px}.publishing-upload{border:1px dashed #809e8b;padding:16px;border-radius:12px;margin:18px 0}.publishing-upload input{background:#fff9e6}.publishing-upload small{font-size:10px;color:#607969}.publishing-scenes{display:grid;gap:17px}.publishing-scene>img{display:block;max-width:100%;max-height:420px;width:auto;height:auto;object-fit:contain;border-radius:8px;border:1px solid #a4b39a;background:#dce1ca}.publishing-scene-keywords{border:0;padding:10px 0 18px;margin:0;display:flex;gap:12px 20px;flex-wrap:wrap}.publishing-scene-keywords legend{font-size:12px;padding:8px 0}.publishing-scene-keywords label{font-size:12px;display:flex;align-items:center;gap:8px;min-height:35px;overflow-wrap:anywhere}.publishing-scene-keywords input{width:18px;height:18px;accent-color:#2d695e;flex-shrink:0}.publishing-scene>.publishing-row-actions{margin-top:15px}.publishing-save-actions{margin:22px 0}.publishing-warning{background:#e8dfb080;color:#6b5a30;border-left:3px solid #9c8b56;padding:12px 15px;font-size:12px;line-height:1.95}.publishing-feedback{font-size:12px;line-height:1.9;min-height:1.9em;white-space:pre-wrap;overflow-wrap:anywhere}.publishing-feedback[data-error=true]{color:#8b362b}.publishing-history{margin:24px 0 0;border-top:1px solid #a4b39a;padding-top:18px;font-size:12px;line-height:1.9}.publishing-history summary{cursor:pointer;font-weight:700}.publishing-history ol{padding-left:22px}.publishing-history li{margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}#publishing-note-wrap{margin:18px 0}
@media(max-width:760px){.publishing-dialog{padding:20px 16px}.publishing-toolbar{align-items:stretch;gap:12px}.publishing-toolbar>.publishing-row-actions{width:100%}.publishing-toolbar .primary-button{margin-left:0}.publishing-list,.publishing-keywords,.publishing-fields{grid-template-columns:minmax(0,1fr)}.publishing-dialog h2{font-size:25px}.publishing-dialog h3{font-size:17px}.publishing-list-row{padding:13px}.publishing-field input,.publishing-field textarea,.publishing-field select{font-size:16px}.publishing-keyword,.publishing-scene{padding:15px}.publishing-editor-heading{gap:0}.publishing-editor-heading p{margin-top:0}.publishing-toolbar .small-button,.publishing-toolbar .primary-button,.publishing-row-actions .small-button,.publishing-row-actions .primary-button{font-size:11px;padding:10px 13px}.publishing-warning{font-size:11px}.publishing-scene>img{max-height:300px}}
@media(max-width:760px){.topbar{flex-wrap:wrap;gap:12px;justify-content:center}.top-actions{width:100%;justify-content:center;gap:20px;padding-bottom:6px}.guest-badge{max-width:170px}.record-card{gap:10px;padding:12px}.record-card h3{font-size:14px}.record-card .small-button{font-size:10px;padding:8px 10px}.account-copy{font-size:12px}.empty-catalog h3{font-size:21px}.empty-catalog p{font-size:11px}}
.play-community-link{display:flex;justify-content:flex-end;margin:-8px 0 22px}.community-dialog{width:min(780px,calc(100% - 28px))}.community-toolbar,.community-counts,.community-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px}.community-toolbar{align-items:flex-end}.community-toolbar label{font-size:12px;flex:1;min-width:0}.community-toolbar select{display:block;width:100%;margin-top:8px;padding:11px;border:1px solid #8ca58f;border-radius:8px;background:#fff9e9;color:#244e46;min-height:44px}.community-feedback{font-size:12px;line-height:1.9;min-height:1.9em;white-space:pre-wrap;overflow-wrap:anywhere}.community-feedback[data-error=true]{color:#8b362b}.community-summary{font-size:12px;line-height:1.9;overflow-wrap:anywhere}.community-counts{font-size:13px;padding:14px 0;border-top:3px double #9fb39a;border-bottom:1px solid #a6b69c88}.community-counts [aria-pressed=true]{background:#2d695e;color:#f4efd6}.community-list{display:grid;gap:14px;margin:22px 0}.community-comment{padding:18px;border:1px solid #a4b39a;border-radius:13px;background:#fff9e580;min-width:0}.community-comment-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;overflow-wrap:anywhere}.community-comment-heading>span{font-size:10px;color:#607969}.community-comment-state{font-size:11px;line-height:1.8;color:#6b5a30;margin:10px 0}.community-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.95;margin:17px 0;color:#244e46}.community-locked{font-size:12px;line-height:1.9;color:#607969;margin:16px 0}.community-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.community-actions .small-button{font-size:11px;min-height:40px;padding:9px 13px}.community-pagination{font-size:11px;color:#607969;margin:20px 0 28px}.community-compose{border-top:3px double #9fb39a;padding-top:22px}.community-compose label,.community-edit label{display:block;font-size:12px;margin-bottom:10px}.community-compose textarea,.community-edit textarea{width:100%;min-height:110px;resize:vertical;border:1px solid #809e8b;border-radius:9px;background:#fffbecb0;color:#173f43;padding:12px;font-family:inherit;font-size:14px;line-height:1.9}.community-compose textarea:disabled,.community-edit textarea:disabled{background:#dce1ca77;color:#526b5a}.community-compose .primary-button{display:block;margin-left:auto}.community-edit{border-top:1px solid #a6b69c88;padding-top:17px;margin-top:17px}.case-card-bottom{flex-wrap:wrap}.case-card-bottom>.small-button{min-height:40px}
@media(max-width:760px){.community-dialog{padding:20px 16px}.community-dialog h2{font-size:25px}.community-toolbar{gap:10px}.community-toolbar select,.community-compose textarea,.community-edit textarea{font-size:16px}.community-toolbar .small-button{font-size:11px;padding:10px 12px;flex-shrink:0}.community-comment{padding:14px}.community-comment-heading{gap:7px}.community-body{font-size:13px}.community-counts{font-size:12px}.community-pagination .small-button{font-size:11px;padding:10px 12px}.play-community-link{margin:0 0 19px}.play-community-link .small-button{font-size:11px}.top-actions{column-gap:17px;row-gap:10px}}

.plan-card{border:1px solid #b9b590;border-radius:16px;padding:20px;margin:18px 0;background:rgba(234,228,190,.5)}
#surrender-open{margin:12px 0;color:#745947}
#end-advertising{max-width:36ch}
#surrender-dialog .composer-bottom{gap:12px;flex-wrap:wrap}
@media(max-width:430px){.mascot-halo{inset-inline:0}}

.billing-check{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;line-height:1.65;margin:16px 0}.billing-check input{width:20px;min-width:20px;height:20px;margin-top:4px}.billing-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}#billing-payments{padding-left:18px}#billing-panel h4{margin:20px 0 8px}#billing-panel details{margin-top:14px}