/* The Odyssey — red-figure pottery theme */
:root{--ink:#1b130e;--ink2:#2a1d15;--ink3:#3a281c;--clay:#c9642b;--clayL:#e08a4f;--cream:#f3e2c0;--gold:#d9a441;--sea:#1e3442;--seaL:#3b6377;--red:#a8321e;--green:#7f9b4a;--radius:10px;--serif:Georgia,"Palatino Linotype","Book Antiqua",Palatino,serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--serif);line-height:1.65;font-size:18px;
 background-image:radial-gradient(ellipse at top,rgba(201,100,43,.10),transparent 60%),repeating-linear-gradient(45deg,rgba(255,255,255,.012) 0 2px,transparent 2px 6px)}
a{color:var(--clayL)}a:hover{color:var(--gold)}
img,svg{max-width:100%}
.hidden{display:none!important}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--gold);color:var(--ink);padding:6px 10px;z-index:9}
.meander{height:18px;background:url(../img/meander.svg) repeat-x center/auto 18px;opacity:.95}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}

/* header */
.site-head{background:linear-gradient(var(--ink2),var(--ink));border-bottom:2px solid var(--clay)}
.site-head .bar{display:flex;align-items:center;gap:14px;padding:10px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cream);font-size:1.25rem;letter-spacing:.04em;font-variant:normal}
.brand img{width:40px;height:40px}
.brand:hover{color:var(--gold)}
.head-nav{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.head-nav a{color:var(--cream);text-decoration:none;font-size:.9rem;padding:6px 10px;border:1px solid rgba(201,100,43,.5);border-radius:999px}
.head-nav a:hover{background:var(--clay);color:var(--ink)}

/* hero */
.hero{text-align:center;padding:26px 0 10px}
.hero .banner{width:100%;max-width:960px;height:auto;display:block;margin:0 auto;border-radius:var(--radius)}
.hero h1{font-size:clamp(2.2rem,6vw,3.8rem);margin:.3em 0 .1em;letter-spacing:.14em;text-transform:uppercase;color:var(--clay);text-shadow:0 2px 0 #000}
.hero .sub{font-style:italic;color:var(--gold);margin:0}
.intro{max-width:780px;margin:18px auto 8px;font-size:1.05rem}
.intro p:first-letter{}
h2.sec{text-align:center;color:var(--gold);letter-spacing:.02em;font-size:1.45rem;font-style:italic;font-weight:normal;margin:34px 0 6px}
.part-label{text-align:center;color:var(--clayL);font-style:italic;margin:0 0 14px}

/* table of contents */
.toc{list-style:none;padding:0;margin:0 0 30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.toc a{display:flex;gap:12px;align-items:center;height:100%;padding:12px;background:var(--ink2);border:1px solid var(--ink3);border-radius:var(--radius);text-decoration:none;color:var(--cream);transition:transform .15s,border-color .15s,background .15s}
.toc a:hover,.toc a:focus{transform:translateY(-2px);border-color:var(--clay);background:#33231a}
.toc .tondo{flex:0 0 66px;width:66px;height:66px}
.toc .num{display:block;color:var(--clay);font-size:.85rem;font-style:italic}
.toc .t{display:block;font-weight:bold;line-height:1.25}
.toc .g{display:block;font-size:.82rem;color:var(--gold);margin-top:3px}
.toc .g:before{content:"\2694\FE0E  "}

/* book page */
.book-head{display:flex;gap:20px;align-items:center;padding:26px 0 8px}
.book-head .tondo{flex:0 0 120px;width:120px;height:120px}
.book-head .kicker{color:var(--clay);letter-spacing:.2em;text-transform:uppercase;font-size:.85rem;margin:0}
.book-head h1{margin:.1em 0;font-size:clamp(1.7rem,4.5vw,2.6rem);line-height:1.15;color:var(--cream)}
.book-head .tag{margin:0;color:var(--gold);font-style:italic}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:30px;align-items:start}
.summary p{margin:0 0 1em;text-align:justify;hyphens:auto}
.summary p:first-child:first-letter{float:left;font-size:3.4em;line-height:.9;padding:4px 8px 0 0;color:var(--clay);font-weight:bold}
.aside{background:var(--ink2);border:1px solid var(--ink3);border-radius:var(--radius);padding:14px 16px;position:sticky;top:12px}
.aside h3{margin:.2em 0 .4em;color:var(--clay);font-size:1.05rem;font-style:italic;font-weight:normal}
.aside ul{margin:0 0 1em;padding-left:1.1em;font-size:.95rem}
.aside li{margin:.2em 0}
.pager{display:flex;justify-content:space-between;gap:10px;margin:26px 0;flex-wrap:wrap}
.pager a{flex:1 1 200px;text-decoration:none;color:var(--cream);background:var(--ink2);border:1px solid var(--clay);border-radius:var(--radius);padding:10px 14px}
.pager a:hover{background:var(--clay);color:var(--ink)}
.pager .next{text-align:right}.pager .mid{flex:0 1 auto;text-align:center}
.pager small{display:block;color:var(--gold);font-size:.85rem}
.pager a:hover small{color:var(--ink)}
.site-foot{border-top:2px solid var(--clay);margin-top:30px;padding:16px 0 30px;text-align:center;font-size:.85rem;color:#bfa883}

/* game container */
.game-box{margin:30px 0;background:linear-gradient(#2c1e15,#21160f);border:2px solid var(--clay);border-radius:14px;padding:0 0 18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.game-box>header{display:flex;gap:12px;align-items:center;background:var(--clay);color:var(--ink);padding:10px 16px}
.game-box>header img{width:44px;height:44px}
.game-box>header h2{margin:0;font-size:1.25rem;line-height:1.2}
.game-box>header p{margin:0;font-size:.9rem;font-style:italic}
#game{padding:14px 18px 0;min-height:200px}
noscript p{padding:10px}
.g-instr{font-size:1rem}
.g-instr ul{padding-left:1.2em}
.g-intro{text-align:center}.g-intro .g-instr{text-align:left;max-width:680px;margin:0 auto 14px}
.g-hud{text-align:center;font-size:.95rem;color:var(--gold);min-height:1.4em;margin:4px 0 8px}
.g-hud:empty{min-height:0;margin:0}
.g-stage{display:flex;flex-direction:column;align-items:center;gap:10px}
.g-stage:empty{display:none}
.g-result{text-align:center;margin:14px auto 0;max-width:640px;padding:16px;background:rgba(0,0,0,.25);border:1px dashed var(--clay);border-radius:var(--radius)}
.g-res-title{font-size:1.6rem;font-weight:bold;letter-spacing:.05em}
.g-res-title.win{color:var(--gold)}.g-res-title.lose{color:#e0674f}
.g-res-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:6px}
.g-canvas{display:block;width:100%;max-width:520px;height:auto;border-radius:8px;background:var(--ink);touch-action:none;cursor:crosshair}

/* buttons & small bits */
.btn{font:inherit;font-size:1rem;cursor:pointer;background:var(--clay);color:var(--ink);border:2px solid var(--clay);border-radius:999px;padding:9px 20px;font-weight:bold;letter-spacing:.03em;transition:background .15s,transform .05s;touch-action:manipulation}
.btn:hover{background:var(--clayL)}.btn:active,.btn.pressed{transform:translateY(1px);background:var(--gold)}
.btn:disabled{opacity:.45;cursor:default}
.btn.ghost{background:transparent;color:var(--cream)}.btn.ghost:hover{background:rgba(201,100,43,.25)}
.btn.big{font-size:1.2rem;padding:14px 30px}
.btn.warn{background:var(--red);border-color:var(--red);color:var(--cream)}
button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.mini{font-size:.85rem;color:var(--cream)}.mini.wait{opacity:.6}
.small{font-size:.85rem;color:#cdb68f}
.spr{display:inline-block;width:1em;height:1em;vertical-align:-.15em;overflow:visible}
.btn .spr{width:1.2em;height:1.2em;vertical-align:-.25em}
.game-note{margin:10px 0 0;font-size:.85rem;font-style:italic;opacity:.8;text-align:center}
.credit{font-size:.9rem;font-style:italic;border-top:1px solid var(--ink3);padding-top:10px;margin-top:18px;opacity:.9}
.part-intro{max-width:720px;margin:0 auto 14px;text-align:center}
.hp{color:#e0674f;font-size:1.1em}.hp.off{color:#4b3a2e}
.meter{width:100%;max-width:420px;height:18px;border:2px solid var(--cream);border-radius:999px;overflow:hidden;background:var(--ink)}
.meter.thin{height:10px}
.meter-fill{height:100%;width:0;background:linear-gradient(90deg,var(--clay),var(--gold))}
.opt{font:inherit;font-size:1rem;text-align:left;cursor:pointer;background:var(--ink2);color:var(--cream);border:2px solid var(--ink3);border-radius:var(--radius);padding:10px 14px;width:100%;touch-action:manipulation}
.opt:hover:not(:disabled){border-color:var(--clay)}
.opt.right{border-color:var(--green);background:#2f3a1f}.opt.wrong{border-color:#e0674f;background:#4a1d14}
.opt:disabled{cursor:default}

/* quiz */
.quiz{width:100%;max-width:640px}
.quiz-q{font-size:1.15rem;font-weight:bold;margin:4px 0 12px;text-align:center}
.quiz-opts{display:grid;gap:8px}
.quiz-x{margin:12px 0;padding:10px 12px;border-radius:8px;font-size:.98rem}
.quiz-x.ok{background:#2f3a1f;border-left:4px solid var(--green)}.quiz-x.no{background:#4a1d14;border-left:4px solid #e0674f}
.quiz .btn{display:block;margin:6px auto 0}

/* memory */
.mem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:640px}
.mem-card{position:relative;aspect-ratio:4/3;perspective:600px;cursor:pointer;border:0;padding:0;background:none;font:inherit;color:inherit}
.mem-back,.mem-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:8px;padding:4px;backface-visibility:hidden;transition:transform .35s;font-size:.82rem;line-height:1.2}
.mem-back{background:var(--clay) url(../img/meander.svg) repeat-x center/auto 14px;border:2px solid var(--ink3)}
.mem-face{transform:rotateY(180deg);border:2px solid var(--clay)}
.mem-card.name .mem-face{background:var(--ink);color:var(--gold);font-weight:bold;font-size:.95rem}
.mem-card.clue .mem-face{background:var(--cream);color:var(--ink)}
.mem-card.up .mem-back,.mem-card.done .mem-back{transform:rotateY(180deg)}
.mem-card.up .mem-face,.mem-card.done .mem-face{transform:rotateY(360deg)}
.mem-card.done{opacity:.6;cursor:default}

/* ordering */
.order-list{list-style:none;margin:0;padding:0;width:100%;max-width:640px;display:grid;gap:6px}
.order-item{display:flex;align-items:center;gap:8px;background:var(--ink2);border:2px solid var(--ink3);border-radius:8px;padding:6px 8px;cursor:pointer}
.order-item.sel{border-color:var(--gold);background:#3b2a1b}.order-item.right{border-color:var(--green)}.order-item.wrong{border-color:#e0674f}
.order-text{flex:1;font-size:.95rem}
.order-btns{display:flex;gap:4px}.order-btns button{font:inherit;min-width:36px;min-height:34px;cursor:pointer;background:var(--ink);color:var(--cream);border:1px solid var(--clay);border-radius:6px}
.order-msg{min-height:1.4em;text-align:center;color:var(--gold)}

/* matching */
.match-wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:720px}
.match-col{display:grid;gap:6px;align-content:start}
.match-l,.match-r{font:inherit;font-size:.9rem;text-align:left;cursor:pointer;background:var(--ink2);color:var(--cream);border:2px solid var(--ink3);border-radius:8px;padding:8px 10px;touch-action:manipulation}
.match-l{font-weight:bold;color:var(--gold)}
.match-l.sel,.match-r.sel{border-color:var(--gold);background:#3b2a1b}
.match-l.right,.match-r.right{border-color:var(--green);opacity:.6}
.match-r.wrong{border-color:#e0674f;background:#4a1d14}
.shake{animation:shake .35s}
@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}

/* loom (2) */
.loom{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:520px}
.loom-cloth{width:100%;min-height:40px;display:flex;flex-direction:column-reverse;gap:3px;border:2px solid var(--clay);border-radius:6px;padding:4px;background:#120c08}
.loom-row{display:flex;gap:3px;height:12px}.loom-row span{flex:1;border-radius:2px}
.loom-pads{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}
.loom-pad{font:inherit;cursor:pointer;height:90px;border:3px solid var(--ink3);border-radius:10px;color:var(--ink);font-weight:bold;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:.7;transition:opacity .1s,transform .1s;touch-action:manipulation}
.loom-pad small{opacity:.7}
.loom-pad.lit{opacity:1;transform:scale(1.06);border-color:var(--cream);box-shadow:0 0 18px rgba(243,226,192,.6)}
.loom-msg{min-height:1.4em;text-align:center;color:var(--gold);margin:0}

/* proteus (4) */
.proteus{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:480px;text-align:center}
.proteus-face{font-size:6rem;line-height:1;min-height:1em}
.proteus-label{font-size:1.1rem;color:var(--gold);min-height:1.5em}

/* adventure (9) */
.adv{width:100%;max-width:640px}
.adv-text{background:var(--ink2);border-left:4px solid var(--clay);padding:12px 14px;border-radius:6px}
.adv-warn{color:#e0674f;font-weight:bold}
.adv-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.adv-input{flex:1;min-width:150px;font:inherit;padding:8px 12px;border-radius:999px;border:2px solid var(--clay);background:var(--ink);color:var(--cream)}
.adv-choices{display:grid;gap:8px;margin-top:10px}

/* moly (10) */
.moly-clue{text-align:center;max-width:600px}
.moly-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:560px}
.moly-plant{cursor:pointer;background:#20160f;border:2px solid var(--ink3);border-radius:10px;padding:4px;touch-action:manipulation}
.moly-plant svg{width:100%;height:auto;display:block}
.moly-plant:hover{border-color:var(--clay)}.moly-plant.right{border-color:var(--green);background:#2f3a1f}.moly-plant.wrong{border-color:#e0674f;background:#4a1d14}

/* cave (13) */
.cave-prompt{text-align:center;min-height:1.5em;color:var(--gold);margin:0}
.cave-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:400px}
.cave-nook{aspect-ratio:1;min-width:0;overflow:hidden;padding:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:inherit;line-height:1.1;font-size:2.4rem;cursor:pointer;background:radial-gradient(circle at 50% 60%,#120c08 0 45%,#3a281c 46%);border:2px solid var(--ink3);border-radius:50% 50% 12px 12px;color:var(--cream);touch-action:manipulation}
.cave-nook small{display:block;font-size:clamp(.6rem,2.6vw,.8rem);max-width:100%;overflow-wrap:anywhere}
.cave-nook.show{background:radial-gradient(circle,#4a3320,#2a1d15);border-color:var(--gold)}
.cave-nook.covered{background:radial-gradient(circle at 50% 60%,#120c08 0 45%,#3a281c 46%)}
.cave-nook.found{border-color:var(--green);background:#2f3a1f}.cave-nook.miss{border-color:#e0674f;background:#4a1d14}

/* sea grid (15) */
.sea-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}
.sea-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;width:100%;max-width:400px;background:#10202a;padding:3px;border:2px solid var(--clay);border-radius:8px}
.sea-cell{aspect-ratio:1;min-width:0;overflow:hidden;font-family:inherit;background:var(--sea);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:clamp(.8rem,3.2vw,1.2rem);cursor:pointer;border:0;padding:0;color:var(--cream);position:relative}
.sea-cell[aria-label='Land 4,5']{font-size:clamp(.45rem,1.8vw,.7rem)}
.sea-cell.land{background:#6b5a35;cursor:default}
.sea-cell.goal{background:var(--green)}
.sea-cell.watch{background:#6a2a1d}
.sea-cell.next{box-shadow:inset 0 0 0 2px #e0674f}
.sea-cell.me{background:var(--gold)}
.sea-cell.enemy{background:var(--red)}
.sea-pad{display:flex;flex-direction:column;align-items:center;gap:6px}.sea-pad>div{display:flex;gap:6px}
.sea-pad button{min-width:60px;font:inherit;font-size:1.2rem;height:46px;cursor:pointer;background:var(--ink2);color:var(--cream);border:2px solid var(--clay);border-radius:8px;touch-action:manipulation}

/* unscramble (16) */
.scr{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:600px;text-align:center}
.scr-clue{font-style:italic}
.scr-out{min-height:1.4em;color:var(--gold)}.scr-out.good{color:#a9c46a}.scr-out.bad{color:#e0674f}
.scr-pool{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.tile{font:inherit;font-weight:bold;font-size:1.1rem;min-width:40px;height:44px;cursor:pointer;background:var(--cream);color:var(--ink);border:2px solid var(--clay);border-radius:6px;touch-action:manipulation}
.tile:disabled{opacity:.35;cursor:default}
.tile.right{background:var(--green);opacity:.75}.tile.wrong{background:#e0674f;opacity:.6}
.slot{min-width:40px;height:44px;border-bottom:3px solid var(--clay);display:inline-flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.1rem}
.slot.full{color:var(--gold)}

/* beggar (17) */
.beg{width:100%;max-width:560px;text-align:center}
.beg-card{min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--cream);color:var(--ink);border:3px solid var(--clay);border-radius:12px;padding:12px;margin-bottom:10px;font-size:1.05rem}
.beg-card.good{border-color:var(--green)}.beg-card.bad{border-color:var(--red);background:#f0c9b5}
.beg-log{list-style:none;padding:0;margin:12px 0 0;text-align:left;font-size:.9rem;max-height:160px;overflow:auto}
.beg-log li{padding:3px 8px;border-bottom:1px solid var(--ink3)}
.beg-log li.good{color:#c5d98e}.beg-log li.bad{color:#f08a73}

/* boxing (18) */
.box{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:520px;text-align:center}
.box-fig{font-size:6rem;line-height:1}
.box-say{min-height:2.8em;font-size:1.1rem;color:var(--gold)}
.box-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
.box-btns .btn{padding:14px 10px}

/* hangman (19) */
.hm{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:640px}
.hm-clue{margin:0;font-style:italic;text-align:center}
.hm-basin{text-align:center}.hm-basin .drop{font-size:1.5rem;transition:opacity .3s}.hm-basin .drop.spilt{opacity:.15}
.hm-word{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.hm-group{display:flex;gap:4px}
.hm-ch{width:1.6em;height:1.9em;border-bottom:3px solid var(--clay);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:bold;color:var(--gold)}
.hm-keys{display:grid;grid-template-columns:repeat(9,1fr);gap:5px;width:100%;max-width:520px}
.hm-keys .tile{min-width:0;padding:0}

/* omens (20) */
.omen{width:100%;max-width:540px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.omen-card{width:100%;min-height:110px;display:flex;align-items:center;justify-content:center;padding:14px;background:var(--cream);color:var(--ink);border:3px solid var(--clay);border-radius:12px;font-size:1.15rem;font-weight:bold}
.omen-card.good{border-color:var(--green);background:#dfe7c4}.omen-card.bad{border-color:var(--red);background:#f0c9b5}

/* hall (22) */
.hall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:420px}
.hall-spot{position:relative;aspect-ratio:1;font:inherit;cursor:pointer;border:2px solid var(--ink3);border-radius:10px 10px 4px 4px;color:var(--cream);overflow:hidden;
 background:linear-gradient(90deg,transparent 0 30%,#5a3e2a 30% 70%,transparent 70%),linear-gradient(#2a1d15,#1b130e);touch-action:manipulation;user-select:none;-webkit-user-select:none}
.hall-spot .who{font-size:2.3rem;line-height:1.1;display:block;transform:translateY(60%);opacity:0;transition:transform .12s,opacity .12s}
.hall-spot small{display:block;font-size:.7rem;opacity:0}
.hall-spot.up .who{transform:none;opacity:1}.hall-spot.up small{opacity:1}
.hall-spot.foe.up{background:radial-gradient(circle,#7a2a1a,#2a1d15)}
.hall-spot.friend.up{background:radial-gradient(circle,#3b6377,#1e3442)}
.hall-spot.struck{background:var(--gold)!important}

/* sliding puzzle (23) */
.slide-area{display:flex;gap:16px;align-items:flex-start;justify-content:center;flex-wrap:wrap;width:100%}
.slide{position:relative;width:min(84vw,360px);aspect-ratio:1;background:#120c08;border:3px solid var(--clay);border-radius:6px}
.slide-tile{position:absolute;width:33.333%;height:33.333%;background-size:300% 300%;border:1px solid var(--ink);padding:0;cursor:pointer;transition:left .15s,top .15s;touch-action:manipulation}
.slide-tile small{position:absolute;left:3px;top:1px;font-size:.7rem;color:var(--cream);background:rgba(0,0,0,.55);padding:0 4px;border-radius:4px}
.slide.solved .slide-tile{border-color:transparent}.slide.solved .slide-tile small{display:none}
.slide-side{text-align:center}.slide-side p{margin:0}
.slide-peek{width:110px;height:110px;border:2px solid var(--clay);border-radius:6px}

/* orchard (24) */
.orchard{width:100%;max-width:640px;text-align:center}
.orch-row{display:flex;flex-direction:column;align-items:center;margin:8px 0;padding:6px;background:var(--ink2);border-radius:8px}
.orch-row b{color:var(--gold)}
.orch-glyphs{font-size:1.1rem;line-height:1.25;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%}

/* responsive */
@media (max-width:860px){.layout{grid-template-columns:1fr}.aside{position:static}}
@media (max-width:600px){
 body{font-size:16.5px}
 .wrap{padding:0 12px}
 .summary p{text-align:left}
 .book-head{gap:12px}.book-head .tondo{flex-basis:76px;width:76px;height:76px}
 .head-nav a{padding:4px 8px;font-size:.8rem}
 .brand span{font-size:1rem}
 .mem-grid{grid-template-columns:repeat(4,1fr);gap:5px}.mem-back,.mem-face{font-size:.7rem}
 .mem-card.name .mem-face{font-size:.78rem}
 .moly-grid{grid-template-columns:repeat(3,1fr)}
 .match-l,.match-r{font-size:.8rem;padding:6px}
 .loom-pad{height:70px;font-size:.8rem}
 .hm-keys{grid-template-columns:repeat(7,1fr)}
 #game{padding:12px 10px 0}
 .pager .mid{order:-1;flex-basis:100%}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* cross-site links (More from Jugami) */
.jugami-more{margin:14px auto 0;padding-top:12px;border-top:1px dashed rgba(201,100,43,.5);max-width:720px;line-height:2;color:#8f7a5e;font-size:.85rem}
.jugami-more .jm-label{font-style:italic;color:#bfa883;margin-right:4px}
.jugami-more a{color:var(--gold);text-decoration:none;white-space:nowrap}
.jugami-more a:hover,.jugami-more a:focus-visible{color:var(--cream);text-decoration:underline}
.jugami-more a[aria-current]{color:#bfa883;text-decoration:none}