/* Per-theme material, ported from the game's Harman layer (src/assets/css/harman/{bundle,tema}/<theme>.css,
   nesne-*.css, r_theme_print.css). Site element -> game element:
   .key--ink = primary/pause key · .lang/.theme summary = ghost key · .hud* = .riso-game-hud · .direction-plate = .riso-direction-plate
   .card-face/.sheet = card face / paper sheet · .tag = label chip · .feature = menu deck card · .msg-*/.choice/.story-head = story chat.
   Palettes live in site.css; this file only changes shape, edge, thickness and texture. */

/* Derived tokens from themeStyleVars() for every non-classique theme. */
:root:not([data-theme='classique']) {
  --text-red: color-mix(in srgb, var(--red-deep) 45%, var(--ink));
  --on-blue: var(--paper);
}
:root[data-theme='nuit'] { --sh: 8 11 22; }
:root[data-theme='neon'] { --sh: 5 6 9; --hi: 244 233 210; }
:root[data-theme='toprak'] { --sh: 74 34 22; }

/* ---------------- ATÖLYE: letterpress ---------------- */
[data-theme='atolye'] body { background-image: url('img/t/atolye-leke@1x.png'), url('img/t/atolye-gren@2x.png'), var(--tex-paper); background-size: 360px 360px, 220px 220px, 768px; background-position: 0 0, 37px 61px, center; background-blend-mode: multiply, multiply, normal; }
[data-theme='atolye'] body::after { background: repeating-linear-gradient(35deg, var(--ink) 0 1px, transparent 1px 13px), repeating-linear-gradient(145deg, var(--red) 0 1px, transparent 1px 17px); background-size: 31px 31px; opacity: .045; }
[data-theme='atolye'] :is(.card-face, .sheet) { border: 2px solid #20190F; border-radius: 2px; }
[data-theme='atolye'] .sheet { box-shadow: 0 1px 0 #E2D8C2, 0 2px 0 #CFC3A9, 0 3px 0 #93866C, 3px 6.5px 5px -1px rgb(var(--sh) / .32), 6px 10px 0 -1px #E2D8C2, 3px 13px 0 -1px #CFC3A9; }
[data-theme='atolye'] .key--ink { border: 1px solid var(--ink); border-radius: 2px; background-image: linear-gradient(155deg, rgb(var(--hi) / .07), transparent 45%, rgb(var(--sh) / .12)); color: #FFFBF0;
  box-shadow: inset 1px 1px 0 rgb(var(--hi) / .22), .6px 1.25px 0 color-mix(in srgb, var(--ink) 52%, var(--paper)), 1.25px 2.5px 0 color-mix(in srgb, var(--ink) 70%, var(--paper)), 1.9px 3.75px 0 color-mix(in srgb, var(--ink) 70%, var(--paper)), 2.5px 5px 0 color-mix(in srgb, var(--ink) 90%, var(--paper)), 3px 6.5px 5px -1px rgb(var(--sh) / .32); }
[data-theme='atolye'] .key--ink:active { translate: 2.5px 5px; box-shadow: inset 1px 1px 0 rgb(var(--hi) / .22), .5px 1px 1.5px rgb(var(--sh) / .22); }
[data-theme='atolye'] :is(.lang, .theme) summary { border: 1px solid #2F2C28; border-radius: 2px; box-shadow: inset 1px 1px 0 rgb(var(--hi) / .8), inset 0 0 0 2px rgb(var(--hi) / .55), inset 0 0 0 3.2px var(--ink), 2px 4px 0 var(--hard); }
[data-theme='atolye'] .hud { border: 2px solid #20190F; border-radius: 2px; box-shadow: 0 0 0 3.25px #ECE4D2, 0 0 0 5.5px #20190F, 0 1px 0 5.5px #CFC3A9, 0 2px 0 5.5px #93866C, 2px 4px 3px 5px rgb(32 25 15 / .22), 4px 8px 10px 2px rgb(32 25 15 / .12); }
[data-theme='atolye'] .hud-label { font-size: 9px; letter-spacing: .28em; }
[data-theme='atolye'] .direction-plate { border-color: var(--ink); border-radius: 1px; background: var(--ink); color: var(--paper); letter-spacing: .14em; box-shadow: inset 0 1px 0 rgb(255 251 240 / .12), inset 0 -2px 0 rgb(8 6 3 / .55), 0 1px 0 rgb(255 251 240 / .45), 1px 2px 2px rgb(32 25 15 / .3); }
[data-theme='atolye'] .msg-bubble { border-radius: 0; box-shadow: inset 0 0 0 2px var(--paper), inset 0 0 0 3px color-mix(in srgb, var(--ink) 40%, transparent), 4px 4px 0 color-mix(in srgb, var(--mc, var(--ink)) 55%, transparent); }
[data-theme='atolye'] .msg--you .msg-bubble { box-shadow: inset 0 0 0 2px var(--yellow), 4px 4px 0 var(--ink); }
[data-theme='atolye'] .msg-author { letter-spacing: .2em; }
[data-theme='atolye'] .msg img { border-width: 0; box-shadow: 0 0 0 2px var(--paper), 0 0 0 3.5px var(--ink); }
[data-theme='atolye'] .choice { border-radius: 0; }
[data-theme='atolye'] .story-head { box-shadow: 0 3px 0 var(--paper-2), 0 4.5px 0 var(--ink); }
[data-theme='atolye'] .tag--ink { border-radius: 1px; letter-spacing: .16em; background-color: #20190F; color: #ECE4D2; }
[data-theme='atolye'] .tag { border-radius: 1px; }
[data-theme='atolye'] .feature { border-radius: 0; border-width: 1.5px; box-shadow: inset 0 0 0 5px rgb(255 251 240 / .55), inset 0 0 0 6px rgb(32 25 15 / .55), 0 1px 0 #E2D8C2, 0 2px 0 #CFC3A9, 0 3px 0 #93866C, 2px 4px 3px rgb(32 25 15 / .26), 4px 8px 10px rgb(32 25 15 / .14); }
[data-theme='atolye'] .plate-title { -webkit-text-stroke: .28px currentColor; text-shadow: 1px 0 0 color-mix(in srgb, var(--red) 35%, transparent), 0 -1px 0 rgb(8 6 3 / .55); }

/* ---------------- ORMAN: linocut ---------------- */
[data-theme='orman'] body::after { background: repeating-radial-gradient(ellipse at 35% 45%, transparent 0 8px, var(--green) 9px 10px, transparent 11px 18px); background-size: 52px 39px; opacity: .055; }
[data-theme='orman'] :is(.card-face, .sheet) { border-radius: 26px 10px 22px 12px / 12px 22px 10px 26px; }
[data-theme='orman'] .sheet { border: 0; box-shadow: 0 1px 0 #D9CDB0, 0 3px 0 #C6B795, 2px 4px 5px rgb(var(--sh) / .26), 0 6px 0 #AC9B78; }
[data-theme='orman'] .card-face { border: 2px solid var(--ink); box-shadow: 0 1px 0 #D9CDB0, 0 3px 0 #C6B795, 1.5px 3px 0 rgb(32 25 15 / .9); }
[data-theme='orman'] .key--ink { border: 2px solid var(--ink); border-radius: 14px 5px 12px 6px; color: #FFFBF0; text-shadow: 0 -1px 0 rgb(20 20 20 / .58);
  background-image: repeating-linear-gradient(-62deg, transparent 0 11px, rgb(var(--hi) / .13) 11px 12.4px, transparent 12.4px 27px);
  box-shadow: inset 1px 1px 0 rgb(var(--hi) / .2), 1px 1.75px 0 color-mix(in srgb, color-mix(in srgb, var(--yellow-deep) 50%, var(--red-deep)) 45%, var(--ink)), 1.75px 3.5px 0 color-mix(in srgb, color-mix(in srgb, var(--yellow-deep) 50%, var(--red-deep)) 20%, var(--ink)), 2px 5px 4px -1px rgb(var(--sh) / .3); }
[data-theme='orman'] .key--ink:active { translate: 1.75px 3.5px; box-shadow: inset 1px 1px 0 rgb(var(--hi) / .2); }
[data-theme='orman'] :is(.lang, .theme) summary { border: 2px solid var(--ink); border-radius: 14px 5px 12px 6px; background: linear-gradient(180deg, #F5EFE0 0%, #ECE4D2 46%, #DED4BE 100%); }
[data-theme='orman'] .hud { border-radius: 18px 7px 16px 9px / 9px 16px 8px 18px; box-shadow: 0 1px 0 #D9CDB0, 0 3px 0 #C6B795, 1.5px 4.75px 0 rgb(32 25 15 / .92), 3px 8px 6px rgb(32 25 15 / .16), 6px 12px 14px -4px rgb(32 25 15 / .11); }
[data-theme='orman'] .hud-rail { background: var(--ink) repeating-linear-gradient(-62deg, transparent 0 9px, color-mix(in srgb, var(--paper) 55%, transparent) 9px 10.5px, transparent 10.5px 23px); }
[data-theme='orman'] .hud-label { letter-spacing: .1em; }
[data-theme='orman'] .hud-value { text-shadow: 0 0 1px color-mix(in srgb, var(--ink) 26%, transparent); }
[data-theme='orman'] .direction-plate { border-color: var(--ink); border-radius: 12px 4px 10px 5px; background: var(--ink) repeating-linear-gradient(-62deg, transparent 0 11px, rgb(var(--hi) / .13) 11px 12.4px, transparent 12.4px 27px); color: #FFFBF0; rotate: -1.5deg; }
[data-theme='orman'] .lives i { filter: brightness(1.15) drop-shadow(0 1px 1px rgb(32 25 15 / .22)); }
[data-theme='orman'] .msg-bubble { border-width: 2px; border-left: 2.5px solid currentColor; border-radius: 6px 16px 12px 14px / 12px 8px 16px 10px; box-shadow: 1px 2px 0 rgb(32 25 15 / .55), 2px 4px 4px -1px rgb(32 25 15 / .14); }
[data-theme='orman'] .msg--you .msg-bubble { border-radius: 16px 6px 14px 12px / 8px 12px 10px 16px; }
[data-theme='orman'] .msg-author { display: inline-block; padding: 3px 6px; border-radius: 8px 3px 7px 3px; color: #FFFBF0 !important; background: color-mix(in srgb, var(--mc, #3C8A61) 62%, #140F06); }
[data-theme='orman'] .msg img { box-shadow: 2px 3px 0 var(--ink); }
[data-theme='orman'] .choice { border-left-width: 6px; border-radius: 14px 5px 12px 6px / 6px 12px 5px 14px; box-shadow: 0 1px 0 #D9CDB0, 0 3px 0 #C6B795, 1.5px 3px 0 rgb(32 25 15 / .9); }
[data-theme='orman'] .story-head { border-bottom-width: 2.5px; }
[data-theme='orman'] .tag { border-radius: 10px 3px 9px 4px; background-image: repeating-linear-gradient(-62deg, transparent 0 6px, rgb(var(--hi) / .12) 6px 7px, transparent 7px 14px); box-shadow: inset 0 -1px 2px rgb(0 0 0 / .3), 1px 2px 0 rgb(32 25 15 / .3); }
[data-theme='orman'] .feature { border-radius: 22px 8px 20px 10px / 10px 20px 8px 22px; background-image: repeating-linear-gradient(-62deg, transparent 0 11px, rgb(var(--hi) / .13) 11px 12.4px, transparent 12.4px 27px), var(--tex-card); }
[data-theme='orman'] .feature:nth-child(4n + 1) { rotate: -.9deg; } [data-theme='orman'] .feature:nth-child(4n + 2) { rotate: .7deg; }

/* ---------------- FANZİN: photocopy zine ---------------- */
[data-theme='fanzin'] { --f-core: #FBF6E9; --f-edge: #C7BCA1; --f-cut: color-mix(in srgb, var(--ink) 34%, transparent); }
[data-theme='fanzin'] body::after { background: url('img/t/fanzin-gren@2x.png') 0 0 / 120px; opacity: .055; mix-blend-mode: multiply; }
[data-theme='fanzin'] .sheet { border: 2px dashed rgb(32 25 15); border-radius: 2px; rotate: -.5deg; background: url('img/t/fanzin-toner@2x.png') 0 0 / 256px, radial-gradient(rgb(32 25 15 / .085) .6px, transparent .7px) 0 0 / 3px 3px, #F0EBDE;
  box-shadow: rgb(32 25 15) 4.5px 5px 0, rgba(255 251 240 / .5) 0 1px 0 inset, rgba(32 25 15 / .14) 1px 2px 2px; }
[data-theme='fanzin'] .card-face { border-radius: 2px; background: url('img/t/fanzin-toner@2x.png') 0 0 / 256px, #F0EBDE; box-shadow: 0 0 0 2px var(--f-core), 0 0 0 2px var(--f-cut), 0 1px 0 var(--f-edge), .5px 2px 2px rgb(32 25 15 / .26), 1px 4px 6px -1px rgb(32 25 15 / .14); }
[data-theme='fanzin'] .key--ink { border: 2px solid var(--ink); border-radius: 2px; color: var(--paper); clip-path: polygon(0 6%, 100% 0, calc(100% + .75px) 1.5px, calc(98% + .75px) calc(100% + 1.5px), calc(2% + .75px) calc(94% + 1.5px), 2% 94%);
  background-image: radial-gradient(rgb(255 251 240 / .1) .7px, transparent .8px), radial-gradient(rgb(0 0 0 / .16) .6px, transparent .7px); background-size: 4px 4px, 7px 7px; box-shadow: inset 0 1px 0 rgb(var(--hi) / .28), 1.5px 3px 0 var(--ink); }
[data-theme='fanzin'] .key--ink:active { translate: .75px 1.5px; box-shadow: inset 0 1px 0 rgb(var(--hi) / .28), .75px 1.5px 0 var(--ink); }
[data-theme='fanzin'] :is(.lang, .theme) summary { border: 2px solid var(--ink); border-radius: 2px; rotate: .8deg; background: url('img/t/fanzin-toner@2x.png') 0 0 / 256px, #F0EBDE; box-shadow: 1.5px 3px 0 var(--ink); }
[data-theme='fanzin'] .hud { border: 2px dashed var(--ink); border-radius: 0; overflow: visible; box-shadow: 0 0 0 2px var(--f-core), 0 1px 0 var(--f-edge), 1.5px 3px 0 -1px rgb(32 25 15 / .26), 2px 5px 5px -2px rgb(32 25 15 / .2); }
[data-theme='fanzin'] .hud::before { content: ''; position: absolute; z-index: 2; top: -10px; left: 30%; width: 50px; height: 20px; background: url('img/t/fanzin-hud-bant-a@2x.png') center / contain no-repeat; rotate: -4deg; }
[data-theme='fanzin'] .hud { position: relative; }
[data-theme='fanzin'] .hud-main { background: url('img/t/fanzin-toner@2x.png') 0 0 / 256px, var(--paper); }
[data-theme='fanzin'] .hud-rail { border-top-style: dashed; }
[data-theme='fanzin'] .hud-label { display: inline-block; width: fit-content; padding: 2px 4px; background: var(--ink); color: var(--paper); letter-spacing: .03em; rotate: -3deg; }
[data-theme='fanzin'] .hud-cell:nth-child(2) .hud-label { background: var(--paper); color: var(--ink); outline: 1.5px solid var(--ink); }
[data-theme='fanzin'] .direction-plate { border: 0; background: var(--ink); color: var(--paper); clip-path: polygon(0 8%, 100% 0, 97% 100%, 3% 92%); rotate: 2deg; }
[data-theme='fanzin'] .msg-bubble { border-radius: 2px; background: url('img/t/fanzin-toner@2x.png') 0 0 / 256px, #F0EBDE; box-shadow: 0 0 0 1.5px var(--f-core), 0 0 0 2px var(--f-cut), 0 1px 0 var(--f-edge), .5px 2px 2px rgb(32 25 15 / .26); }
[data-theme='fanzin'] .msg-author { display: inline-block; padding: 2px 5px; color: #20190F !important; background: #FFFBF0; border: 1.5px solid rgb(32 25 15 / .8); box-shadow: 1.5px 3px 0 rgb(32 25 15 / .55); rotate: -2.5deg; }
[data-theme='fanzin'] .msg img { border-color: rgb(32 25 15 / .92); outline: 1.5px dashed var(--ink); outline-offset: 2px; }
[data-theme='fanzin'] .choice { box-shadow: -3px 2px 0 rgb(32 25 15 / .18), 3px 3px 0 rgb(32 25 15), 0 0 0 1.5px #FBF6E9, 0 0 0 2px rgb(32 25 15 / .34); }
[data-theme='fanzin'] .story-head strong { display: inline-block; padding: 3px 8px; background: var(--ink); color: var(--paper); rotate: -1.2deg; }
[data-theme='fanzin'] .tag { rotate: -2.5deg; box-shadow: 0 0 0 2px var(--f-core), 0 1px 0 2.5px rgb(32 25 15 / .2), .5px 2px 2px rgb(32 25 15 / .26); }
[data-theme='fanzin'] .feature { border-radius: 0; box-shadow: 0 0 0 2px var(--f-core), 0 0 0 2px var(--f-cut), 0 1px 0 var(--f-edge), .5px 2px 2px rgb(32 25 15 / .26), -2px 1.5px 0 color-mix(in srgb, var(--red) 62%, transparent); }
[data-theme='fanzin'] .feature:nth-child(3n + 1) { rotate: -.5deg; } [data-theme='fanzin'] .feature:nth-child(3n + 2) { rotate: .5deg; } [data-theme='fanzin'] .feature:nth-child(3n) { rotate: -.4deg; }
[data-theme='fanzin'] .disc { color: #FBF6EA; text-shadow: none; }

/* ---------------- WASABI: woodblock + hanko ---------------- */
[data-theme='wasabi'] body::after { background: repeating-radial-gradient(circle at 50% 50%, transparent 0 7px, var(--green) 8px 9px, transparent 10px 16px); background-size: 38px 38px; opacity: .05; }
[data-theme='wasabi'] :is(.card-face, .sheet) { border: 0; border-radius: 2px; }
[data-theme='wasabi'] .sheet { box-shadow: .5px 1px 0 rgb(32 25 15 / .26), 1.5px 3px 0 rgb(32 25 15 / .13), 2px 6px 14px rgb(var(--sh) / .12); }
[data-theme='wasabi'] .key--ink { border: 1px solid color-mix(in srgb, #AF352F 40%, #20190F); border-radius: 4px; background-color: #AF352F; color: #ECE4D2; letter-spacing: .18em;
  background-image: linear-gradient(180deg, rgb(var(--hi) / .26) 0 1.5px, rgb(var(--hi) / .15) 1.5px 17%, rgb(var(--hi) / .04) 20%, transparent 21%), linear-gradient(155deg, transparent 45%, rgb(var(--sh) / .14));
  box-shadow: inset 1px 1px 0 rgb(var(--hi) / .3), .75px 1.5px 0 color-mix(in srgb, var(--red-deep) 62%, var(--ink)), 1.5px 3px 0 color-mix(in srgb, var(--red-deep) 20%, var(--ink)), 2px 4.5px 4px -1px rgb(var(--sh) / .3); }
[data-theme='wasabi'] .key--ink:active { translate: 1.5px 3px; box-shadow: inset 1px 1px 0 rgb(var(--hi) / .3); }
[data-theme='wasabi'] :is(.lang, .theme) summary { border: 1px solid #9E8F72; border-radius: 4px; background: url('img/t/wasabi-fibre@2x.png') 0 0 / 256px, linear-gradient(180deg, #F4EEDE 0%, #ECE4D2 42%, #DDD3BA 100%); }
[data-theme='wasabi'] .hud { border: 1px solid #8A6438; border-radius: 3px; box-shadow: 0 2px 0 #C9BB9C, 2px 6px 12px rgb(var(--sh) / .18); }
[data-theme='wasabi'] .hud-main { background: #B9A882 repeating-linear-gradient(90deg, rgb(74 45 18 / .07) 0 1px, transparent 1px 7px); background-image: repeating-linear-gradient(90deg, rgb(74 45 18 / .07) 0 1px, transparent 1px 7px), linear-gradient(180deg, rgb(255 251 240 / .16) 0%, transparent 34%, rgb(32 25 15 / .1) 100%); border-bottom: 1px solid #7E6B47; }
[data-theme='wasabi'] .hud-cell { border-color: rgb(74 45 18 / .3); }
[data-theme='wasabi'] .hud-rail { border-top: 0; background: color-mix(in srgb, var(--paper-2) 86%, var(--ink)); box-shadow: inset 1px 2px 4px rgb(32 25 15 / .22); }
[data-theme='wasabi'] .hud-label { color: #2A1F10; font-weight: 600; letter-spacing: .34em; }
[data-theme='wasabi'] .direction-plate { border: 0; border-bottom: 1.5px solid var(--ink); border-radius: 0; background: transparent; font-weight: 600; letter-spacing: .24em; }
[data-theme='wasabi'] .msg-bubble { border: 1.5px solid rgb(32 25 15 / .4); border-radius: 3px; background: var(--paper); box-shadow: inset 3px 0 0 var(--mc, var(--ink)); }
[data-theme='wasabi'] .msg--you .msg-bubble { background: var(--paper-2); }
[data-theme='wasabi'] .msg-author { letter-spacing: .22em; font-weight: 700; }
[data-theme='wasabi'] .msg-author::before { content: ''; display: inline-block; width: 7px; height: 7px; margin-right: 6px; background: var(--mc, var(--ink)); vertical-align: middle; }
[data-theme='wasabi'] .msg img { border-radius: 2px; border-width: 0; box-shadow: 0 0 0 2px var(--paper), 0 0 0 2.5px rgb(32 25 15 / .3); }
[data-theme='wasabi'] .choice { border-left-width: 4px; border-radius: 2px; }
[data-theme='wasabi'] .choice-key { background: transparent; color: var(--accent, var(--ink)); box-shadow: inset 0 0 0 1.5px currentColor; }
[data-theme='wasabi'] .story-head { background: #B9A882 repeating-linear-gradient(90deg, rgb(74 45 18 / .07) 0 1px, transparent 1px 7px); border-bottom: 1px solid #7E6B47; }
[data-theme='wasabi'] .tag { border-radius: 2px; box-shadow: inset 0 0 0 1px rgb(32 25 15 / .3); }
[data-theme='wasabi'] .feature { border: 1.5px solid rgb(32 25 15 / .62); border-radius: 3px; box-shadow: 1px 2px 0 rgb(32 25 15 / .26); }
[data-theme='wasabi'] .feature:first-child::after { content: ''; position: absolute; right: 18px; bottom: 18px; width: 44px; height: 44px; background: url('img/t/wasabi-hanko@2x.png') center / contain no-repeat; rotate: -7deg; }

/* ---------------- PİŞMİŞ TOPRAK: glazed terracotta ---------------- */
[data-theme='toprak'] { --tp-body: #96543A; --tp-deep: #52281B; --tp-lip: #D9C3A8; --tp-tahrir: color-mix(in srgb, var(--ink) 86%, #52281B); --tp-edge: color-mix(in srgb, var(--red-deep) 48%, var(--paper-edge)); }
[data-theme='toprak'] body { background-image: repeating-linear-gradient(0deg, rgb(74 34 22 / .2) 0 1.5px, rgb(255 251 240 / .16) 1.5px 2.5px, transparent 2.5px 58px), repeating-linear-gradient(90deg, rgb(74 34 22 / .17) 0 1.5px, rgb(255 251 240 / .13) 1.5px 2.5px, transparent 2.5px 58px), url('img/t/toprak-grain@2x.png'), var(--tex-paper); background-size: auto, auto, 256px, 768px; background-blend-mode: normal, normal, multiply, normal; }
[data-theme='toprak'] :is(.card-face, .sheet) { border: 2.75px solid var(--tp-tahrir); border-radius: 30px; }
[data-theme='toprak'] .card-face { border-radius: 20px; }
[data-theme='toprak'] .sheet { box-shadow: 2.75px 5.5px 0 var(--tp-edge), 4px 8.5px 3px -.5px rgb(var(--sh) / .36), 8px 16px 30px -8px rgb(var(--sh) / .22); background: #E7DAC1 url('img/t/toprak-grain@2x.png') 0 0 / 256px; }
[data-theme='toprak'] .key--ink { border: 3px solid var(--tp-tahrir); border-radius: 12px; background: #3A1A10; color: #FFFBF0; text-shadow: 0 1px 0 rgb(46 20 13 / .55);
  box-shadow: inset 0 0 0 1.5px rgb(var(--hi) / .2), inset 1px 2px 0 rgb(var(--hi) / .38), 1.25px 2.5px 0 color-mix(in srgb, var(--tp-body) 80%, var(--paper)), 2.5px 5px 0 var(--tp-body), 2.5px 5px 0 color-mix(in srgb, var(--tp-body) 52%, var(--ink)), 3px 7px 5px -1px rgb(var(--sh) / .3); }
[data-theme='toprak'] .key--ink:active { translate: 0 5px; box-shadow: inset 0 0 0 1.5px rgb(var(--hi) / .2); }
[data-theme='toprak'] :is(.lang, .theme) summary { border: 2px solid var(--tp-tahrir); border-radius: 20px; background: #EFE5CE url('img/t/toprak-craze@2x.png') 0 0 / 200px; box-shadow: inset 0 0 0 1.5px rgb(var(--hi) / .5), 0 2px 0 var(--tp-body), 0 3.5px 0 var(--tp-deep); }
[data-theme='toprak'] .hud { border: 2.75px solid color-mix(in srgb, var(--ink) 88%, var(--tp-deep)); border-radius: 22px; box-shadow: inset 0 2px 0 rgb(255 251 240 / .42), 0 2px 0 var(--tp-lip), 0 4px 0 var(--tp-body), 0 6px 0 var(--tp-deep), 4px 10px 14px rgb(var(--sh) / .28); }
[data-theme='toprak'] .hud-rail { background: linear-gradient(180deg, color-mix(in srgb, var(--paper) 86%, #4A2216), color-mix(in srgb, var(--paper) 94%, #4A2216)); }
[data-theme='toprak'] .hud-value { font-size: 26px; text-shadow: 0 1px 0 rgb(255 251 240 / .62), 0 -1px 0 rgb(74 34 22 / .26); }
[data-theme='toprak'] .direction-plate { border: 0; border-radius: 999px; background: var(--paper); box-shadow: 0 1px 0 var(--tp-lip), 0 3px 0 var(--tp-body), 0 4px 0 var(--tp-deep); color: #a23723; }
[data-theme='toprak'] .msg-bubble { border: 2px solid var(--tp-tahrir); border-radius: 6px 18px 18px 18px; background: #EFE5CE url('img/t/toprak-craze@2x.png') 0 0 / 200px; box-shadow: 0 2px 0 var(--tp-body), 0 3px 0 var(--tp-deep), 2px 5px 8px rgb(var(--sh) / .22); }
[data-theme='toprak'] .msg--you .msg-bubble { border-radius: 18px 6px 18px 18px; }
[data-theme='toprak'] .msg-author { display: inline-block; padding: 3px 8px; border-radius: 999px; color: #FFFBF0 !important; background: var(--mc, var(--ink)); }
[data-theme='toprak'] .msg--hamit { --mc: #A32A1E; } [data-theme='toprak'] .msg--rita { --mc: #2A6349; }
[data-theme='toprak'] .msg img { box-shadow: 0 2px 0 var(--tp-body), 0 3px 0 var(--tp-deep); }
[data-theme='toprak'] .choice { border-radius: 18px; border-left-width: 2px; position: relative; padding-left: 20px; }
[data-theme='toprak'] .choice::before { content: ''; position: absolute; left: 6px; top: 8px; bottom: 8px; width: 6px; border-radius: 6px; background: var(--accent, var(--ink)); }
[data-theme='toprak'] .story-head { background: #E7DAC1 url('img/t/toprak-grain@2x.png') 0 0 / 256px; box-shadow: 0 2px 0 var(--tp-body), 0 4px 0 var(--tp-deep); }
[data-theme='toprak'] .tag { border-radius: 999px; background-image: linear-gradient(115deg, rgb(255 251 240 / .35), transparent 50%); box-shadow: 0 1px 0 var(--tp-body); }
[data-theme='toprak'] .feature { border-radius: 26px; border: 0; box-shadow: 0 0 0 2.5px var(--tp-tahrir), 0 1px 0 3px var(--tp-lip), 0 5px 0 3px var(--tp-body), 0 7px 0 3px var(--tp-deep); background-image: url('img/t/toprak-craze@2x.png'); background-size: 200px; }
[data-theme='toprak'] .ticker { background: var(--red-deep); }

/* ---------------- GECE MAVİSİ (nuit): dark, phosphor ---------------- */
[data-theme='nuit'] { --E2: #242B40; --E3: #2A3249; --E-well: #0C1020; }
[data-theme='nuit'] body::before { mix-blend-mode: screen; }
[data-theme='nuit'] body::after { background: url('img/t/nuit-oyun-halka@2x.png') 0 0 / 34px; opacity: .6; mix-blend-mode: screen; }
[data-theme='nuit'] :is(.card-face, .sheet) { border-radius: 16px; border-color: color-mix(in srgb, var(--ink) 18%, transparent); background-image: url('img/t/nuit-gren@2x.png'), var(--tex-card); background-size: 256px, 512px; }
[data-theme='nuit'] .sheet { box-shadow: inset 1px 1px 0 rgb(var(--hi) / .2), 1px 2px 0 color-mix(in srgb, var(--paper-edge) 80%, rgb(var(--sh))), 1.5px 3.5px 4px 0 rgb(var(--sh) / .72), 0 14px 38px rgb(var(--sh) / .6), 0 0 0 4px rgb(var(--hi) / .035); }
[data-theme='nuit'] .card-face { box-shadow: inset 1px 1px 0 rgb(var(--hi) / .2), 1.5px 3.5px 4px rgb(var(--sh) / .72); }
[data-theme='nuit'] .key--ink { border-radius: 14px; background: #232A3C; color: #F4C95D; box-shadow: inset 1px 1px 0 rgb(var(--hi) / .4), 0 0 0 1px rgb(var(--hi) / .2), 1.5px 3.5px 3px -.5px rgb(var(--sh) / .5), 1.5px 3px 0 color-mix(in srgb, var(--blue) 14%, var(--paper)); }
[data-theme='nuit'] .key--ink img { filter: sepia(1) saturate(4) hue-rotate(5deg) brightness(1.1); }
[data-theme='nuit'] .key--ink:active { translate: 1.5px 3px; }
[data-theme='nuit'] :is(.lang, .theme) summary { border: 1px solid #0F1015; border-radius: 999px; background: var(--E3); color: #FFF4D6; box-shadow: inset 1px 1px 0 rgb(var(--hi) / .2), 0 0 0 1px rgb(var(--hi) / .2), 1.5px 3.5px 3px -.5px rgb(var(--sh) / .5); }
[data-theme='nuit'] .hud { border: 1.5px solid color-mix(in srgb, var(--ink) 80%, transparent); border-radius: 14px; box-shadow: 0 0 0 1px rgb(var(--hi) / .08), 2px 6px 14px rgb(var(--sh) / .6); }
[data-theme='nuit'] .hud-main { background: #1A1F2E url('img/t/nuit-gren@2x.png') 0 0 / 256px; }
[data-theme='nuit'] .hud-cell { border-color: rgb(var(--hi) / .14); }
[data-theme='nuit'] .hud-rail { border-top-color: rgb(var(--hi) / .3); border-radius: 0 0 12px 12px; background: var(--E-well); }
[data-theme='nuit'] .hud-label { color: #A9C6FF; text-shadow: 0 0 1px rgb(118 167 255 / .55); }
[data-theme='nuit'] .hud-value { color: #FFF4D6; text-shadow: none; }
[data-theme='nuit'] .direction-plate { border: 1px solid rgb(var(--hi) / .4); border-radius: 999px; background: #1F2433; color: var(--ink); }
[data-theme='nuit'] .msg-bubble { border: 0; border-radius: 4px 14px 14px 14px; background: var(--E2); color: var(--ink); text-shadow: none; box-shadow: 0 2px 6px rgb(var(--sh) / .5); }
[data-theme='nuit'] .msg--you .msg-bubble { border-radius: 14px 4px 14px 14px; background: #2F3346; }
[data-theme='nuit'] .msg-author { letter-spacing: .14em; text-shadow: 0 0 8px color-mix(in srgb, var(--mc, var(--ink)) 70%, transparent); }
[data-theme='nuit'] .msg img { border-color: rgb(var(--hi) / .4); box-shadow: 0 0 14px color-mix(in srgb, var(--mc, var(--blue)) 55%, transparent); }
[data-theme='nuit'] .choice { border: 1px solid rgb(var(--hi) / .18); border-left: 4px solid var(--accent, var(--ink)); border-radius: 14px; background: var(--E2); }
[data-theme='nuit'] .tag { box-shadow: inset 0 0 0 1.5px #8F8A7E, 0 1px 3px rgb(0 0 0 / .4); }
[data-theme='nuit'] .feature { border: 0; border-radius: 18px; box-shadow: inset 0 1px 0 rgb(255 251 240 / .34), inset 0 -1px 0 rgb(0 0 0 / .32), 0 0 0 1px rgb(8 11 22 / .55), 1px 2px 4px rgb(8 11 22 / .55), 0 8px 24px rgb(8 11 22 / .45); }
[data-theme='nuit'] .ticker { background: var(--blue-deep); }

/* ---------------- MÜREKKEP KARASI (neon): dark screenprint ---------------- */
[data-theme='neon'] { --merrow: repeating-linear-gradient(45deg, #D8CFB8 0 1.5px, #8A8270 1.5px 2.2px, #2A261E 2.2px 2.9px); }
[data-theme='neon'] body { background-image: url('img/t/neon-kumas@2x.png'); background-size: 256px; }
[data-theme='neon'] body::after { display: none; }
[data-theme='neon'] :is(.card-face, .sheet) { border: 1px solid rgb(0 0 0 / .7); border-radius: 2px; background: url('img/t/neon-kumas@2x.png') 0 0 / 256px, var(--paper-2); }
[data-theme='neon'] .sheet { box-shadow: -4px 3px 0 var(--red), 4px -3px 0 var(--blue), 1.5px 3px 3px 0 rgb(var(--sh) / .78), 0 16px 40px rgb(0 0 0 / .55); }
[data-theme='neon'] .card-face { box-shadow: -2px 1.5px 0 color-mix(in srgb, var(--red) 80%, transparent), 2px -1.5px 0 color-mix(in srgb, var(--blue) 80%, transparent), 1.5px 3.5px 3px -.5px rgb(var(--sh) / .75); }
[data-theme='neon'] .key--ink { border: 3px solid transparent; border-radius: 3px; background: linear-gradient(var(--ink), var(--ink)) padding-box, var(--merrow) border-box; color: var(--paper); text-shadow: 0 1px 0 rgb(255 251 240 / .45);
  box-shadow: inset 1px 1px 0 rgb(var(--hi) / .1), 1px 2px 0 color-mix(in srgb, var(--ink) 56%, var(--paper)), 1.5px 3.5px 3px -.5px rgb(var(--sh) / .75); }
[data-theme='neon'] .key--ink img { filter: invert(1); }
[data-theme='neon'] .key--ink:active { translate: 1px 2px; }
[data-theme='neon'] :is(.lang, .theme) summary { border: 2px solid transparent; border-radius: 3px; background: linear-gradient(#1D2027, #1D2027) padding-box, var(--merrow) border-box; color: #F4E9D2; }
[data-theme='neon'] .hud { border: 2px solid transparent; border-radius: 3px; background: linear-gradient(var(--paper), var(--paper)) padding-box, var(--merrow) border-box; box-shadow: 1.5px 3.5px 3px rgb(var(--sh) / .75); }
[data-theme='neon'] .hud-main { background: repeating-linear-gradient(45deg, rgb(244 233 210 / .03) 0 1px, transparent 1px 3px), var(--paper); }
[data-theme='neon'] .hud-cell { border-color: rgb(var(--hi) / .14); }
[data-theme='neon'] .hud-rail { border-top-color: var(--ink); background: #090A0D; }
[data-theme='neon'] .hud-label { letter-spacing: .2em; }
[data-theme='neon'] .hud-value { text-shadow: -2px 1px 0 color-mix(in srgb, var(--red) 85%, transparent), 2px -1px 0 color-mix(in srgb, var(--blue) 85%, transparent); }
[data-theme='neon'] .direction-plate { border-radius: 2px; border-color: var(--ink); background: #14161E; color: var(--ink); box-shadow: -1.5px 1px 0 var(--red), 1.5px -1px 0 var(--blue); }
[data-theme='neon'] .msg-bubble { border: 1px solid rgb(244 233 210 / .14); border-radius: 0; background: var(--paper-2); color: var(--ink); text-shadow: none; box-shadow: none; }
[data-theme='neon'] .msg-author { letter-spacing: .16em; }
[data-theme='neon'] .msg--smoke .msg-author { color: #5a8de7; }
[data-theme='neon'] .msg img { border-color: var(--ink); box-shadow: -2px 2px 0 var(--red), 2px -2px 0 var(--blue); }
[data-theme='neon'] .story-head strong { text-shadow: -1.5px 1px 0 var(--red), 1.5px -1px 0 var(--blue); }
[data-theme='neon'] .choice { border-radius: 0; background: var(--paper-2); }
[data-theme='neon'] .tag--ink { background: #14161E; color: color-mix(in srgb, var(--blue) 70%, var(--ink)); border: 1.5px solid color-mix(in srgb, var(--blue) 60%, #000); border-radius: 4px; }
[data-theme='neon'] .feature { border-radius: 0; border: 0; box-shadow: 0 0 0 2px #F4E9D2, -3px 2.25px 0 #FF5848, 3px -2.25px 0 #4C83E6, 0 12px 30px rgb(0 0 0 / .5); }
[data-theme='neon'] .plate-title { text-shadow: -2px 1.5px 0 color-mix(in srgb, var(--red) 85%, transparent), 2px -1.5px 0 color-mix(in srgb, var(--blue) 85%, transparent); }

/* Speaker colours follow the palette in every theme (r_story.css). */
.msg--rita { --mc: var(--green-deep); } .msg--hamit { --mc: var(--red-deep); } .msg--leyla { --mc: var(--blue-deep); } .msg--you { --mc: var(--yellow); }