:root{--ground:#F4F3EF;--surface:#FBFAF7;--panel:#EAE8E0;--line:#D9D6CC;--ink:#17201C;--ink-soft:#3A423C;--pine:#1E3A34;--pine-deep:#16302A;--gold:#A9791F;--muted:#6E736B;--good:#2F7A55;--good-bg:#E4F0E8;--warn:#A9791F;--warn-bg:#F5EAD2;--crit:#A23B2E;--crit-bg:#F2E0DC;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--serif:Georgia,"Iowan Old Style",serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--radius:6px}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--pine);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;letter-spacing:-.01em}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--pine);color:#E9EDEA;padding:26px 18px;display:flex;flex-direction:column;gap:6px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{font-family:var(--serif);font-size:20px;color:#FBFAF6;margin-bottom:4px;line-height:1.1}.brand small{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#9DB0A8;margin-top:6px}.nav{flex-direction:column;gap:2px;margin-top:22px}.nav,.nav a{display:flex}.nav a{color:#C6D0CB;padding:9px 12px;border-radius:var(--radius);font-size:14.5px;align-items:center;gap:10px}.nav a:hover{background:rgba(255,255,255,.06);text-decoration:none;color:#EEF2F0}.nav a.active{background:var(--pine-deep);color:#fff}.sidebar .foot{margin-top:auto;font-size:13px;color:#9DB0A8;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}.sidebar .foot b{color:#E9EDEA;display:block;font-weight:600}.linkbtn{background:none;border:none;color:#9DB0A8;padding:0;margin-top:8px;font-size:13px;text-decoration:underline}.linkbtn:hover{color:#E9EDEA}.main{padding:34px 40px 80px;max-width:1100px}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:22px;flex-wrap:wrap}.page-head h1{font-family:var(--serif);font-size:30px;font-weight:600}.page-head .sub{color:var(--muted);font-size:13.5px;font-family:var(--mono)}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.card-pad{padding:20px 22px}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:14px;gap:14px;margin-bottom:26px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.stat .k{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.stat .v{font-size:27px;font-weight:680;margin-top:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.input{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:9px 13px;font-size:14px;color:var(--ink);min-width:260px}.input:focus{border-color:var(--gold);outline:none}.select{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:9px 11px;font-size:14px}.btn{background:var(--pine);color:#fff;border:none;border-radius:var(--radius);padding:10px 18px;font-size:14.5px;font-weight:560}.btn:hover{background:var(--pine-deep)}.btn:disabled{opacity:.5;cursor:default}.btn-ghost{background:transparent;color:var(--pine);border:1px solid var(--line)}.btn-ghost:hover{background:var(--panel)}.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600;background:var(--panel);position:-webkit-sticky;position:sticky;top:0}tbody tr:last-child td{border-bottom:none}tbody tr{cursor:pointer}tbody tr:hover{background:#F3F1EA}td.num,th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}td .muted{color:var(--muted)}.pill{display:inline-flex;align-items:center;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.03em;padding:3px 9px;border-radius:20px;text-transform:uppercase}.pill.good{background:var(--good-bg);color:var(--good)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.crit{background:var(--crit-bg);color:var(--crit)}.pill.neutral{background:var(--panel);color:var(--muted)}.pager{display:flex;gap:10px;align-items:center;margin-top:16px;font-size:14px;color:var(--muted)}.pager button{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:7px 12px;font-size:13.5px}.pager button:hover:not(:disabled){background:var(--panel)}.pager button:disabled{opacity:.4;cursor:default}.detail-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:22px;gap:22px;align-items:start}.kv{display:grid;grid-template-columns:130px 1fr;grid-gap:8px 16px;gap:8px 16px;font-size:14px}.kv dt{color:var(--muted);font-family:var(--mono);font-size:12px}.kv dd{margin:0}.section-title{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:26px 0 12px}.logbox{background:#10231E;color:#CFE0D8;border-radius:var(--radius);padding:18px 20px;line-height:1.7;max-height:460px;overflow-y:auto;white-space:pre-wrap}.back,.logbox{font-family:var(--mono);font-size:12.5px}.back{color:var(--muted);margin-bottom:14px;display:inline-block}.empty,.spinner{padding:46px;text-align:center;color:var(--muted)}.spinner{font-family:var(--mono);font-size:13px}.error-banner{background:var(--crit-bg);color:var(--crit);padding:12px 16px;border-radius:var(--radius);font-size:14px;margin-bottom:16px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:36px 34px}.login-logo{display:block;width:84px;height:84px;border-radius:18px;margin:0 auto 16px}.goal-fork-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.04em}.goal-fork-divider:after,.goal-fork-divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.howto{margin-top:18px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.howto-title{font-family:var(--serif);font-size:15px;color:var(--pine);margin-bottom:8px}.howto ol{margin:0;padding-left:20px}.howto li{font-size:13.5px;color:var(--ink-soft);line-height:1.7}.play-help{background:#F2ECD8;border:1px solid rgba(216,171,69,.5);border-left:3px solid var(--gold);border-radius:var(--radius);padding:14px 16px;margin-bottom:16px}.play-help b{color:var(--pine)}.play-help-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.play-help ul{margin:8px 0 0;padding-left:18px;font-size:13px;color:var(--ink);line-height:1.7}.journal-entry{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--radius);padding:14px 16px;margin-bottom:14px}.journal-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;flex-wrap:wrap}.journal-goal{font-family:var(--serif);font-size:16px;color:var(--ink)}.journal-meta{font-size:12px;color:var(--muted);white-space:nowrap}.journal-answer{margin:0 0 8px;font-size:14px;color:var(--ink-soft);line-height:1.6;padding-left:12px;border-left:2px solid var(--line)}.ach{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:22px}.ach-streak{font-size:15px;color:var(--ink);margin-bottom:12px}.ach-streak b{font-size:20px;color:var(--gold)}.ach-streak em,.ach-streak span{color:var(--muted);font-size:13px}.ach-streak em{font-style:normal}.ach-badges{display:flex;flex-wrap:wrap;gap:8px}.ach-badge{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--muted);opacity:.65}.ach-badge.on{background:#F2ECD8;border-color:#E7D5A8;color:var(--gold);font-weight:600;opacity:1}.ach-badge .ach-ic{font-size:15px}.ach-badge em{font-style:normal;opacity:.8}.daily{max-width:560px}.daily-img{display:block;width:100%;max-width:300px;margin:0 auto 14px;border-radius:12px}.daily-name{font-family:var(--serif);font-size:22px;color:var(--pine);margin:0 0 10px;text-align:center}.daily-text{font-size:15px;color:var(--ink);line-height:1.6;margin:0 0 8px}.deck-grid{display:flex;flex-wrap:wrap;gap:8px;max-height:260px;overflow-y:auto}.deck-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:6px 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer}.deck-chip.on{background:#F2ECD8;border-color:#E7D5A8;color:var(--gold);font-weight:600}.deck-chip input{accent-color:var(--gold)}.pair-row{margin-bottom:14px}.pair-info{font-size:13.5px;color:var(--ink-soft)}.pair-info a,.pair-info b{color:var(--gold)}.pair-info-block{display:flex;flex-direction:column;gap:4px}.pair-invite{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.partner-live{font-family:var(--mono);font-size:12.5px;color:var(--good)}.pair-compare{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.pair-col{min-width:0}.pair-player{font-weight:700;color:var(--pine);margin-bottom:4px}.pair-goal{font-size:13px;color:var(--muted);margin-bottom:12px}.pair-answer{margin:0 0 8px;font-size:13.5px;color:var(--ink-soft);line-height:1.55;padding-left:10px;border-left:2px solid var(--line)}.pair-role{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:13.5px}.pair-role-img{width:40px;height:40px;border-radius:8px;object-fit:cover;flex:none}@media (max-width:560px){.pair-compare{grid-template-columns:1fr}}.login-card .brand{color:var(--pine);font-size:26px}.login-card label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:18px 0 6px}.login-card .input{width:100%;min-width:0}.login-card .btn{width:100%;margin-top:24px;padding:12px}.login-section{margin-top:22px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.login-section-label{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.login-section .btn-ghost{width:auto;margin-top:8px;padding:8px 14px}.login-divider{display:flex;align-items:center;gap:12px;margin:24px 0 4px;color:var(--muted);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.login-divider:after,.login-divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.setup-label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.skill-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.skill-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:20px;padding:7px 14px;font-size:13.5px}.skill-chip:hover:not(:disabled){background:var(--panel)}.skill-chip.on{background:var(--pine);color:#fff;border-color:var(--pine)}.skill-chip:disabled{opacity:.4;cursor:default}.skill-chip.has-tip{position:relative;cursor:help}.skill-chip.has-tip:after{content:attr(data-tip);bottom:calc(100% + 8px);transform:translateX(-50%) translateY(4px);width:max-content;max-width:240px;white-space:normal;text-align:left;background:var(--ink);color:#fff;font-size:12px;line-height:1.45;padding:8px 10px;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.22);transition:opacity .14s ease,transform .14s ease}.skill-chip.has-tip:after,.skill-chip.has-tip:before{position:absolute;left:50%;opacity:0;pointer-events:none;z-index:30}.skill-chip.has-tip:before{content:"";bottom:calc(100% + 2px);transform:translateX(-50%);border:6px solid transparent;border-top:6px solid var(--ink);transition:opacity .14s ease}.skill-chip.has-tip:focus-visible:after,.skill-chip.has-tip:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}.skill-chip.has-tip:focus-visible:before,.skill-chip.has-tip:hover:before{opacity:1}@media (prefers-reduced-motion:reduce){.skill-chip.has-tip:after{transition:none}}.role-preview{display:flex;gap:14px;margin-top:12px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.role-img{width:96px;height:96px;flex:none;object-fit:cover;border-radius:10px;background:var(--surface);border:1px solid var(--line)}.role-preview-body b{display:block;font-size:15px;margin-bottom:4px}.role-preview-body p{margin:0;font-size:12.5px;color:var(--ink-soft);line-height:1.5;max-height:130px;overflow-y:auto}.role-card{display:flex;gap:18px;align-items:flex-start}.role-card .role-img{width:120px;height:120px;border-radius:12px}.role-card-body{min-width:0}.role-card-body h3{font-family:var(--serif);font-size:20px;margin:2px 0 8px}.role-card-body p{margin:0;font-size:13.5px;color:var(--ink-soft);line-height:1.55;max-height:160px;overflow-y:auto;white-space:pre-wrap}.play-grid{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:24px;gap:24px;align-items:start}.tilt-stage{perspective:1500px;perspective-origin:50% 8%;padding:36px 8px 64px}.board.tilt{transform:rotateX(40deg);transform-style:preserve-3d;box-shadow:0 40px 50px -20px rgba(0,0,0,.35)}.board.tilt .cell{transition:transform .2s ease,box-shadow .2s ease}.board.tilt .cell.here{transform:translateZ(12px);box-shadow:0 0 0 2px var(--gold),0 16px 18px -8px rgba(0,0,0,.45)}.board.tilt .cell.topos{transform:translateZ(5px);box-shadow:0 8px 10px -6px rgba(0,0,0,.3)}.board.tilt .cell.topos.visited{transform:translateZ(2px)}.board.tilt .token{transform-style:preserve-3d}@media (prefers-reduced-motion:reduce){.board.tilt .cell{transition:none}}.board{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px;background:var(--panel);padding:8px;border-radius:var(--radius);border:1px solid var(--line)}.board,.cell{position:relative}.cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:14px;background:var(--surface);border-radius:3px;color:var(--muted)}.cell.trail{box-shadow:inset 0 0 0 2px rgba(43,90,72,.28)}.cell.trail:after{content:"";position:absolute;left:50%;bottom:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:rgba(43,90,72,.5)}.cell.finish.trail:after,.cell.topos.trail:after{display:none}.cell.topos{background:#FBF6E6 url(/topos-back.jpg) 50%/cover no-repeat;color:var(--gold);font-weight:700;cursor:help}.cell.topos.visited{background-image:linear-gradient(rgba(43,90,72,.62),rgba(43,90,72,.62)),url(/topos-back.jpg);background-size:cover;background-position:50%;color:#fff}.cell.setup{background:#E3EAE4}.cell.finish{background:#DCE9DE}.row-label{display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--pine);z-index:2;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-label-divider{border-bottom:1px solid #e7d5a8}.cell.here{background:var(--pine);box-shadow:0 0 0 2px var(--gold)}.token{position:absolute;top:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;font-size:17px;pointer-events:none;border-radius:4px;background:linear-gradient(160deg,#d8ab45,#b8882f);box-shadow:0 3px 7px rgba(0,0,0,.28),inset 0 0 0 1.5px rgba(255,255,255,.55);transition:transform .42s cubic-bezier(.34,1.15,.5,1);will-change:transform}@media (prefers-reduced-motion:reduce){.token{transition:none!important}}.board-progress{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:12px;font-family:var(--mono);font-size:12px;color:var(--ink-soft)}.board-progress span:first-child{color:var(--pine);font-weight:600}.board-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:11px;color:var(--muted)}.board-legend span{display:inline-flex;align-items:center;gap:6px}.board-legend .lg{width:13px;height:13px;border-radius:3px;display:inline-block}.board-legend .lg.setup{background:#E3EAE4}.board-legend .lg.topos{background:#EDE7D6}.board-legend .lg.visited{background:#D8E4D9}.board-legend .lg.here{background:var(--pine)}.board-legend .lg.finish{background:#DCE9DE}.dpad{display:grid;grid-template-columns:repeat(3,56px);grid-gap:6px;justify-content:center;margin:4px 0 8px}.dpad button{height:46px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);font-size:18px;color:var(--pine)}.dpad button:hover:not(:disabled){background:var(--panel)}.dpad button:disabled{opacity:.3}.dpad .mid{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted)}.roll-row{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.btn.btn-ghost.hint{border-color:var(--gold);box-shadow:0 0 0 2px rgba(184,142,47,.18)}.roll-result{font-family:var(--mono);font-size:14px;color:var(--ink-soft);padding:8px 0;min-height:20px;line-height:1.5}.roll-result.ok{color:var(--good)}.roll-result.fail{color:#b4553a}.roll-anim{display:flex;align-items:center;gap:9px;min-height:20px;padding:8px 0}.roll-anim.roll-anim-dice{gap:16px;padding:16px 18px;margin:4px 0;background:var(--panel);border-radius:16px}.roll-anim .coin{width:20px;height:20px;border-radius:50%;background:linear-gradient(160deg,#d8ab45,#b8882f);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5);animation:coin-flip .6s linear infinite}.roll-anim .coin:nth-child(2){animation-delay:.12s}.roll-anim .coin:nth-child(3){animation-delay:.24s}.roll-anim-label{font-family:var(--mono);font-size:13px;color:var(--muted)}.roll-cat{font-size:34px;display:inline-block;transform-origin:70% 90%;animation:cat-hop .4s ease-out both}.roll-paw{position:relative;width:20px;height:16px;flex:none;margin:0 -8px 0 -6px;transform-origin:85% 70%;animation:paw-bat .5s cubic-bezier(.55,0,.2,1) infinite}.roll-paw:before{left:1px;bottom:0;width:16px;height:11px;border-radius:50% 50% 40% 40%;box-shadow:0 1px 1px rgba(0,0,0,.15)}.roll-paw:after,.roll-paw:before{content:"";position:absolute;background:#C98A63}.roll-paw:after{left:2px;top:-3px;width:4px;height:5px;border-radius:50%;box-shadow:6px 0 0 #C98A63,12px 0 0 #C98A63}@keyframes cat-hop{0%{transform:translateX(-18px) rotate(-8deg);opacity:0}to{transform:translateX(0) rotate(-3deg);opacity:1}}@keyframes paw-bat{0%,40%{transform:translateX(0) rotate(-14deg)}60%{transform:translateX(15px) rotate(30deg) scale(1.05)}80%{transform:translateX(5px) rotate(-4deg)}to{transform:translateX(0) rotate(-14deg)}}@keyframes coin-flip{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.roll-faces{display:flex;gap:10px;padding:8px 0 2px}.roll-face{display:inline-block;filter:drop-shadow(0 3px 4px rgba(0,0,0,.18));animation:die-land .45s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes die-land{0%{transform:scale(.3) rotate(-30deg);opacity:0}60%{transform:scale(1.18) rotate(6deg);opacity:1}to{transform:scale(1) rotate(0deg);opacity:1}}.die3d-scene{display:inline-block;width:36px;height:36px;perspective:220px;filter:drop-shadow(0 4px 5px rgba(0,0,0,.25))}.die3d-cube{display:inline-block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.die3d-cube.die3d-tumbling{animation:die3d-tumble 1.6s linear infinite;transition:none}@keyframes die3d-tumble{0%{transform:rotateX(0deg) rotateY(0deg)}20%{transform:rotateX(160deg) rotateY(90deg)}40%{transform:rotateX(280deg) rotateY(200deg)}60%{transform:rotateX(400deg) rotateY(340deg)}80%{transform:rotateX(560deg) rotateY(460deg)}to{transform:rotateX(2turn) rotateY(2turn)}}.die3d-face{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:6px;box-sizing:border-box;background:linear-gradient(160deg,#fffdf8,#e9e2d3);border-radius:6px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);-webkit-backface-visibility:hidden;backface-visibility:hidden}.die3d-pip{width:6px;height:6px;border-radius:50%;background:#2b2320;place-self:center}.pip-tl{grid-area:1/1}.pip-tr{grid-area:1/3}.pip-ml{grid-area:2/1}.pip-c{grid-area:2/2}.pip-mr{grid-area:2/3}.pip-bl{grid-area:3/1}.pip-br{grid-area:3/3}@media (prefers-reduced-motion:reduce){.roll-anim .coin,.roll-cat,.roll-face,.roll-paw{animation:none}.die3d-cube{transition:none}.die3d-cube.die3d-tumbling{animation:none}}.topos-card{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--radius);padding:16px 18px;margin-bottom:16px}.topos-illu{display:block;width:100%;max-width:200px;margin:0 auto 14px;border-radius:10px}.topos-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.topos-card h3{font-family:var(--serif);font-size:20px;margin:0}.topos-badge{flex:none;font-family:var(--mono);font-size:11px;padding:3px 9px;border-radius:999px;background:var(--panel);color:var(--ink-soft);white-space:nowrap}.topos-badge.coins{background:#F2ECD8;color:var(--gold)}.topos-badge.dice{background:#E6EAF2;color:#445}.topos-badge.none{background:#E3EAE4;color:var(--pine)}.topos-step{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}.pending-msg{font-size:14px;line-height:1.5;margin:4px 0 10px}.pending-msg.ok{color:var(--good)}.pending-msg.fail{color:#b4553a}.pending-note{font-size:12.5px;color:var(--muted);margin:-4px 0 10px}.pending-hint{font-size:13px;color:var(--ink-soft);margin:6px 0 10px;line-height:1.5}.move-btn{display:inline-flex;align-items:center;gap:8px}.move-choices{display:flex;flex-wrap:wrap;gap:8px}.cell.tp-target{cursor:pointer;background-image:linear-gradient(rgba(216,171,69,.35),rgba(216,171,69,.35)),url(/topos-back.jpg);box-shadow:inset 0 0 0 2px var(--gold);animation:tp-pulse 1.1s ease-in-out infinite}@keyframes tp-pulse{0%,to{box-shadow:inset 0 0 0 2px var(--gold)}50%{box-shadow:inset 0 0 0 3px var(--gold),0 0 8px rgba(216,171,69,.6)}}@media (prefers-reduced-motion:reduce){.cell.tp-target{animation:none}}.topos-instr{margin-top:10px;padding:10px 12px;background:var(--panel);border-radius:8px;font-size:13px;color:var(--ink)}.topos-tip{margin-top:12px;padding-top:10px;border-top:1px dashed var(--line);font-size:12px}.dpad-hint,.topos-tip{color:var(--muted);line-height:1.5}.dpad-hint{text-align:center;font-size:11px;margin:0 0 14px}.topos-card p{margin:0;color:var(--ink-soft);font-size:14px;white-space:pre-wrap;max-height:220px;overflow-y:auto}.finish-banner{background:var(--good-bg);color:var(--good);border-radius:var(--radius);padding:16px 18px;font-weight:600;margin-bottom:16px;text-align:center}.stuck-hint{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#F2ECD8;border:1px solid rgba(216,171,69,.5);border-left:3px solid var(--gold);border-radius:var(--radius);padding:14px 16px;margin-bottom:16px}.stuck-hint-text{flex:1 1;min-width:220px;font-size:13.5px;color:var(--ink);line-height:1.5}.stuck-hint-actions{display:flex;gap:8px;flex:none}.game-list{display:flex;flex-direction:column;gap:10px}.game-item{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--radius);padding:14px 16px}.game-item.done{border-left-color:var(--good);opacity:.92}.game-item-main{flex:1 1;min-width:0}.game-item-goal{font-family:var(--serif);font-size:16px;color:var(--ink);margin-bottom:3px;overflow-wrap:anywhere}.game-item-meta{font-size:12.5px;color:var(--muted)}.game-progress{color:var(--gold);font-weight:600}.game-item .btn{flex:none}.btn-danger{color:#b4553a;border-color:rgba(180,85,58,.4)}.btn-danger:hover:not(:disabled){background:rgba(180,85,58,.08)}.game-item.abandoned{border-left-color:var(--line);opacity:.72}.collapse{margin-top:22px}.collapse>summary{cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--serif);font-size:15px;color:var(--ink-soft);padding:6px 0;display:flex;align-items:center;gap:8px}.collapse>summary::-webkit-details-marker{display:none}.collapse>summary:before{content:"▸";color:var(--muted);transition:transform .15s}.collapse[open]>summary:before{transform:rotate(90deg)}.chat-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.chat-messages{display:flex;flex-direction:column;gap:10px;max-height:320px;overflow-y:auto;margin-bottom:14px}.chat-hint{margin:0;color:var(--muted);font-size:13.5px}.chat-msg{max-width:78%;padding:10px 14px;border-radius:12px;font-size:14.5px;line-height:1.5;white-space:pre-wrap}.chat-msg.user{align-self:flex-end;background:var(--pine);color:#EDEFEA;border-bottom-right-radius:4px}.chat-msg.assistant{align-self:flex-start;background:var(--panel);color:var(--ink);border-bottom-left-radius:4px}.chat-typing{color:var(--muted);font-style:italic}.insights-box{background:#F3EFE3;border:1px solid #e3d9bd;border-left:3px solid var(--gold);border-radius:var(--radius);padding:18px 22px;font-size:14.5px;line-height:1.6;white-space:pre-wrap}@media print{.no-print,.sidebar{display:none!important}.shell{display:block}.main{padding:0;max-width:100%}.logbox,body{background:#fff}.logbox{max-height:none;overflow:visible;color:var(--ink);border:1px solid var(--line)}}[data-theme=dark]{--ground:#15171B;--surface:#1C1F25;--panel:#23272E;--line:#30353D;--ink:#ECEDEA;--ink-soft:#C2C6C1;--pine:#16302A;--pine-deep:#0F241F;--gold:#D4AF62;--muted:#8A8F88;--good:#5FC08A;--good-bg:#16302479;--warn:#D9B15E;--warn-bg:#2E271779;--crit:#E08A72;--crit-bg:#2E1B1879}[data-theme=dark] body{background:var(--ground)}[data-theme=dark] .btn-ghost{background:transparent}.theme-toggle{background:none;border:none;color:#9DB0A8;padding:0;margin-top:10px;font-size:13px;text-decoration:underline;text-align:left}.theme-toggle:hover{color:#E9EDEA}.lp-hero{max-width:560px;margin:0 auto 22px;text-align:center}.lp-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.lp-title{font-family:var(--serif);font-size:34px;line-height:1.12;color:var(--ink);margin:12px 0 10px;text-wrap:balance}.lp-sub{color:var(--ink-soft);font-size:16px;line-height:1.55;margin:0 auto 18px;max-width:44ch}.lp-steps{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:18px 0 4px}.lp-step{flex:1 1 150px;max-width:180px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;text-align:left}.lp-step b{display:block;font-size:13.5px;color:var(--ink);margin-bottom:3px}.lp-step span{font-size:12.5px;color:var(--muted);line-height:1.4}.draw-card{display:flex;align-items:center;justify-content:center;gap:14px;min-height:96px;border:1px dashed var(--line);background:var(--panel)}.draw-card-inline{display:inline-flex}@keyframes gr-card-flip{0%{transform:rotateY(0deg) scale(1)}50%{transform:rotateY(90deg) scale(.94)}to{transform:rotateY(0deg) scale(1)}}.draw-card-flipping{animation:gr-card-flip .5s ease}.draw-reveal{animation:die-land .45s cubic-bezier(.34,1.56,.64,1) both}@media (prefers-reduced-motion:reduce){.draw-card-flipping,.draw-reveal{animation:none}}.readiness-overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:rgba(16,20,18,.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:24px;overflow-y:auto}.readiness-card{max-width:480px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--surface);border:2px solid var(--gold);border-radius:var(--radius);padding:26px 28px;box-shadow:0 20px 50px rgba(0,0,0,.4);animation:die-land .45s cubic-bezier(.34,1.56,.64,1) both}.readiness-card p{line-height:1.6;margin:0 0 18px;color:var(--ink)}@media (prefers-reduced-motion:reduce){.readiness-card{animation:none}}.streak-hero{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,var(--pine),var(--pine-deep));color:#F4F1EA;border-radius:12px;padding:18px 22px;margin-bottom:20px}.streak-flame{font-size:40px;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.streak-num{font-size:38px;font-weight:720;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.streak-main .lbl{font-size:13px;color:#CBD6D0;margin-top:2px}.streak-meta{margin-left:auto;text-align:right;font-size:12.5px;color:#CBD6D0}.streak-meta b{color:#F4E7C4}.streak-freeze{font-size:11.5px;color:#CBD6D0;margin-top:4px}.weekly-card{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--radius);padding:18px 20px;margin-bottom:20px}.weekly-card h3{font-family:var(--serif);font-size:18px;margin-bottom:6px}.weekly-body{font-size:14px;line-height:1.6;color:var(--ink-soft);white-space:pre-wrap}.weekly-body h3,.weekly-body h4{font-family:var(--sans);font-size:13.5px;color:var(--gold);margin:12px 0 4px}.ms-list{display:flex;flex-direction:column;gap:8px;margin:12px 0}.ms-item{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:10px 13px}.ms-check{width:20px;height:20px;border-radius:5px;border:1.5px solid var(--line);background:var(--ground);cursor:pointer;flex:none;display:grid;place-items:center;font-size:12px;color:transparent}.ms-item.done .ms-check{background:var(--good);border-color:var(--good);color:#fff}.ms-item.done .ms-text{text-decoration:line-through;color:var(--muted)}.ms-text{flex:1 1;font-size:14px}.ms-del{background:none;border:none;color:var(--muted);font-size:16px;line-height:1}.ms-del:hover{color:var(--crit)}.ms-bar{height:8px;background:var(--panel);overflow:hidden;margin:6px 0 2px}.ms-bar,.ms-bar>i{border-radius:999px}.ms-bar>i{display:block;height:100%;background:var(--good)}.devmap{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.devcol h4{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.devrow{display:flex;align-items:center;gap:8px;margin-bottom:7px}.devrow .nm{font-size:13.5px;flex:none;width:42%}.devrow .track{flex:1 1;height:7px;background:var(--panel);border-radius:999px;overflow:hidden}.devrow .track>i{display:block;height:100%;background:var(--gold)}.devrow .ct{font-family:var(--mono);font-size:11px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sig{display:inline-flex;align-items:center;gap:7px;font-size:13px}.sig .dot{width:9px;height:9px;border-radius:50%;flex:none}.sig-stuck .dot{background:#E0854A}.sig-idle .dot{background:var(--crit)}.sig-insight .dot{background:var(--gold)}.sig-active .dot{background:var(--good)}.sig-ok .dot{background:#7C93C0}.sig-new .dot{background:var(--muted)}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:12px;gap:12px}.client-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.client-card .nm{font-weight:620;font-size:15px;margin-bottom:6px}.client-card .mt{font-size:12px;color:var(--muted);margin-top:6px}.stars{display:inline-flex;gap:2px;font-size:18px;color:var(--gold)}.stars .off{color:var(--line)}.stars.pick .st{cursor:pointer}.review-item{border-top:1px solid var(--line);padding:12px 0}.review-item:first-child{border-top:none}.review-item .who{font-size:13px;color:var(--muted);margin-top:3px}.rating-big{display:flex;align-items:baseline;gap:8px}.rating-big b{font-size:30px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media print{.btn,.no-print,.sidebar{display:none!important}.shell{display:block}.main{padding:0;max-width:none}body{background:#fff;color:#000;font-size:12pt}.card{border:1px solid #ccc;page-break-inside:avoid;break-inside:avoid}a{color:#000;text-decoration:none}}.nav-overlay,.topbar{display:none}@media (max-width:820px){.shell{display:block}.topbar{display:flex;align-items:center;gap:12px;position:-webkit-sticky;position:sticky;top:0;z-index:40;background:var(--pine);color:#F4F1EA;padding:11px 16px}.burger{background:none;border:none;color:#F4F1EA;font-size:22px;line-height:1;padding:0 4px}.topbar-brand{font-family:var(--serif);font-size:17px}.sidebar{position:fixed;top:0;left:0;height:100vh;width:250px;transform:translateX(-100%);transition:transform .22s ease;z-index:50}.sidebar.open{transform:none;box-shadow:0 0 44px rgba(0,0,0,.45)}.nav-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:45}.main{padding:18px 15px 72px;max-width:100%}.page-head{gap:10px}.page-head h1{font-size:24px}.detail-grid{grid-template-columns:1fr!important}.play-grid{grid-template-columns:1fr}.board-legend,.play-help-row{flex-wrap:wrap}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.tablewrap{overflow-x:auto}table{min-width:520px}.game-item{flex-wrap:wrap}.devmap{grid-template-columns:1fr}.streak-hero{flex-wrap:wrap}.streak-meta{margin-left:0;text-align:left}}@keyframes gr-here-pulse{0%,to{box-shadow:0 0 0 2px var(--gold)}50%{box-shadow:0 0 0 4px var(--gold),0 0 12px 2px rgba(169,121,31,.5)}}.cell.here{animation:gr-here-pulse 1.8s ease-in-out infinite}@keyframes gr-illu-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.topos-illu{animation:gr-illu-in .32s ease-out both}@media (prefers-reduced-motion:reduce){.cell.here,.topos-illu{animation:none}}