:root{
  --ink:#173a4d;--ink-2:#315668;--cream:#f7f2e8;--paper:#fffdf8;--coral:#ed6a5a;
  --sun:#f4bf3a;--mint:#72b8a3;--sky:#6aa9c8;--violet:#8879ad;--line:#d9d4c8;
  --good:#2e9b70;--bad:#d9534f;--shadow:0 16px 38px rgba(23,58,77,.13);--radius:18px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;min-height:100vh}button,input{font:inherit}button{color:inherit}.paper-texture{position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:radial-gradient(#173a4d 0.55px,transparent .55px);background-size:8px 8px;z-index:-1}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px);border-bottom:1px solid rgba(23,58,77,.14);background:rgba(247,242,232,.94);position:sticky;top:0;z-index:30;backdrop-filter:blur(10px)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink)}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--ink);color:var(--cream);border-radius:12px 12px 12px 4px;font-weight:900;font-family:Georgia,serif;font-size:24px;transform:rotate(-3deg)}.brand strong{display:block;font-size:18px;letter-spacing:.06em}.brand small{display:block;font-size:9px;letter-spacing:.19em;margin-top:2px;color:var(--ink-2)}.top-actions{display:flex;gap:10px;align-items:center}.quiet-btn,.icon-btn,.soft-btn,.upload-btn,.filter-chip,.text-btn,.back-btn{border:1px solid rgba(23,58,77,.2);background:rgba(255,253,248,.75);cursor:pointer;transition:.18s ease}.quiet-btn{height:42px;padding:0 14px;border-radius:12px;display:flex;gap:9px;align-items:center}.quiet-btn b{display:grid;place-items:center;min-width:24px;height:24px;border-radius:7px;background:var(--sun)}.icon-btn{width:42px;height:42px;border-radius:12px;font-size:21px}.quiet-btn:hover,.icon-btn:hover,.soft-btn:hover,.filter-chip:hover{background:#fff;transform:translateY(-1px)}.hero{min-height:500px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;max-width:1280px;margin:auto;padding:64px clamp(22px,5vw,76px) 48px}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;color:var(--coral)}.hero h1{font-size:clamp(48px,6.8vw,88px);line-height:.98;letter-spacing:-.055em;margin:0;font-weight:850}.hero h1 em{font-style:normal;color:var(--coral);font-family:Georgia,"Songti SC",serif;font-weight:700}.hero-note{max-width:520px;font-size:17px;line-height:1.75;color:var(--ink-2);margin:26px 0}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.primary-btn{border:0;background:var(--ink);color:white;border-radius:13px;padding:15px 20px;font-weight:800;cursor:pointer;box-shadow:0 7px 0 #0d2937;transition:.15s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 9px 0 #0d2937}.primary-btn:active{transform:translateY(4px);box-shadow:0 3px 0 #0d2937}.primary-btn span{margin-left:16px;color:var(--sun)}.text-btn{border:0;background:transparent;text-decoration:underline;text-underline-offset:5px;padding:10px 2px;font-weight:700}.hero-board{width:min(430px,85vw);aspect-ratio:1;margin:auto;position:relative;border:2px solid var(--ink);border-radius:48% 52% 46% 54%;background:var(--ink);box-shadow:18px 18px 0 var(--sun);overflow:hidden;transform:rotate(2deg)}.hero-board:before{content:"";position:absolute;inset:18px;border:1px dashed rgba(255,255,255,.28);border-radius:50%}.board-center{position:absolute;inset:31% 27%;background:var(--paper);border-radius:50%;display:grid;place-items:center;align-content:center;transform:rotate(-2deg);z-index:3;box-shadow:0 10px 25px rgba(0,0,0,.18)}.board-center b{font:800 70px/1 Georgia;color:var(--coral)}.board-center i{font:600 15px Georgia;color:var(--ink-2)}.board-center small{margin-top:8px;font-weight:700;font-size:11px}.orbit{position:absolute;border:1px solid rgba(255,255,255,.45);border-radius:50%;inset:10%;animation:orbit 18s linear infinite}.orbit span{position:absolute;background:var(--paper);color:var(--ink);border:2px solid var(--ink);padding:8px 14px;border-radius:10px;font-weight:800;box-shadow:4px 4px 0 var(--coral)}.orbit-one span{left:5%;top:10%}.orbit-two{inset:20%;animation-duration:13s;animation-direction:reverse}.orbit-two span{right:-13%;bottom:14%;box-shadow:4px 4px 0 var(--mint)}.orbit-three{inset:5%;animation-duration:22s}.orbit-three span{right:8%;top:15%;font-size:23px;box-shadow:4px 4px 0 var(--sun)}.chalk{position:absolute;color:rgba(255,255,255,.7);font-family:"Comic Sans MS",cursive;font-weight:800}.chalk-a{left:12%;bottom:18%;transform:rotate(-13deg)}.chalk-b{right:15%;bottom:16%;font-size:31px;transform:rotate(12deg)}@keyframes orbit{to{transform:rotate(360deg)}}.game-section{max-width:1280px;margin:auto;padding:60px clamp(22px,5vw,76px) 50px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-heading h2{font-size:34px;margin:0;letter-spacing:-.03em}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{padding:9px 15px;border-radius:999px;font-weight:700}.filter-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.game-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.game-card{min-height:240px;border:1px solid rgba(23,58,77,.18);background:var(--paper);border-radius:var(--radius);padding:20px;text-align:left;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:.22s ease;box-shadow:0 4px 0 rgba(23,58,77,.09)}.game-card:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 12px 0 var(--card-color);border-color:var(--ink)}.game-card:nth-child(even):hover{transform:translateY(-6px) rotate(.4deg)}.game-card:focus-visible{outline:4px solid var(--sun);outline-offset:3px}.game-number{position:absolute;right:14px;top:10px;font:700 48px/1 Georgia;color:rgba(23,58,77,.09)}.game-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:30px;background:var(--card-color);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);margin-bottom:24px}.game-card h3{font-size:20px;margin:0 0 8px}.game-card p{margin:0;color:var(--ink-2);line-height:1.55;font-size:13px;flex:1}.game-meta{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;border-top:1px dashed var(--line);font-size:11px;font-weight:800;letter-spacing:.06em}.game-meta b{color:var(--coral)}.quick-guide{max-width:1130px;margin:30px auto 90px;background:var(--ink);color:#fff;border-radius:22px;display:grid;grid-template-columns:repeat(3,1fr);padding:28px 34px;gap:28px;box-shadow:10px 10px 0 var(--sun)}.quick-guide div{display:grid;grid-template-columns:36px 1fr;column-gap:12px}.quick-guide span{grid-row:1/3;font:italic 700 28px Georgia;color:var(--sun)}.quick-guide b{font-size:17px}.quick-guide p{grid-column:2;margin:5px 0 0;color:#c6d6dc;font-size:13px;line-height:1.5}.game-stage{position:fixed;inset:0;background:var(--cream);z-index:100;display:none;overflow:auto}.game-stage.open{display:block}.stage-bar{min-height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px clamp(14px,3vw,42px);border-bottom:1px solid rgba(23,58,77,.18);background:var(--paper);position:sticky;top:0;z-index:20}.back-btn{justify-self:start;border-radius:11px;padding:10px 14px;font-weight:800}.stage-title{text-align:center}.stage-title span{font-size:24px;margin-right:8px}.stage-title b{font-size:20px}.stage-title small{display:block;font-size:11px;color:var(--ink-2);margin-top:2px}.stage-stats{justify-self:end;display:flex;gap:8px}.stat-pill{background:var(--ink);color:white;border-radius:10px;padding:8px 12px;min-width:72px;text-align:center}.stat-pill small{display:block;font-size:9px;color:#bcd1da}.stat-pill b{font-size:18px}.stage-body{min-height:calc(100vh - 76px);padding:clamp(18px,3vw,42px);max-width:1280px;margin:auto}.setup-panel{max-width:760px;margin:5vh auto;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:36px;box-shadow:var(--shadow);text-align:center}.setup-icon{font-size:72px}.setup-panel h2{font-size:34px;margin:10px 0}.setup-panel p{color:var(--ink-2);line-height:1.7}.setup-options{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:24px 0}.seg-btn{border:2px solid var(--ink);background:white;border-radius:12px;padding:10px 15px;font-weight:800;cursor:pointer}.seg-btn.selected{background:var(--sun);box-shadow:3px 3px 0 var(--ink)}.play-area{max-width:1020px;margin:auto}.question-card{background:var(--paper);border:2px solid var(--ink);border-radius:22px;padding:clamp(24px,5vw,56px);text-align:center;box-shadow:10px 10px 0 var(--sun);margin:4vh auto 30px;position:relative}.question-label{font-size:12px;letter-spacing:.16em;color:var(--coral);font-weight:900;text-transform:uppercase}.question-main{font-size:clamp(38px,7vw,78px);line-height:1.08;margin:18px 0;font-weight:850;word-break:break-word}.question-sub{color:var(--ink-2);font-size:16px}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.answer-btn{min-height:86px;border:2px solid var(--ink);background:var(--paper);border-radius:16px;padding:15px;font-size:clamp(18px,2.6vw,28px);font-weight:800;cursor:pointer;box-shadow:5px 5px 0 var(--ink);transition:.12s}.answer-btn:hover{transform:translateY(-2px);background:#fff}.answer-btn.correct{background:#bfe7d5;border-color:var(--good)}.answer-btn.wrong{background:#f6c5c0;border-color:var(--bad);animation:shake .25s}.feedback-line{min-height:36px;text-align:center;font-weight:800;font-size:18px;margin:20px}.progress-track{height:12px;border:1px solid var(--ink);background:white;border-radius:999px;overflow:hidden;margin:18px 0}.progress-track span{display:block;height:100%;background:var(--coral);width:0;transition:.25s}.result-card{max-width:700px;margin:7vh auto;background:var(--paper);border:2px solid var(--ink);border-radius:24px;padding:40px;text-align:center;box-shadow:12px 12px 0 var(--mint)}.result-card .result-emoji{font-size:72px}.result-card h2{font-size:38px;margin:8px}.result-number{font:800 70px Georgia;color:var(--coral)}.result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:880px;margin:20px auto}.memory-card{aspect-ratio:1.45;border:2px solid var(--ink);border-radius:14px;background:var(--ink);color:white;display:grid;place-items:center;padding:8px;font-size:clamp(16px,2.4vw,26px);font-weight:800;cursor:pointer;transition:.25s;transform-style:preserve-3d}.memory-card.open,.memory-card.done{background:var(--paper);color:var(--ink);transform:rotateY(180deg)}.memory-card.done{background:#bfe7d5;opacity:.72}.memory-card span{transform:rotateY(180deg);display:none}.memory-card.open span,.memory-card.done span{display:block}.meteor-field{height:55vh;min-height:390px;border:2px solid var(--ink);background:var(--ink);border-radius:24px;position:relative;overflow:hidden;box-shadow:10px 10px 0 var(--sky)}.meteor-word{position:absolute;left:50%;top:10%;transform:translateX(-50%);background:var(--sun);color:var(--ink);padding:17px 26px;border-radius:50px;font-size:clamp(28px,5vw,52px);font-weight:900;box-shadow:0 0 0 6px rgba(244,191,58,.16);animation:fall var(--fall-time,6s) linear forwards}.meteor-field:before,.meteor-field:after{content:"";position:absolute;width:3px;height:3px;background:white;box-shadow:50px 70px white,140px 20px white,230px 110px white,360px 50px white,490px 150px white,620px 40px white,760px 130px white,840px 70px white;opacity:.7}.meteor-field:after{left:80px;top:170px;transform:scale(.7)}.meteor-options{position:absolute;left:4%;right:4%;bottom:5%;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.meteor-options button{min-height:72px;background:var(--paper);border:2px solid var(--sun);border-radius:14px;font-weight:900;font-size:18px;cursor:pointer}.letter-bank,.sentence-bank{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:24px 0}.letter-btn,.word-chip{border:2px solid var(--ink);background:var(--paper);border-radius:11px;min-width:50px;min-height:50px;padding:9px 13px;font-size:23px;font-weight:900;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}.letter-btn.used,.word-chip.used{opacity:.25;pointer-events:none;box-shadow:none}.spell-line,.sentence-line{min-height:72px;border-bottom:4px solid var(--ink);display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;font-size:34px;font-weight:900;margin:12px auto;max-width:800px}.spell-line .cursor{width:3px;height:38px;background:var(--coral);animation:blink .7s infinite}.control-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.team-board{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 0}.team-panel{border:2px solid var(--ink);background:var(--paper);border-radius:18px;padding:18px;text-align:center}.team-panel.active{box-shadow:7px 7px 0 var(--sun);transform:translateY(-3px)}.team-panel.red{border-top:10px solid var(--coral)}.team-panel.blue{border-top:10px solid var(--sky)}.team-panel b{font-size:22px}.team-panel strong{display:block;font:800 46px Georgia;margin-top:5px}.territory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:720px;margin:26px auto}.territory-cell{aspect-ratio:1;border:2px solid var(--ink);border-radius:13px;background:var(--paper);font-size:clamp(20px,3vw,34px);font-weight:900;cursor:pointer;box-shadow:4px 4px 0 var(--ink)}.territory-cell.red{background:#f3afa7}.territory-cell.blue{background:#a9d5e8}.treasure-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:850px;margin:30px auto}.treasure{aspect-ratio:1.25;border:2px solid var(--ink);border-radius:17px;background:var(--sun);font-size:42px;cursor:pointer;box-shadow:6px 6px 0 var(--ink);transition:.18s}.treasure:hover{transform:translateY(-4px)}.treasure.opened{background:var(--paper);font-size:18px;font-weight:900;box-shadow:none;opacity:.7}.radar{width:min(420px,80vw);aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;margin:15px auto 30px;background:repeating-radial-gradient(circle,transparent 0 17%,rgba(114,184,163,.25) 18% 18.7%),var(--ink);position:relative;display:grid;place-items:center;overflow:hidden}.radar:before{content:"";position:absolute;width:50%;height:50%;left:50%;top:0;transform-origin:bottom left;background:conic-gradient(from 90deg,rgba(114,184,163,.7),transparent 35%);animation:sweep 2.4s linear infinite}.listen-btn{position:relative;z-index:2;width:110px;height:110px;border-radius:50%;border:3px solid white;background:var(--coral);color:white;font-size:42px;cursor:pointer;box-shadow:0 0 0 12px rgba(237,106,90,.25)}.odd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:900px;margin:36px auto}.odd-card{aspect-ratio:1.15;border:2px solid var(--ink);background:var(--paper);border-radius:18px;padding:12px;font-size:clamp(20px,3vw,32px);font-weight:900;cursor:pointer;box-shadow:6px 6px 0 var(--violet)}.relay-track{height:100px;border:2px solid var(--ink);background:var(--paper);border-radius:18px;position:relative;margin:25px 0;overflow:hidden}.relay-track:after{content:"🏁";position:absolute;right:14px;top:24px;font-size:43px}.runner{position:absolute;left:10px;font-size:40px;transition:.35s;z-index:2}.runner.a{top:2px}.runner.b{bottom:2px}.bingo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:780px;margin:20px auto}.bingo-cell{aspect-ratio:1.25;border:2px solid var(--ink);background:var(--paper);border-radius:12px;font-weight:850;font-size:clamp(13px,2vw,20px);cursor:pointer;padding:6px}.bingo-cell.marked{background:var(--sun);text-decoration:line-through}.bingo-clue{text-align:center;background:var(--ink);color:white;border-radius:17px;padding:18px;font-size:28px;font-weight:800;max-width:780px;margin:auto}.mini-modal{position:fixed;inset:0;background:rgba(23,58,77,.62);display:grid;place-items:center;z-index:140;padding:20px}.mini-card{width:min(620px,96vw);background:var(--paper);border-radius:22px;border:2px solid var(--ink);padding:28px;box-shadow:10px 10px 0 var(--sun);text-align:center}.modal{border:0;background:transparent;padding:18px;max-width:none;width:100%;height:100%}.modal::backdrop{background:rgba(23,58,77,.68);backdrop-filter:blur(4px)}.modal-card{width:min(720px,96vw);max-height:90vh;margin:auto;background:var(--paper);border:2px solid var(--ink);border-radius:22px;padding:28px;box-shadow:12px 12px 0 var(--sun);overflow:auto}.wide-modal .modal-card{width:min(1060px,96vw)}.modal-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px}.modal-head h2{margin:0;font-size:32px}.modal-head p:last-child{margin:5px 0 0;color:var(--ink-2)}.close-btn{border:0;background:transparent;font-size:34px;cursor:pointer;align-self:start}.bank-toolbar{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 8px}.soft-btn,.upload-btn{border-radius:10px;padding:10px 14px;font-weight:750}.upload-btn input{display:none}.format-tip{font-size:12px;color:var(--ink-2)}.danger-text{color:var(--bad)}.bank-editor-wrap{overflow:auto;max-height:52vh;border:1px solid var(--line);border-radius:12px}.bank-table{width:100%;border-collapse:collapse;min-width:760px}.bank-table th{position:sticky;top:0;background:var(--ink);color:white;padding:10px;text-align:left;font-size:12px;z-index:1}.bank-table td{padding:6px;border-bottom:1px solid var(--line)}.bank-table input{width:100%;border:1px solid transparent;background:transparent;border-radius:7px;padding:8px}.bank-table input:focus{outline:2px solid var(--sun);background:white}.delete-row{border:0;background:transparent;color:var(--bad);font-size:20px;cursor:pointer}.modal-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px}.modal-foot.right{justify-content:flex-end}.modal-foot>div{display:flex;align-items:center;gap:15px}.compact{padding:11px 18px}.record-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.summary-tile{background:#f1eee6;border-radius:12px;padding:16px;text-align:center}.summary-tile b{font-size:30px;display:block}.summary-tile small{color:var(--ink-2)}.record-list{display:grid;gap:8px;max-height:46vh;overflow:auto}.record-item{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;border-bottom:1px dashed var(--line);padding:11px 3px}.record-item small{color:var(--ink-2)}.empty{text-align:center;padding:45px;color:var(--ink-2)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,25px);background:var(--ink);color:white;padding:12px 18px;border-radius:11px;font-weight:800;opacity:0;pointer-events:none;transition:.25s;z-index:300;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes shake{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@keyframes blink{50%{opacity:0}}@keyframes fall{from{top:8%}to{top:66%}}@keyframes sweep{to{transform:rotate(360deg)}}
.odd-card.correct{background:#bfe7d5;border-color:var(--good)}.odd-card.wrong{background:#f6c5c0;border-color:var(--bad);animation:shake .25s}.territory-cell:disabled{cursor:default;color:var(--ink)}button:disabled{cursor:default}.upload-btn:focus-within,.soft-btn:focus-visible,.primary-btn:focus-visible,.icon-btn:focus-visible,.quiet-btn:focus-visible,.back-btn:focus-visible{outline:4px solid var(--sun);outline-offset:2px}
.preset-section{margin:18px 0 14px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#f4f0e7}.preset-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.preset-heading .eyebrow{margin-bottom:4px}.preset-heading h3{margin:0;font-size:21px}.preset-heading>span{font-size:12px;font-weight:800;color:var(--ink-2);background:#fff;padding:7px 10px;border-radius:999px;border:1px solid var(--line)}.preset-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.preset-card{min-height:112px;border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:12px;text-align:left;cursor:pointer;transition:.16s;display:flex;flex-direction:column}.preset-card:hover{transform:translateY(-2px);border-color:var(--ink);box-shadow:0 4px 0 var(--sun)}.preset-card.active{border:2px solid var(--ink);background:#fff7d7;box-shadow:3px 3px 0 var(--ink)}.preset-card b{font-size:15px}.preset-card span{font-size:11px;color:var(--coral);font-weight:850;margin:3px 0 7px}.preset-card small{font-size:10px;line-height:1.4;color:var(--ink-2)}.preset-tip{font-size:11px;color:var(--ink-2);margin:10px 0 0}
.bank-target-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:18px 0 0;padding:14px 16px;border:2px solid var(--ink);border-radius:14px;background:#fff}.bank-target-bar label{display:flex;align-items:center;gap:9px;font-weight:850}.bank-target-bar label span{white-space:nowrap}.bank-target-bar select{min-width:210px;border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:9px 34px 9px 11px;font-weight:800;color:var(--ink)}.bank-target-bar p{margin:0;color:var(--ink-2);font-size:12px;line-height:1.45}
@media(max-width:1050px){.game-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr 1fr}.hero-board{width:min(360px,80vw)}}
@media(max-width:760px){.topbar{height:66px;padding:0 14px}.quiet-btn span{display:none}.hero{grid-template-columns:1fr;padding-top:40px}.hero-board{margin-top:45px;width:min(330px,78vw)}.hero h1{font-size:52px}.game-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;flex-direction:column}.quick-guide{grid-template-columns:1fr;margin:20px 20px 70px}.stage-bar{grid-template-columns:auto 1fr auto}.back-btn{font-size:0;padding:9px}.back-btn:first-letter{font-size:20px}.stage-title small{display:none}.stage-stats .stat-pill:nth-child(n+3){display:none}.answers{grid-template-columns:1fr}.memory-grid{grid-template-columns:repeat(3,1fr)}.meteor-options,.odd-grid{grid-template-columns:repeat(2,1fr)}.treasure-grid{grid-template-columns:repeat(3,1fr)}.team-board{grid-template-columns:1fr 1fr}.bank-target-bar{grid-template-columns:1fr;gap:8px}.bank-target-bar label{align-items:stretch;flex-direction:column}.bank-target-bar select{width:100%;min-width:0}.preset-heading{align-items:start;flex-direction:column;gap:8px}.preset-grid{grid-template-columns:repeat(2,1fr)}.modal-foot{align-items:stretch;flex-direction:column}.modal-foot>div{justify-content:space-between}.record-item{grid-template-columns:1fr auto}.record-item small{display:none}}
@media(max-width:470px){.game-grid{grid-template-columns:1fr}.game-card{min-height:190px}.hero h1{font-size:44px}.hero-board{width:270px}.memory-grid{grid-template-columns:repeat(2,1fr)}.territory-grid{grid-template-columns:repeat(4,1fr);gap:5px}.treasure-grid{grid-template-columns:repeat(2,1fr)}.bingo-grid{gap:4px}.bingo-cell{font-size:11px}.stage-body{padding:12px}.question-card{padding:22px 14px}.setup-panel{padding:24px 16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
body.access-pending {
  overflow: hidden;
}

body.access-pending > :not(.access-gate) {
  visibility: hidden;
}

.access-gate {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: grid;
  place-items: center;
  padding: 24px;
  overflow: auto;
  color: #173a4d;
  background:
    radial-gradient(circle at 18% 20%, rgba(244, 191, 58, .24), transparent 34%),
    radial-gradient(circle at 85% 80%, rgba(114, 184, 163, .28), transparent 36%),
    #f4f0e6;
}

.access-gate[hidden] {
  display: none;
}

.access-card {
  width: min(460px, 100%);
  padding: 34px;
  border: 1px solid rgba(23, 58, 77, .16);
  border-radius: 26px;
  background: rgba(255, 253, 247, .96);
  box-shadow: 0 24px 70px rgba(23, 58, 77, .16);
}

.access-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 24px;
  margin-bottom: 26px;
  border-bottom: 1px solid rgba(23, 58, 77, .12);
}

.access-brand > span {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 13px;
  color: #fffdf7;
  background: #173a4d;
  font: 800 21px/1 Georgia, serif;
}

.access-brand strong,
.access-brand small {
  display: block;
}

.access-brand strong {
  font-size: 18px;
}

.access-brand small {
  margin-top: 3px;
  color: #6f7f82;
}

.access-checking {
  padding: 22px 0 18px;
  text-align: center;
}

.access-checking h1,
.access-form h1 {
  margin: 14px 0 10px;
  font-size: clamp(27px, 6vw, 36px);
}

.access-checking p,
.access-form > p:not(.eyebrow):not(.access-message) {
  color: #667a7e;
  line-height: 1.7;
}

.access-spinner {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  border: 3px solid rgba(23, 58, 77, .14);
  border-top-color: #ed6a5a;
  border-radius: 50%;
  animation: accessSpin .8s linear infinite;
}

@keyframes accessSpin { to { transform: rotate(360deg); } }

.access-form label {
  display: block;
  margin: 24px 0 8px;
  font-size: 13px;
  font-weight: 800;
}

.access-form input {
  width: 100%;
  padding: 14px 15px;
  border: 1px solid rgba(23, 58, 77, .2);
  border-radius: 12px;
  outline: none;
  color: #173a4d;
  background: #fff;
  font: 700 16px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.access-form input:focus {
  border-color: #72b8a3;
  box-shadow: 0 0 0 4px rgba(114, 184, 163, .16);
}

.access-submit {
  width: 100%;
  justify-content: center;
  margin-top: 14px;
}

.access-message {
  min-height: 24px;
  margin: 11px 0 0;
  color: #c94c40;
  font-size: 13px;
}

.access-help {
  padding: 13px 14px;
  margin-top: 8px;
  border-radius: 12px;
  color: #52676b;
  background: #eef4ef;
  font-size: 13px;
  line-height: 1.6;
}

.access-home {
  display: block;
  margin-top: 22px;
  color: #52676b;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
}

.home-link {
  text-decoration: none;
}

@media (max-width: 620px) {
  .access-gate { padding: 12px; }
  .access-card { padding: 24px 20px; border-radius: 20px; }
  .home-link { display: none; }
}