:root{color-scheme:dark;--ink:#08161b;--panel:rgba(9,24,29,.94);--gold:#ddbd82;--muted:#acc0bd;--light:#f2e8d2;--line:#8b795655;--teal:#7fc6b5;--rose:#e49194;font-family:Georgia,'Noto Serif SC','Songti SC',serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--light);min-width:320px}button,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#172b30;border-radius:5px;padding:10px 14px;min-height:44px;transition:background .16s,transform .16s,border-color .16s}button:hover:not(:disabled){background:#294048;border-color:var(--gold)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.world{position:fixed;inset:0;background:linear-gradient(90deg,#071419a8,#071419aa),url('./assets/chapter1.webp') center/cover;z-index:-1}.world:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061419 0,transparent 70%)}header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 28px;border-bottom:1px solid var(--line);background:#071419dd}header .brand{display:flex;align-items:center;gap:12px}.sigil{font-size:39px;color:var(--gold);line-height:1}.brand strong{font-weight:normal;font-size:23px;letter-spacing:3px}.brand small{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:2.4px;margin-top:5px;color:var(--gold)}.nav{display:flex;align-items:center;gap:8px}.nav button{font-family:Arial,sans-serif;font-size:13px;background:#102126bb;padding:7px 12px}.eyebrow{font:11px/1.6 Arial,sans-serif;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:normal}h1{font-size:42px;line-height:1.2}h2{font-size:30px;line-height:1.3}h3{font-size:20px}p{line-height:1.75;color:var(--muted)}.home{max-width:1190px;margin:auto;min-height:calc(100vh - 128px);display:flex;align-items:center;padding:50px 36px}.home-copy{max-width:480px;padding:24px;background:linear-gradient(90deg,#071419e8,#07141999,transparent)}.home h1{font-size:64px;letter-spacing:4px;color:#f5e8c9;margin:20px 0}.home .english{font-size:18px;letter-spacing:6px;margin-bottom:26px;color:var(--gold)}.home p{font-size:17px}.primary{background:linear-gradient(135deg,#ddc89a,#ad8850);color:#172329;border-color:#d8bc85;font-weight:bold}.primary:hover:not(:disabled){background:#e7d6ae;color:#071419}.home-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.primary.big{padding:15px 26px;font-size:18px}.small-note{font:12px/1.7 Arial,sans-serif;color:var(--muted);margin-top:15px}.journey{max-width:1130px;margin:15px auto 13px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 18px}.chapter-node{display:flex;gap:10px;align-items:center;opacity:.45}.chapter-node.current,.chapter-node.done{opacity:1}.chapter-node.current{color:var(--gold)}.chapter-node strong{font-size:13px;font-weight:normal}.chapter-node small{font:10px Arial;display:block;color:var(--muted);margin-top:3px}.nodes{display:flex;gap:4px}.node{display:grid;place-items:center;width:24px;height:24px;border:1px solid #637875;font-size:11px;border-radius:50%}.node.done{background:#80bca944;color:var(--teal)}.node.current{background:var(--gold);color:#172329;box-shadow:0 0 13px #ddb67566}.game-layout{max-width:1130px;margin:auto;padding:0 18px;display:grid;grid-template-columns:minmax(300px,1fr) minmax(400px,1.08fr);gap:22px}.left-column,.right-column{min-width:0}.encounter{border:1px solid var(--line);border-radius:9px;overflow:hidden;position:relative;background:#102329;min-height:328px;box-shadow:0 16px 45px #0004}.encounter .scene{width:100%;height:328px;object-fit:cover;object-position:75% center;display:block}.encounter .shade{position:absolute;inset:0;background:linear-gradient(0deg,#061419 1%,#061419c9 18%,transparent 70%)}.encounter .enemy-copy{position:absolute;bottom:20px;left:23px;right:23px}.enemy-copy h1{font-size:31px;margin:6px 0 15px;text-shadow:0 2px 8px #000}.enemy-copy .eyebrow{letter-spacing:1.6px;color:#ecce92}.meter-row{display:flex;align-items:center;gap:12px}.meter{height:7px;background:#040e12;border:1px solid #bda27855;border-radius:8px;overflow:hidden;flex:1}.meter i{display:block;background:linear-gradient(90deg,#9a4054,#dc9190);height:100%;transition:width .3s}.meter-row b{font:12px Arial;min-width:58px;color:#f8d6d0}.enemy-rule{margin:12px 0 0;font-size:13px;line-height:1.55;color:#d0d5c9}.intentbar{display:flex;align-items:center;gap:13px;background:linear-gradient(135deg,#2e2430,#18282c);border:1px solid #a8786966;border-radius:7px;padding:13px 15px;margin-top:10px}.intent-sigil{font-size:26px;color:var(--rose)}.intentbar b{display:block;font-weight:normal;font-size:17px}.intentbar small{font:12px Arial;color:var(--muted);display:block;margin-top:5px}.intent-pattern{display:flex;gap:6px;margin-left:auto}.intent-pattern span{font:12px Arial;border:1px solid #b9817044;min-width:26px;padding:6px;border-radius:50%;text-align:center;opacity:.5}.intent-pattern .now{opacity:1;border-color:var(--rose);color:var(--rose)}.relic-heading{display:flex;justify-content:space-between;align-items:center;margin:16px 0 8px}.relic-heading b{font:12px Arial;color:var(--gold);letter-spacing:1.6px}.text-button{padding:3px 7px;min-height:30px;border:0;background:transparent;font:12px Arial;color:var(--muted)}.relic-rack{display:flex;flex-wrap:wrap;gap:7px}.relic{min-height:44px;min-width:44px;padding:8px 10px;color:var(--gold);font-size:20px;background:#102329dd}.relic.awake{border-color:var(--gold);background:#67533055}.journal{margin-top:13px;padding:12px 14px;border-left:2px solid #8a7254;background:#091b21b0;font:12px/1.65 Arial;color:var(--muted);min-height:61px}.journal b{color:var(--light);font-weight:normal}.status{display:flex;gap:18px;align-items:center;padding:13px 17px;background:#081a20ed;border:1px solid var(--line);border-radius:7px;margin-bottom:12px}.status>div{flex:1}.status small{font:10px Arial;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);display:block;margin-bottom:5px}.status b{font-size:20px;font-weight:normal}.status .hp{color:#efa6a5}.status .mana{color:#92c9d1}.status .gold{color:var(--gold)}.status .muted{font:12px Arial;color:var(--muted)}.workbench{padding:17px 20px 18px;background:linear-gradient(155deg,#142d31f5,#07181ff5);border:1px solid #bb9c6055;border-radius:9px;box-shadow:0 18px 40px #0004,inset 0 0 40px #081418}.word-line{display:flex;align-items:center;gap:10px;min-height:57px;border-bottom:1px solid var(--line);margin-bottom:13px;padding-bottom:13px}.word{font:28px/1.25 Georgia;letter-spacing:4px;flex:1;text-align:center;overflow-wrap:anywhere;color:var(--gold)}.word.empty{font-size:15px;letter-spacing:1px;color:#9aaeaa}.word.invalid{color:var(--rose)}.word-line button{padding:8px;min-width:40px;background:#081b21}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;max-width:420px;margin:auto}.tile{position:relative;height:67px;padding:5px;font:30px Georgia;color:#f0deba;border:1px solid #8a7854;border-radius:6px;background:linear-gradient(140deg,#304044,#15252b);box-shadow:0 4px 0 #030d13, inset 0 1px #dab77933}.tile:hover:not(:disabled){background:#495351;transform:translateY(-2px)}.tile small{position:absolute;right:8px;bottom:7px;font:10px Arial;color:#b4aa91}.tile .order{position:absolute;left:6px;top:5px;font:10px Arial}.tile.selected{background:linear-gradient(140deg,#ddc58e,#aa8149);color:#14242a;border-color:#ffe1a1;box-shadow:0 2px 0 #695333,0 0 13px #c8a45d33;transform:translateY(2px)}.tile.selected small{color:#3b3c32}.board-note{font:11px/1.6 Arial;color:var(--muted);margin:12px 0;text-align:center}.stances{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:11px}.stance{padding:8px 3px;font-size:13px;background:#0a1c23;border-color:#59736f66}.stance span{font-size:17px;margin-right:5px}.stance small{display:block;font:10px Arial;color:var(--muted);margin-top:4px}.stance.active{border-color:var(--gold);background:#4c453244;color:#ffe2a2}.prediction{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 3px 9px;font:12px Arial;min-height:47px}.prediction strong{font-size:22px;color:var(--gold);font-weight:normal}.prediction .hurt{color:var(--rose)}.prediction .safe{color:var(--teal)}.actions{display:grid;grid-template-columns:1fr 1.8fr;gap:10px}.cast{min-height:51px;font-size:17px}.subactions{display:flex;justify-content:space-between;margin-top:8px}.message{font:12px/1.6 Arial;color:var(--teal);min-height:20px;margin:11px 0 0}.message.error{color:var(--rose)}footer{max-width:1130px;margin:18px auto;padding:0 20px;display:flex;justify-content:space-between;gap:15px;font:10px/1.5 Arial;color:#92a6a4}.save-warning{padding:10px 18px;background:#51332c;color:#ffe3bd;font:13px/1.6 Arial;text-align:center}.save-warning button{padding:5px 12px;margin-left:10px;font-size:12px;min-height:32px}.center-stage{max-width:1010px;margin:25px auto;padding:25px 24px 30px;background:linear-gradient(135deg,#0c242bea,#09181fec);border:1px solid var(--line);border-radius:10px}.center-stage .lead{max-width:690px;font-size:17px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.choice{text-align:left;padding:22px 20px;min-height:177px;background:linear-gradient(155deg,#1e3439,#0b1b22);position:relative;border:1px solid #ad8b524d}.choice .choice-icon{font-size:36px;color:var(--gold);display:block;margin-bottom:20px}.choice b{font-size:21px;font-weight:normal;color:#ebd4a6;display:block;margin-bottom:11px}.choice p{font:13px/1.7 Arial;margin:0}.choice small{display:block;margin-top:12px;color:var(--teal);font:12px Arial}.choices.two{grid-template-columns:1fr 1fr}.choice .price{color:var(--gold);font-size:18px}.summary-stats{display:flex;flex-wrap:wrap;gap:12px;margin:23px 0}.summary-stats>div{border:1px solid var(--line);padding:14px 22px;min-width:130px}.summary-stats b{display:block;font-size:26px;color:var(--gold);font-weight:normal}.summary-stats small{font:12px Arial;color:var(--muted)}.divider{border:0;border-top:1px solid var(--line);margin:24px 0}.modal-backdrop{position:fixed;inset:0;background:#000b;z-index:10;display:grid;place-items:center;padding:25px;backdrop-filter:blur(7px)}.modal{background:linear-gradient(155deg,#183035,#0a1b23);border:1px solid #b2915d8c;max-width:820px;width:100%;max-height:88vh;overflow:auto;padding:30px;position:relative;border-radius:9px;box-shadow:0 30px 90px #000}.modal .close{position:absolute;right:17px;top:12px;font-size:24px;padding:3px 11px;background:transparent;border:0}.modal h2{padding-right:35px}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:10px}.catalog article{padding:13px;border:1px solid var(--line);display:flex;gap:12px;align-items:flex-start}.catalog i{font-style:normal;font-size:25px;color:var(--gold)}.catalog b{font-size:15px;font-weight:normal}.catalog p{font:12px/1.65 Arial;margin:6px 0 0}.catalog .owned{border-color:#8fbda777}.word-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.word-list button{text-align:left;font-size:16px;color:var(--gold)}.word-list small{display:block;font:11px Arial;color:var(--muted);margin-top:4px}.tutorial{padding:13px 20px;background:linear-gradient(90deg,#645736dd,#21373ae8);border:1px solid var(--gold);max-width:1094px;margin:12px auto;color:#ffebc4;font:14px/1.7 Arial;border-radius:7px}.tutorial b{color:#fff}.difficulty{display:flex;gap:9px;margin:18px 0}.difficulty .active{border-color:var(--gold);background:#6a523844}.badge{border:1px solid #b6985a77;padding:3px 8px;border-radius:3px;color:var(--gold);font:10px Arial}.error-box{color:#f2b7a5;border:1px solid #b36b57;padding:18px;background:#47271d88}.loading{text-align:center;margin-top:25vh;color:var(--gold)}a{color:var(--gold)}.help-steps{counter-reset:step}.help-steps article{display:flex;gap:15px;margin:18px 0}.help-steps article:before{counter-increment:step;content:counter(step);flex:0 0 30px;height:30px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold)}.help-steps p{margin:0;font:14px/1.7 Arial}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1450px){.game-layout{max-width:1230px;grid-template-columns:1fr 1fr}.encounter,.encounter .scene{min-height:365px;height:365px}.tile{height:72px}.journey,footer{max-width:1230px}}@media(max-width:780px){header{padding:12px 15px;gap:8px}.brand strong{font-size:18px;letter-spacing:2px}.brand small{font-size:8px;letter-spacing:1px}.sigil{font-size:30px}.nav{gap:4px}.nav button{font-size:11px;padding:6px 8px}.nav .desktop-only{display:none}.home{min-height:calc(100vh - 160px);padding:24px 10px}.home-copy{padding:20px;max-width:450px}.home h1{font-size:49px}.home .english{font-size:13px;letter-spacing:3px}.home p{font-size:15px}.journey{gap:8px;margin:12px 0;padding:0 14px}.chapter-node{display:block}.chapter-node strong{display:none}.chapter-node small{display:none}.nodes{justify-content:center}.game-layout{display:flex;flex-direction:column;gap:13px;padding:0 12px;max-width:550px}.encounter,.encounter .scene{height:211px;min-height:211px}.encounter .scene{object-position:center 45%}.encounter .enemy-copy{bottom:15px;left:16px;right:16px}.enemy-copy h1{font-size:26px;margin:5px 0 10px}.enemy-rule{font-size:12px;margin-top:8px}.intentbar{padding:10px 12px;margin-top:8px}.intentbar b{font-size:15px}.relic-heading{margin-top:10px}.relic-rack{gap:5px}.relic{font-size:18px;padding:6px 8px}.journal{display:none}.status{margin-bottom:9px;padding:10px 15px}.workbench{padding:15px}.tile{height:59px;font-size:28px}.board{gap:8px;max-width:390px}.word-line{margin-bottom:11px;min-height:49px;padding-bottom:10px}.word{font-size:25px}.board-note{margin:10px 0;font-size:10px}.prediction{font-size:11px}.subactions .text-button{font-size:11px}.center-stage{margin:14px 12px;padding:22px 18px}.center-stage h2{font-size:27px}.center-stage .lead{font-size:15px}.choices,.choices.two{grid-template-columns:1fr;gap:10px}.choice{min-height:0;padding:18px}.choice .choice-icon{float:left;margin:0 18px 0 0;font-size:30px}.choice b{font-size:19px}.choice p{font-size:12px}.modal-backdrop{padding:12px}.modal{padding:24px 18px;max-height:91vh}.catalog{grid-template-columns:1fr}.word-list{grid-template-columns:repeat(2,1fr)}.tutorial{margin:10px 12px;padding:11px 14px;font-size:13px}.summary-stats{gap:8px}.summary-stats>div{padding:10px 13px;min-width:100px}footer{font-size:9px;margin:15px 0;flex-wrap:wrap;gap:5px;padding:0 15px}.difficulty{gap:6px}.difficulty button{font-size:13px;padding:8px 10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media(max-width:370px){.brand small{display:none}.brand strong{font-size:16px}.nav button{padding:5px 6px}.tile{height:53px}.status{gap:8px}.stance{font-size:11px}.stance span{margin-right:2px}.workbench{padding:12px}}
@media(min-width:781px) and (max-height:850px){header{padding:12px 26px}.journey{margin:11px auto 10px}.status{padding:9px 15px;margin-bottom:9px}.status b{font-size:19px}.workbench{padding:12px 16px}.word-line{min-height:42px;margin-bottom:10px;padding-bottom:8px}.word{font-size:25px}.tile{height:50px;font-size:26px}.board{gap:7px;max-width:370px}.board-note{margin:8px 0;font-size:10px}.stances{margin-top:6px}.stance{padding:6px 3px;min-height:43px}.prediction{padding:8px 3px;min-height:37px}.cast{min-height:45px}.subactions{margin-top:5px}.message{margin:5px 0 0;min-height:17px}.encounter,.encounter .scene{height:295px;min-height:295px}.enemy-copy h1{font-size:28px}.journal{padding:10px 13px}.tutorial{margin:9px auto;padding:9px 16px;font-size:12px}footer{margin:12px auto}}
