[data-game-frame]{--gf-ocean:#0b4654;--gf-teal:#0f6574;--gf-ink:#173f4c;--gf-gold:#d8a84e;--gf-gold-light:#f6dd9f;--gf-paper:#fff9ed;--gf-cream:#fff0cc;--gf-bg:#e5efed;--gf-text:#263d43;--gf-muted:#61767a;--gf-line:#ddcfaf;--gf-soft:#edf3ed;--gf-red:#a2473d;--gf-green:#477660;--gf-hero:#f6edda;--gf-seg:#efe3c6;--gf-serif:"Songti TC","Noto Serif TC","Noto Serif CJK TC","PMingLiU",Georgia,serif;--gf-math:"STIX Two Text",Georgia,"Songti TC",serif;font:15px/1.55 -apple-system,BlinkMacSystemFont,PingFang HK,Microsoft JhengHei,sans-serif;color:var(--gf-text);color-scheme:light}[data-game-frame] h1,[data-game-frame] h2,[data-game-frame] h3{margin:0;color:var(--gf-ink)}[data-game-frame] :is(a,button,input,select,textarea):focus-visible{outline:3px solid #368e9a;outline-offset:3px}.gf-themed{--background:40 100% 96%;--foreground:195 54% 19%;--card:40 100% 96%;--card-foreground:195 54% 19%;--popover:40 100% 96%;--popover-foreground:195 54% 19%;--primary:189 77% 26%;--primary-foreground:40 100% 96%;--secondary:41 66% 91%;--secondary-foreground:195 54% 19%;--muted:120 22% 94%;--muted-foreground:190 11% 43%;--accent:41 66% 91%;--accent-foreground:195 54% 19%;--destructive:6 45% 44%;--destructive-foreground:40 100% 96%;--border:42 40% 78%;--input:42 40% 78%;--ring:187 48% 41%}.gf-frame{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--gf-bg)}.gf-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;background:var(--gf-ocean);color:var(--gf-paper);border-bottom:3px solid var(--gf-gold);padding:max(12px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 12px max(24px,env(safe-area-inset-left))}.gf-header-left,.gf-header-right{display:flex;align-items:center;gap:12px;min-width:0}.gf-header-right{flex:none;font-size:11px;color:#dce7df}.gf-back{display:inline-flex;align-items:center;gap:7px;flex:none;min-height:44px;padding:6px 10px;white-space:nowrap;font-size:14px;background:#123e49;color:var(--gf-paper);border:1px solid #ccba8259;border-radius:10px}.gf-tile{display:grid;place-items:center;flex:none;width:39px;height:43px;background:#135869;color:var(--gf-gold-light);border:1px solid var(--gf-gold);border-radius:8px}.gf-tile svg{width:23px;height:23px}.gf-titles{min-width:0}.gf-title{font-size:16px;font-weight:600}.gf-subtitle,.gf-title{display:block;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gf-subtitle{font-size:11px;color:#dce7df}.gf-avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;background:#225e65;color:var(--gf-gold-light);border:2px solid var(--gf-gold-light);border-radius:50%;font-size:13px}.gf-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.gf-surface{flex:1;min-height:0;position:relative}.gf-page{position:relative;max-width:1400px;min-height:calc(100% - 36px);background:var(--gf-paper);border:1px solid var(--gf-line);border-radius:14px;margin:18px;padding:24px 28px calc(96px + env(safe-area-inset-bottom))}@media (min-width:1436px){.gf-page{margin-inline:auto}}.gf-page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.gf-page-title{font:600 30px/1.25 var(--gf-serif)}.gf-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding:25px 30px;margin-bottom:21px;background:var(--gf-hero);border:1px solid #d8c38d;border-radius:13px}.gf-hero h1{font:600 34px/1.25 var(--gf-serif);margin:7px 0 10px}.gf-hero-eyebrow{margin:0;font-size:13px;color:var(--gf-muted)}.gf-hero-text{margin:0;max-width:440px;font-size:14px;color:var(--gf-muted)}.gf-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:19px}.gf-hero-art{justify-self:center}.gf-band{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;margin-bottom:18px;background:var(--gf-ocean);border:1px solid #527872;border-radius:12px}.gf-band,.gf-band h2{color:var(--gf-paper)}.gf-band h2{font-size:19px;line-height:1.4;font-weight:600}.gf-band p{margin:3px 0 0;font-size:12px;color:#d5e6df}.gf-book{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:148px;height:178px;padding:16px 12px 16px 23px;background:var(--gf-ocean);color:var(--gf-gold-light);border:1px solid #052f3b;border-radius:7px 13px 13px 7px;transform:rotate(5deg);box-shadow:6px 6px 0 #eadbc0,9px 9px 0 #d6c29e,12px 16px 20px #123d481a}.gf-book:before{content:"";position:absolute;inset:10px 9px 10px 18px;border:1px solid #d8a84e99;border-radius:3px 7px 7px 3px;pointer-events:none}.gf-book:after{content:"";position:absolute;left:7px;top:0;bottom:0;width:6px;border-left:1px solid #59979c;border-right:1px solid #052c35}.gf-book svg{width:31px;height:31px}.gf-book strong{font:500 21px/1.3 var(--gf-serif);letter-spacing:2px;text-align:center;z-index:1;overflow-wrap:anywhere}.gf-book small{font-size:11px;opacity:.85;text-align:center}.gf-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 14px;font-size:13px;white-space:nowrap;text-decoration:none;touch-action:manipulation;background:var(--gf-paper);color:var(--gf-text);border:1px solid var(--gf-line);border-radius:9px}.gf-button svg{width:18px;height:18px;flex:none}.gf-button:hover{filter:brightness(.97)}.gf-button:disabled,.gf-button[aria-disabled=true]{opacity:.4;pointer-events:none}.gf-button-primary{background:var(--gf-teal);color:var(--gf-paper);border-color:var(--gf-ocean);box-shadow:0 2px 0 #083f4c}.gf-button-golden{background:var(--gf-gold-light);color:var(--gf-ink);border-color:var(--gf-gold);box-shadow:0 2px 0 #b98b36}.gf-button-quiet{background:transparent;border-color:transparent;color:var(--gf-muted)}.gf-button-danger{color:var(--gf-red)}.gf-fab{position:absolute;right:26px;bottom:calc(21px + env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:12px 20px;font-size:14px;background:var(--gf-teal);color:var(--gf-paper);border:1px solid var(--gf-ocean);border-radius:24px;box-shadow:0 3px 0 #073b48,0 7px 15px #153f4c19}.gf-fab svg{width:18px;height:18px}.gf-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.gf-chip{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:6px 12px;font-size:12px;white-space:nowrap;background:var(--gf-paper);color:var(--gf-text);border:1px solid var(--gf-line);border-radius:20px}.gf-chip:after{content:"";position:absolute;inset:-3px 0}.gf-chip svg{width:16px;height:16px;flex:none}.gf-chip[aria-pressed=true]{background:#e5eee5;color:var(--gf-ocean);border-color:#91ac9c}.gf-segment{display:inline-flex;gap:3px;padding:4px;background:var(--gf-seg);border:1px solid var(--gf-line);border-radius:24px}.gf-segment button{position:relative;min-width:66px;min-height:36px;padding:6px 16px;font-size:13px;color:var(--gf-ink);background:transparent;border:0;border-radius:20px}.gf-segment button:after{content:"";position:absolute;inset:-4px 0}.gf-segment button[aria-pressed=true]{background:var(--gf-teal);color:var(--gf-paper);box-shadow:inset 0 0 0 1px #afc7b5}.gf-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:14px}.gf-cards[data-cols]{grid-template-columns:repeat(var(--gf-cols),minmax(0,1fr))}.gf-card{display:flex;flex-direction:column;width:100%;height:100%;min-width:0;padding:0;text-align:left;text-decoration:none;color:inherit;background:var(--gf-paper);border:1px solid var(--gf-line);border-radius:10px;overflow:clip;box-shadow:0 3px 0 #e5d9bd}.gf-card:hover{border-color:var(--gf-teal);box-shadow:0 3px 0 #adc3b4}.gf-card-band{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:104px;padding:17px 14px;overflow-wrap:anywhere;background:repeating-linear-gradient(transparent,transparent 27px,#dfd9c740 28px),#fffcf3}.gf-card-kind{font-size:11px;color:var(--gf-muted)}.gf-math{display:block;max-width:100%;overflow-x:auto;font-family:var(--gf-math);font-size:20px;line-height:1.5;color:var(--gf-ink)}.gf-card-meta{display:block;flex:1;padding:12px;border-top:1px solid #e7decb}.gf-card-title{font-size:14px;font-weight:500;color:var(--gf-ink)}.gf-card-source,.gf-card-title{display:block;overflow-wrap:anywhere}.gf-card-source{margin-top:3px;font-size:11px;color:var(--gf-muted)}.gf-card-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin-top:11px;font-size:11px}.gf-tag{display:inline-block;padding:3px 7px;font-size:11px;background:#e9eee2;color:var(--gf-ink);border-radius:5px}.gf-card-trailing{color:#946124;white-space:nowrap}.gf-state{display:grid;justify-items:center;gap:14px;padding:50px 15px 70px;text-align:center}.gf-state h2{font-size:21px;line-height:1.4;font-weight:600}.gf-state p{margin:0;max-width:350px;font-size:14px;color:var(--gf-muted)}.gf-state-tile{display:grid;place-items:center;width:76px;height:82px;background:var(--gf-ocean);color:var(--gf-gold-light);border:1px solid var(--gf-gold);border-radius:15px}.gf-state-tile svg{width:34px;height:34px}.gf-state-error h2{color:var(--gf-red)}.gf-spinner{width:34px;height:34px;border:3px solid var(--gf-line);border-top-color:var(--gf-teal);border-radius:50%;animation:gf-spin .9s linear infinite}@keyframes gf-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.gf-spinner{animation:none}}@media (max-width:760px){.gf-header{padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left))}.gf-crumb{display:none}.gf-page{margin:12px;padding:20px 18px calc(90px + env(safe-area-inset-bottom));min-height:calc(100% - 24px)}.gf-hero{padding:22px}.gf-book{width:125px;height:155px}.gf-hero h1{font-size:29px}}@media (max-width:520px){.gf-header{min-height:62px;gap:8px;padding-left:max(11px,env(safe-area-inset-left));padding-right:max(11px,env(safe-area-inset-right))}.gf-header-left{gap:8px}.gf-tile{width:31px;height:36px}.gf-tile svg{width:19px;height:19px}.gf-title{font-size:14px}.gf-subtitle{font-size:10px}.gf-back{min-width:44px;padding:6px;justify-content:center;background:transparent;border-color:transparent}.gf-back span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.gf-page{margin:8px;padding:19px 13px calc(92px + env(safe-area-inset-bottom));min-height:calc(100% - 16px)}.gf-page-head{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:16px}.gf-page-title{font-size:26px}.gf-hero{grid-template-columns:1fr;gap:10px;padding:22px 18px}.gf-hero-art{display:none}.gf-hero h1{font-size:28px}.gf-band{flex-direction:column;align-items:flex-start;padding:15px}.gf-band .gf-button,.gf-segment{width:100%}.gf-segment button{flex:1;min-width:0;padding:6px 12px}.gf-chips{gap:6px}.gf-chip{padding:6px 10px;min-height:40px;white-space:normal}.gf-chip:after{inset:-2px 0}.gf-cards{gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}.gf-cards[data-cols]{grid-template-columns:repeat(min(var(--gf-cols),2),minmax(0,1fr))}.gf-fab{right:15px;bottom:calc(22px + env(safe-area-inset-bottom));padding:12px 16px}}