@font-face{font-family:Montserrat;src:url('./fonts/Montserrat-400-latin.woff2');font-weight:400}@font-face{font-family:Montserrat;src:url('./fonts/Montserrat-500-latin.woff2');font-weight:500}@font-face{font-family:Montserrat;src:url('./fonts/Montserrat-600-latin.woff2');font-weight:600}@font-face{font-family:'Bebas Neue';src:url('./fonts/BebasNeue-400-latin.woff2')}
/* Canonical four-skin tokens: one shared stylesheet. */
@font-face{font-family:Inter;src:url('./fonts/inter-400.woff2')}@font-face{font-family:Space Grotesk;src:url('./fonts/space-grotesk-400.woff2')}@font-face{font-family:Cormorant Garamond;src:url('./fonts/cormorant-garamond-600.woff2');font-weight:600}@font-face{font-family:Press Start 2P;src:url('./fonts/press-start-2p-400.woff2')}
html[data-skin=tae-desktop-mki]{--ts-bg:#06070a;--ts-paper:#0e0f14;--ts-fg:#f4f4f8;--ts-muted:#c8c0d4;--ts-primary:#f0c040;--ts-secondary:#c8d4f0;--ts-font:Montserrat,sans-serif;--ts-heading:'Bebas Neue',sans-serif;--ts-radius:12px;--ts-shadow:0 8px 26px #0005;color-scheme:dark}
html[data-skin=tae-claude-style]{--ts-bg:#f5f4ef;--ts-paper:#fff;--ts-fg:#282725;--ts-muted:#66645e;--ts-primary:#397cde;--ts-secondary:#c96442;--ts-font:Inter,sans-serif;--ts-heading:'Cormorant Garamond',serif;--ts-radius:18px;--ts-shadow:0 2px 10px #0001;color-scheme:light}
html[data-skin=tae-blaze-style]{--ts-bg:#160b2e;--ts-paper:#24123f;--ts-fg:#f4ecff;--ts-muted:#c4b2e5;--ts-primary:#ff8a1f;--ts-secondary:#ffd23f;--ts-font:'Space Grotesk',sans-serif;--ts-heading:'Press Start 2P',monospace;--ts-radius:16px;--ts-shadow:0 0 16px #ff8a1f44;color-scheme:dark}
html[data-skin=tae-sacred-style]{--ts-bg:#fbf6ea;--ts-paper:#fffdf7;--ts-fg:#2b2340;--ts-muted:#665d76;--ts-primary:#87601d;--ts-secondary:#2e2a6b;--ts-font:Inter,sans-serif;--ts-heading:'Cormorant Garamond',serif;--ts-radius:20px;--ts-shadow:0 4px 18px #785a1e26;color-scheme:light}
html[data-skin]{--r21-bg:var(--ts-bg);--r21-paper:var(--ts-paper);--r21-fg:var(--ts-fg);--r21-muted:var(--ts-muted);--skin-primary:var(--ts-primary);--skin-secondary:var(--ts-secondary);--skin-body:var(--ts-font);--skin-title:var(--ts-heading);--skin-radius:var(--ts-radius);--skin-glow:var(--ts-shadow)}
html[data-skin] .taeskin-surface{background:var(--ts-bg);color:var(--ts-fg);font-family:var(--ts-font);min-width:0}html[data-skin] .taeskin-topbar{min-height:56px;padding:8px 16px;display:flex;align-items:center;gap:12px;background:var(--ts-paper);color:var(--ts-fg);border-bottom:1px solid var(--ts-muted);box-sizing:border-box}html[data-skin] .taeskin-topbar strong{font-family:var(--ts-heading)}html[data-skin] .taeskin-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}html[data-skin] .taeskin-picker button{min-width:0;min-height:44px;overflow-wrap:anywhere;padding:10px 12px;border:1px solid var(--ts-muted);border-radius:var(--ts-radius);background:var(--ts-paper);color:var(--ts-fg);font:500 14px/1.4 var(--ts-font);cursor:pointer;text-align:left}html[data-skin] .taeskin-picker button[aria-pressed=true]{outline:2px solid var(--ts-primary);outline-offset:1px}html[data-skin] .taeskin-surface :is(button,input,textarea,select):focus-visible{outline:3px solid var(--ts-secondary);outline-offset:2px}html[data-skin] .taeskin-surface :is(input,textarea,select){background:var(--ts-paper);color:var(--ts-fg);border:1px solid var(--ts-muted);border-radius:8px;padding:8px;font:inherit}html[data-skin] input[type=range]{accent-color:var(--ts-primary)}@media(max-width:480px){html[data-skin] .taeskin-picker{grid-template-columns:1fr}}
/* TÆScrolls bridge: tokens own paint and typography, legacy styles own layout. */
html[data-skin] body{background:var(--ts-bg);color:var(--ts-fg);font-family:var(--ts-font)}
html[data-skin] .sidebar,html[data-skin] .book,html[data-skin] .acc,html[data-skin] .acc-inner,html[data-skin] .floating-zoom{background:var(--ts-paper);color:var(--ts-fg);border-color:color-mix(in srgb,var(--ts-muted) 40%,transparent)}
html[data-skin] .main{background:var(--ts-bg);color:var(--ts-fg)}
html[data-skin] :is(.hero,.doctitle,.side-title,.acc-head .h,.scroll-card b,.wrap h2,.wrap h3){font-family:var(--ts-heading);color:var(--ts-primary);-webkit-text-fill-color:currentColor;background-image:none;text-shadow:none;overflow-wrap:anywhere}
html[data-skin] :is(.sidebar .side-label,.wrap p,.wrap li,.meta,.side-nav,.toc,.blessing,.scroll-card small){color:var(--ts-fg)}
html[data-skin] .sidebar :is(button,.pill),html[data-skin] .floating-zoom button,html[data-skin] .book-turn-controls button{font-family:var(--ts-font);color:var(--ts-fg);background:var(--ts-paper);border:1px solid var(--ts-muted);border-radius:var(--ts-radius)}
html[data-skin] .sidebar :is(a,.side-title),html[data-skin] .wrap a{color:var(--ts-primary)}
html[data-skin] .taeskin-picker{grid-template-columns:1fr;padding:4px 0 12px;gap:6px}
html[data-skin] .taeskin-picker button{width:100%;font-size:12px;line-height:1.35;min-height:38px;padding:8px 10px}
html[data-skin] .taeskin-picker button:focus-visible{outline:3px solid var(--ts-secondary);outline-offset:2px}
html[data-skin] .acc-head .h:after{background:linear-gradient(90deg,var(--ts-primary),transparent)}
html[data-skin] .book-turn-controls{background:var(--ts-paper);border-color:var(--ts-muted)}
html[data-skin] .blaze-hud{background:var(--ts-paper);color:var(--ts-primary);font-family:var(--ts-heading);border-color:var(--ts-muted)}
html[data-skin] .floating-zoom input[type=range],html[data-skin] .sidebar input[type=range]{accent-color:var(--ts-primary)}
html[data-skin=tae-blaze-style] .doctitle,html[data-skin=tae-blaze-style] .acc-head .h{font-size:clamp(15px,2.4vw,23px);line-height:1.5}
@media(min-width:1000px){html[data-skin] .sidebar{overflow-y:auto;overflow-x:hidden}}

/* The same MK I structural top bar across all four skins, with per-skin tokens. */
html[data-skin] .taeskin-topbar{position:fixed;inset:0 0 auto 0;height:56px;min-height:56px;z-index:35;display:flex;justify-content:center;align-items:center;gap:9px;padding:8px 66px;background:var(--ts-paper);color:var(--ts-fg);border-bottom:1px solid var(--ts-primary);box-shadow:var(--ts-shadow);font:600 16px var(--ts-font)}
html[data-skin] .taeskin-topbar strong{font-family:var(--ts-heading);font-size:clamp(15px,2.5vw,23px);line-height:1.3;letter-spacing:.06em;color:var(--ts-primary)}
html[data-skin] .taeskin-brand-mark{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--ts-primary);border-radius:50%;color:var(--ts-primary);flex-shrink:0}
html[data-skin] .blaze-hud{display:none!important}
html[data-skin] .main{padding-top:max(76px,5vw)}
@media(min-width:1000px){html[data-skin] .sidebar{top:56px;height:calc(100dvh - 56px);bottom:0}html[data-skin] .main{padding-top:86px}}
@media(max-width:999px){html[data-skin] .sidebar{top:56px;height:calc(100dvh - 56px);min-height:0}html[data-skin] .main{padding-top:86px}}

/* LegendBook: readable MK I cards and Blaze orange/yellow seals. */
html[data-skin=tae-desktop-mki] .leaf{background:var(--ts-paper)!important;color:var(--ts-fg);border-color:var(--ts-primary)!important;box-shadow:0 8px 24px #0005!important}
html[data-skin=tae-desktop-mki] .leaf :is(h2,h3){color:var(--ts-primary)!important}
html[data-skin=tae-desktop-mki] .leaf .zoom-link{color:var(--ts-fg);border-color:var(--ts-primary)}
html[data-skin=tae-blaze-style] .wax{background:linear-gradient(135deg,#ff8a1f,#ffd23f)!important;color:#160b2e}

/* TÆScrolls source port: theme.cjs, gold/platinum/orange/open-book/MkI. */
html[data-skin="gold"]{--ts-bg:#FAF8F3;--ts-paper:#FAF8F3;--ts-card:#FFFDF9;--ts-line:rgba(192,151,26,.22);--ts-fg:#3a3a3a;--ts-muted:#6f6f6a;--ts-primary:#9c7a12;--ts-secondary:#C0971A;--ts-font:Montserrat,sans-serif;--ts-heading:'Bebas Neue',sans-serif;--ts-radius:20px;--ts-shadow:0 4px 18px #0002;color-scheme:light}
html[data-skin="platinum"]{--ts-bg:#EAEAE9;--ts-paper:#EAEAE9;--ts-card:#F4F4F3;--ts-line:rgba(111,114,118,.22);--ts-fg:#3a3a3a;--ts-muted:#6f6f6a;--ts-primary:#55595D;--ts-secondary:#93979B;--ts-font:Montserrat,sans-serif;--ts-heading:'Bebas Neue',sans-serif;--ts-radius:20px;--ts-shadow:0 4px 18px #0002;color-scheme:light}
html[data-skin="videogame-orange"]{--ts-bg:#0b0c10;--ts-paper:#15161a;--ts-fg:#f0e8d5;--ts-muted:#a9a090;--ts-primary:#FFC71F;--ts-secondary:#FFB700;--ts-font:Montserrat,sans-serif;--ts-heading:'Bebas Neue',sans-serif;--ts-radius:12px;--ts-shadow:0 4px 18px #0002;color-scheme:dark}
html[data-skin="sacred-video-game"]{--ts-bg:#38271b;--ts-paper:#f6e7c6;--ts-fg:#342719;--ts-muted:#705740;--ts-primary:#754b22;--ts-secondary:#956a2d;--ts-font:Georgia,serif;--ts-heading:Georgia,serif;--ts-radius:8px;--ts-shadow:0 4px 18px #0002;color-scheme:light}
html[data-skin="videogame-mki"]{--ts-bg:#0b0c10;--ts-paper:#14151c;--ts-fg:#f0e8d5;--ts-muted:#a9a090;--ts-primary:#ff5a3c;--ts-secondary:#ffbe59;--ts-font:Montserrat,sans-serif;--ts-heading:'Bebas Neue',sans-serif;--ts-radius:12px;--ts-shadow:0 4px 18px #0002;color-scheme:dark}

/* Universal surfaces for the five source skins. */
:is(html[data-skin="gold"],html[data-skin="platinum"],html[data-skin="videogame-orange"],html[data-skin="sacred-video-game"],html[data-skin="videogame-mki"]) body .tae-blaze-shell.shell[data-r21-theme="claude"] :is(.r21-sessions,.r21-drawer,.tae-messages,.tae-blaze-scroll,.r21-chat-pane,.files-screen,.comm-center){background:var(--ts-paper)!important;color:var(--ts-fg)!important;font-family:var(--ts-font)!important}
:is(html[data-skin="gold"],html[data-skin="platinum"],html[data-skin="videogame-orange"],html[data-skin="sacred-video-game"],html[data-skin="videogame-mki"]) body :is(.r21-settings-overlay,.r21-settings-sheet,.r21-settings-group,.r21-account-card){background:var(--ts-paper)!important;color:var(--ts-fg)!important;border-color:var(--ts-primary)!important}
:is(html[data-skin="gold"],html[data-skin="platinum"],html[data-skin="videogame-orange"],html[data-skin="sacred-video-game"],html[data-skin="videogame-mki"]) body .tae-blaze-shell.shell[data-r21-theme="claude"] :is(button,input,textarea,select,.tae-message-user,.r21-compose,.tae-compose){background:var(--ts-paper)!important;color:var(--ts-fg)!important;font-family:var(--ts-font)!important;border-color:var(--ts-primary)!important}
:is(html[data-skin="gold"],html[data-skin="platinum"],html[data-skin="videogame-orange"],html[data-skin="sacred-video-game"],html[data-skin="videogame-mki"]) body .tae-blaze-shell.shell[data-r21-theme="claude"] :is(h1,h2,h3,.r21-wordmark){font-family:var(--ts-heading)!important;color:var(--ts-primary)!important}
:is(html[data-skin="gold"],html[data-skin="platinum"],html[data-skin="videogame-orange"],html[data-skin="sacred-video-game"],html[data-skin="videogame-mki"]) body .tae-blaze-shell.shell[data-r21-theme="claude"] :is(p,strong,small,.r21-session-row,.r19-markdown,.r21-drawer-menu button){color:var(--ts-fg)!important}
:is(html[data-skin="gold"],html[data-skin="platinum"],html[data-skin="videogame-orange"],html[data-skin="sacred-video-game"],html[data-skin="videogame-mki"]) .r21-menu-lines i{background:currentColor!important}
:is(html[data-skin="gold"],html[data-skin="platinum"],html[data-skin="videogame-orange"],html[data-skin="sacred-video-game"],html[data-skin="videogame-mki"]) :is(input[type=range],select){accent-color:var(--ts-primary)}
html[data-skin="gold"] :is(.r21-session-row,.r21-settings-group,.tae-message-user){border:1px solid #c0971a38!important;border-radius:20px!important}
html[data-skin="platinum"] :is(.r21-sessions-header h1,.r21-chat-heading h2){background:linear-gradient(100deg,#2F343A,#93979B,#33383D,#888C90,#383D42)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent}
:is(html[data-skin="videogame-orange"],html[data-skin="videogame-mki"]) :is(.r21-sessions-header,.r21-chat-heading){background:#0e0f14!important;border-bottom:1px solid var(--ts-primary)!important;letter-spacing:.12em}
:is(html[data-skin="videogame-orange"],html[data-skin="videogame-mki"]) .r21-session-row{border:1px solid #2a2b36!important;border-radius:12px!important;margin:8px 0!important}
html[data-skin="sacred-video-game"] body .tae-blaze-shell.shell[data-r21-theme="claude"] :is(.r21-sessions,.tae-messages){background:linear-gradient(90deg,#52311b33,transparent 8%,transparent 48%,#4d2d1b38 50%,transparent 52%,transparent 97%,#593b232e),#f6e7c6!important;border:6px solid #654029!important;border-left-width:12px!important;border-radius:8px 24px 24px 8px;box-shadow:6px 5px 0 #947148!important}
html[data-skin="sacred-video-game"] :is(.r21-sessions-header h1,.r21-chat-heading h2){font-variant:small-caps}
:is(html[data-skin="gold"],html[data-skin="platinum"],html[data-skin="videogame-orange"],html[data-skin="sacred-video-game"],html[data-skin="videogame-mki"]) .taeskin-picker{width:100%;min-width:0}
:is(html[data-skin="gold"],html[data-skin="platinum"],html[data-skin="videogame-orange"],html[data-skin="sacred-video-game"],html[data-skin="videogame-mki"]) .taeskin-picker button{color:var(--ts-fg)!important;background:var(--ts-paper)!important}

html[data-skin="sacred-video-game"] .tae-blaze-shell[data-skin] .comm-center{--comm-bg:var(--ts-paper)!important;--comm-paper:var(--ts-paper)!important;--comm-fg:var(--ts-fg)!important;--comm-muted:var(--ts-muted)!important}
:is(html[data-skin="gold"],html[data-skin="platinum"],html[data-skin="videogame-orange"],html[data-skin="sacred-video-game"],html[data-skin="videogame-mki"]) :is(.r21-settings-overlay,.r21-settings-sheet){font-family:var(--ts-font)!important}

/* Round 2: exact source page paint, display hierarchy, AE fallback and wood desk. */
@font-face{font-family:'TAE AE Glyph';src:local('Arial'),local('DejaVu Sans'),local('Liberation Sans');unicode-range:U+00C6,U+00E6}
html[data-skin="gold"]{--ts-heading:'TAE AE Glyph','Bebas Neue',system-ui,sans-serif;--ts-font:'TAE AE Glyph',Montserrat,system-ui,sans-serif}
html[data-skin="platinum"]{--ts-heading:'TAE AE Glyph','Bebas Neue',system-ui,sans-serif;--ts-font:'TAE AE Glyph',Montserrat,system-ui,sans-serif}
html[data-skin="videogame-orange"]{--ts-heading:'TAE AE Glyph','Bebas Neue',system-ui,sans-serif;--ts-font:'TAE AE Glyph',Montserrat,system-ui,sans-serif}
html[data-skin="sacred-video-game"]{--ts-heading:'TAE AE Glyph',Georgia,serif;--ts-font:'TAE AE Glyph',Georgia,serif}
html[data-skin="videogame-mki"]{--ts-heading:'TAE AE Glyph','Bebas Neue',system-ui,sans-serif;--ts-font:'TAE AE Glyph',Montserrat,system-ui,sans-serif}
:is(html[data-skin="gold"],html[data-skin="platinum"],html[data-skin="videogame-orange"],html[data-skin="sacred-video-game"],html[data-skin="videogame-mki"]) body .tae-blaze-shell.shell[data-r21-theme="claude"] :is(.r21-sessions-header h1,.r21-chat-heading h2,.files-screen header h1,.comm-heading h1){font-family:var(--ts-heading)!important;font-size:20px!important;font-weight:400!important;line-height:1.2!important}
:is(html[data-skin="gold"],html[data-skin="platinum"],html[data-skin="videogame-orange"],html[data-skin="sacred-video-game"],html[data-skin="videogame-mki"]) body .tae-blaze-shell.shell[data-r21-theme="claude"] :is(.r21-devices>h2,.r21-session-collection>h2){font-family:var(--ts-heading)!important;font-size:14px!important;font-weight:400!important;letter-spacing:.12em!important;text-transform:uppercase}
:is(html[data-skin="gold"],html[data-skin="platinum"],html[data-skin="videogame-orange"],html[data-skin="sacred-video-game"],html[data-skin="videogame-mki"]) body .r21-settings-head h1{font-family:var(--ts-heading)!important;font-size:20px!important;font-weight:400!important}
:is(html[data-skin="gold"],html[data-skin="platinum"]) .tae-blaze-shell[data-skin] :is(.r21-session-row,.r21-settings-group,.r21-account-card){border:1px solid var(--ts-line)!important;background:var(--ts-card)!important;border-radius:20px!important}
html[data-skin="sacred-video-game"] body .tae-blaze-shell.shell[data-r21-theme="claude"],html[data-skin="sacred-video-game"] body .tae-blaze-shell.shell[data-r21-theme="claude"] :is(.tae-blaze-scroll,.r21-chat-pane){background:radial-gradient(ellipse,#71513a,#241912)!important}
html[data-skin="sacred-video-game"] body .tae-blaze-shell.shell[data-r21-theme="claude"] .r21-sessions{width:calc(100% - 20px)!important;max-width:830px!important;margin:10px auto!important;min-height:calc(100dvh - 20px)!important}
html[data-skin="sacred-video-game"] body .tae-blaze-shell.shell[data-r21-theme="claude"] .tae-messages{margin:10px!important;width:calc(100% - 20px)!important}

/* The Communication navigation remains a parchment control above the wood desk. */
html[data-skin="sacred-video-game"] body .tae-blaze-shell.shell[data-r21-theme="claude"] .r21-sessions-header{background:var(--ts-paper)!important;color:var(--ts-fg)!important}

/* Platinum metrics use the source card grey for readable muted text. */
html[data-skin="platinum"] .tae-blaze-shell[data-skin] .comm-center{--comm-bg:var(--ts-card)!important;--comm-paper:var(--ts-card)!important}
