/* Omikuji — Mistyczny Wschód · Japonia. Tokeny serwisu (granat + złoto) i jeden akcent modułu: cynober pieczęci,
   papier washi, drewno pudełka. Sygnatura: pudełko → patyczek → pasek rozwija się → pieczęć. */
.tom-strona {
	--tlo: #060716; --panel: rgba( 10, 10, 34, .74 ); --panel-mocny: rgba( 7, 5, 22, .94 ); --obrys: rgba( 230, 196, 138, .3 ); --wlos: rgba( 230, 196, 138, .12 );
	--zloto: #fde291; --zloto-cieply: #f9d57a; --zloto-ciemne: #e6c48a; --zloto-etyk: #cda474; --lawenda: #ad97d3;
	--tekst: #b3b1c2; --tekst-slaby: #9393a7; --tekst-mocny: #e6e2ea;
	--shu: #c8412f; --shu-jasny: #e3603f; --washi: #f1e9d6; --tusz: #1d1a24; --drewno: #6e4f33;
	--serif: 'Cormorant Garamond', Georgia, serif; --sans: Jost, system-ui, sans-serif; --jp: 'Noto Serif JP', 'Yu Mincho', 'MS Mincho', serif;
	position: relative; max-width: 1520px; margin: 0 auto; padding: 0 40px 80px; color: var( --tekst ); font: 300 15px var( --sans );
	background: radial-gradient( 1200px 600px at 50% -10%, rgba( 90, 60, 160, .25 ), transparent 70% ), radial-gradient( 900px 500px at 90% 30%, rgba( 200, 65, 47, .10 ), transparent 70% ), var( --tlo ); overflow-x: clip;
}
.tom-strona *, .tom-strona *::before, .tom-strona *::after { box-sizing: border-box; }
body:has( .tom-strona ) .wp-site-blocks > header, body:has( .tom-strona ) header.wp-block-template-part, body:has( .tom-strona ) .wp-site-blocks > footer, body:has( .tom-strona ) footer.wp-block-template-part, body:has( .tom-strona ) .wp-block-post-title { display: none !important; }
body:has( .tom-strona ) .wp-site-blocks, body:has( .tom-strona ) .wp-block-group, body:has( .tom-strona ) .wp-block-post-content { padding: 0 !important; margin: 0 !important; max-width: none !important; }
body:has( .tom-strona ) .wp-block-post-content > *, body:has( .tom-strona ) .entry-content > * { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
body:has( .tom-strona ) { background: #060716; }
/* Miara serwisu: 1520 px treści w kolumnie, jak Tarot, Runy i Kabała. Reguła wyżej zdejmuje max-width z każdego dziecka
   post-content (także z .tom-strona), więc kolumna musi być przywrócona wprost i z !important. */
body:has( .tom-strona ) .wp-block-post-content > .tom-strona, body:has( .tom-strona ) .entry-content > .tom-strona, .tom-strona { box-sizing: border-box; max-width: 1600px !important; margin-left: auto !important; margin-right: auto !important; } /* 1600 − 2×40 paddingu = 1520 treści */
.tom-strona button { font-family: inherit; }

/* ── ścieżka i poziom źródłowy (wspólne dla Wschodu) ── */
.tom-sciezka { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 18px 0 6px; font-size: 10.5px; letter-spacing: .26em; text-transform: uppercase; color: var( --tekst-slaby ); }
.tom-sciezka a { color: var( --zloto-etyk ); text-decoration: none; } .tom-sciezka a:hover { color: var( --zloto ); } .tom-sciezka i { font-style: normal; color: var( --zloto-ciemne ); } .tom-sciezka b { font-weight: 400; color: var( --zloto ); }
.tom-poziom { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 0 auto; }
.tom-poziom span { display: inline-flex; align-items: center; gap: 7px; padding: 5px 11px; border: 1px solid var( --wlos ); border-radius: 999px; font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var( --tekst ); }
.tom-poziom span::before { content: ''; width: 8px; height: 8px; border-radius: 999px; background: var( --k ); box-shadow: 0 0 10px var( --k ); }
.tom-poziom .jest-hist { --k: #7cc59a; } .tom-poziom .jest-ezo { --k: #ad97d3; } .tom-poziom .jest-wsp { --k: #f9d57a; } .tom-poziom .jest-bad { --k: #6d9be6; }

/* ── hero ── */
.tom-hero { display: grid; grid-template-columns: 72px minmax( 0, 1fr ) minmax( 380px, 520px ); gap: 34px; align-items: center; min-height: 560px; padding: 30px 0 10px; }
.tom-pion { writing-mode: vertical-rl; margin: 10px 0 0; align-self: start; font: 400 44px/1 var( --jp ); letter-spacing: .28em; color: var( --zloto-ciemne ); text-shadow: 0 0 30px rgba( 253, 226, 145, .25 ); }
.tom-nad { margin: 0 0 10px; font-size: 11px; letter-spacing: .34em; text-transform: uppercase; color: var( --zloto-etyk ); }
.tom-tytul { margin: 0; font: 500 clamp( 42px, 5vw, 72px )/1.05 var( --serif ); color: var( --zloto-cieply ); }
.tom-tytul small { display: block; margin-top: 6px; font: 400 18px var( --jp ); letter-spacing: .3em; color: var( --lawenda ); }
.tom-lead { max-width: 58ch; margin: 18px 0 20px; font-size: 15.5px; line-height: 1.7; color: var( --tekst-mocny ); }
.tom-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin: 18px 0 0; }
.tom-cta small { font-size: 12px; color: var( --tekst-slaby ); }
.tom-btn { height: 48px; padding: 0 30px; border: 1px solid var( --zloto-ciemne ); border-radius: 999px; background: linear-gradient( 180deg, rgba( 253, 226, 145, .16 ), rgba( 253, 226, 145, .05 ) ); color: var( --zloto ); font: 400 11.5px var( --sans ); letter-spacing: .26em; text-transform: uppercase; cursor: pointer; transition: box-shadow .2s, background .2s; }
.tom-btn:hover { background: rgba( 253, 226, 145, .22 ); box-shadow: 0 0 22px rgba( 253, 226, 145, .18 ); }
.tom-btn:disabled { opacity: .6; cursor: wait; }
.tom-btn:focus-visible { outline: 2px solid var( --zloto ); outline-offset: 3px; }
.tom-btn--shu { border-color: var( --shu-jasny ); background: linear-gradient( 180deg, rgba( 200, 65, 47, .3 ), rgba( 200, 65, 47, .12 ) ); color: #ffd9cf; }
.tom-btn--shu:hover { background: rgba( 200, 65, 47, .38 ); box-shadow: 0 0 26px rgba( 200, 65, 47, .35 ); }

/* pudełko */
.tom-scena { position: relative; display: grid; place-items: center; height: 520px; }
.tom-scena::after { content: ''; position: absolute; left: 50%; bottom: 40px; width: 380px; height: 70px; margin-left: -190px; border-radius: 50%; background: radial-gradient( ellipse, rgba( 200, 65, 47, .22 ), transparent 70% ); filter: blur( 12px ); }
.tom-box { position: relative; width: 210px; height: 340px; transform-origin: 50% 90%; }
.tom-box.jest-trzesie { animation: tom-shake .9s cubic-bezier( .36, .07, .19, .97 ) 2; }
@keyframes tom-shake { 0%, 100% { transform: rotate( 0 ); } 15% { transform: rotate( -7deg ) translateY( -6px ); } 30% { transform: rotate( 6deg ) translateY( -10px ); } 45% { transform: rotate( -6deg ) translateY( -6px ); } 60% { transform: rotate( 5deg ) translateY( -9px ); } 75% { transform: rotate( -3deg ) translateY( -3px ); } }
.tom-box__korpus { position: absolute; inset: 60px 0 0; border-radius: 10px 10px 14px 14px; background: repeating-linear-gradient( 180deg, rgba( 0, 0, 0, 0 ) 0 7px, rgba( 0, 0, 0, .06 ) 7px 9px ), linear-gradient( 90deg, #3f2a19 0%, #6e4f33 18%, #9a7350 40%, #7a5638 62%, #4a3220 100% ); box-shadow: inset 0 -30px 40px rgba( 0, 0, 0, .45 ), 0 30px 60px rgba( 0, 0, 0, .7 ); }
.tom-box__korpus::before { content: ''; position: absolute; inset: 14px 12px; border: 1px solid rgba( 253, 226, 145, .35 ); border-radius: 8px; }
.tom-box__korpus::after { content: '御神籤'; position: absolute; left: 50%; top: 50%; transform: translate( -50%, -50% ); writing-mode: vertical-rl; font: 600 34px/1 var( --jp ); letter-spacing: .2em; color: rgba( 253, 226, 145, .9 ); text-shadow: 0 1px 0 rgba( 0, 0, 0, .6 ); }
.tom-box__wieko { position: absolute; left: -8px; right: -8px; top: 44px; height: 30px; border-radius: 8px; background: linear-gradient( 180deg, #b08a5e, #6e4f33 ); box-shadow: 0 8px 16px rgba( 0, 0, 0, .5 ); }
.tom-box__otwor { position: absolute; left: 50%; top: 52px; width: 26px; height: 14px; margin-left: -13px; border-radius: 50%; background: #0c0710; box-shadow: inset 0 3px 6px #000; z-index: 2; }
.tom-box__pieczec { position: absolute; left: 50%; bottom: 26px; width: 44px; height: 44px; margin-left: -22px; border: 2px solid var( --shu ); border-radius: 6px; display: grid; place-items: center; font: 600 20px var( --jp ); color: var( --shu ); background: rgba( 241, 233, 214, .06 ); transform: rotate( -6deg ); }
.tom-patyk { position: absolute; left: 50%; top: 60px; width: 14px; height: 120px; margin-left: -7px; border-radius: 4px 4px 2px 2px; background: linear-gradient( 90deg, #e8d9b8, #f6ecd4 50%, #cdbd9a ); box-shadow: 0 6px 14px rgba( 0, 0, 0, .5 ); transform: translateY( 40px ); opacity: 0; z-index: 3; transition: transform .7s cubic-bezier( .2, .8, .2, 1 ), opacity .3s; }
.tom-patyk span { position: absolute; left: 50%; top: 10px; transform: translateX( -50% ); writing-mode: vertical-rl; font: 600 13px/1 var( --jp ); letter-spacing: .1em; color: var( --tusz ); white-space: nowrap; }
.tom-box.jest-wyciagnal .tom-patyk { transform: translateY( -128px ); opacity: 1; }
@media ( prefers-reduced-motion: reduce ) { .tom-box.jest-trzesie { animation: none; } .tom-patyk { transition: none; } }

/* ── wynik ── */
.tom-wynik { display: grid; grid-template-columns: minmax( 0, 1fr ) minmax( 0, 1fr ); gap: 30px; align-items: start; margin: 10px 0 60px; }
.tom-wynik[hidden] { display: none; }
.tom-pasek { position: relative; padding: 40px 38px 44px; background: linear-gradient( 180deg, #f4ecda, var( --washi ) 30%, #ece3cc ); color: var( --tusz ); border-radius: 4px; box-shadow: 0 30px 60px rgba( 0, 0, 0, .65 ), inset 0 0 0 1px rgba( 120, 90, 50, .25 ); clip-path: inset( 0 0 100% 0 ); animation: tom-rozwin 1.1s .4s cubic-bezier( .2, .8, .2, 1 ) forwards; transition: opacity .8s, transform .8s; }
.tom-pasek.jest-od-razu { animation: none; clip-path: none; }
.tom-pasek.jest-zawiazany { opacity: 0; transform: translateY( -30px ) rotate( 3deg ); }
.tom-pasek::before, .tom-pasek::after { content: ''; position: absolute; left: 14px; right: 14px; height: 1px; background: repeating-linear-gradient( 90deg, rgba( 120, 90, 50, .5 ) 0 6px, transparent 6px 12px ); }
.tom-pasek::before { top: 14px; } .tom-pasek::after { bottom: 14px; }
@keyframes tom-rozwin { to { clip-path: inset( 0 0 0 0 ); } }
.tom-pasek__nr { margin: 0; text-align: center; font: 400 14px var( --jp ); letter-spacing: .3em; color: #6e4f33; }
.tom-pasek__stopien { margin: 8px 0 0; text-align: center; font: 600 64px/1 var( --jp ); color: var( --shu ); }
.tom-pasek.jest-zly .tom-pasek__stopien { color: #3a3040; }
.tom-pasek__stopien small { display: block; margin-top: 6px; font: 500 22px var( --serif ); letter-spacing: .12em; text-transform: uppercase; color: var( --tusz ); }
.tom-pasek__haslo { margin: 10px 0 0; text-align: center; font: 400 12px var( --sans ); letter-spacing: .22em; text-transform: uppercase; color: #6e4f33; }
.tom-pasek__wiersz { margin: 22px auto 24px; max-width: 42ch; text-align: center; font: italic 400 19px/1.55 var( --serif ); color: #3a3040; }
.tom-pasek__wiersz::before, .tom-pasek__wiersz::after { content: ''; display: block; width: 60px; height: 1px; margin: 0 auto 14px; background: rgba( 120, 90, 50, .5 ); }
.tom-pasek__wiersz::after { margin: 14px auto 0; }
.tom-kat { display: grid; grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); gap: 8px 14px; margin: 0; padding: 0; list-style: none; }
.tom-kat li { display: grid; grid-template-columns: 28px 1fr; gap: 8px; align-items: start; padding: 8px 0; border-top: 1px solid rgba( 120, 90, 50, .22 ); cursor: pointer; outline: none; }
.tom-kat li:hover b, .tom-kat li:focus-visible b { color: var( --shu ); }
.tom-kat i { font: 400 18px var( --jp ); font-style: normal; color: #6e4f33; }
.tom-kat b { display: block; font: 500 13.5px var( --serif ); letter-spacing: .04em; color: var( --tusz ); }
.tom-kat span { display: block; font-size: 12.5px; line-height: 1.45; color: #4a4050; }
.tom-stempel { position: absolute; right: 26px; bottom: 30px; width: 74px; height: 74px; border: 3px solid var( --shu ); border-radius: 8px; display: grid; place-items: center; font: 600 26px/1.05 var( --jp ); color: var( --shu ); text-align: center; transform: rotate( -8deg ) scale( 1.6 ); opacity: 0; mix-blend-mode: multiply; animation: tom-stempel .35s 1.6s cubic-bezier( .2, 1.2, .3, 1 ) forwards; }
.tom-pasek.jest-od-razu .tom-stempel { animation: none; transform: rotate( -8deg ); opacity: .92; }
@keyframes tom-stempel { to { transform: rotate( -8deg ) scale( 1 ); opacity: .92; } }
.tom-obok { display: grid; gap: 14px; }
.tom-karta { position: relative; padding: 22px 24px; border: 1px solid var( --obrys ); border-radius: 16px; background: var( --panel ); }
.tom-karta::after { content: ''; position: absolute; inset: 5px; border: 1px solid var( --wlos ); border-radius: 12px; pointer-events: none; }
.tom-karta h3 { margin: 0 0 8px; font: 500 22px var( --serif ); color: var( --zloto-cieply ); }
.tom-karta p { margin: 0; font-size: 13.5px; line-height: 1.65; color: var( --tekst ); }
.tom-karta--zawiazany { grid-column: 1 / -1; text-align: center; }
.tom-akcje { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; position: relative; z-index: 1; }
.tom-akcje .tom-btn, .tom-akcje .tsk-zapisz__btn { height: 40px; padding: 0 18px; font-size: 10.5px; }

/* ── sekcje ── */
.tom-sekcja { margin: 40px 0 0; }
.tom-sekcja__nad { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 0 0 6px; font-size: 11.5px; letter-spacing: .34em; text-transform: uppercase; color: var( --zloto ); }
.tom-sekcja__nad::before, .tom-sekcja__nad::after { content: ''; width: 110px; height: 1px; background: linear-gradient( 90deg, transparent, var( --zloto-ciemne ) ); } .tom-sekcja__nad::after { background: linear-gradient( 90deg, var( --zloto-ciemne ), transparent ); }
.tom-sekcja__tytul { margin: 0 0 8px; text-align: center; font: 500 clamp( 28px, 3vw, 42px ) var( --serif ); color: var( --zloto-cieply ); }
.tom-sekcja__lead { max-width: 70ch; margin: 0 auto 26px; text-align: center; font-size: 14.5px; line-height: 1.65; }
.tom-wiedza { display: grid; grid-template-columns: repeat( 4, minmax( 0, 1fr ) ); gap: 16px; }
.tom-wpis { position: relative; display: grid; gap: 10px; padding: 22px 20px 18px; border: 1px solid var( --wlos ); border-radius: 16px; background: linear-gradient( 180deg, rgba( 12, 9, 34, .92 ), rgba( 8, 6, 26, .96 ) ); color: var( --tekst ); text-align: left; font: inherit; cursor: pointer; transition: transform .25s, border-color .25s, box-shadow .25s; }
.tom-wpis:hover { transform: translateY( -4px ); border-color: var( --shu-jasny ); box-shadow: 0 24px 50px rgba( 0, 0, 0, .6 ), 0 0 30px rgba( 200, 65, 47, .18 ); }
.tom-wpis:focus-visible { outline: 2px solid var( --zloto ); outline-offset: 3px; }
.tom-wpis i { display: grid; place-items: center; width: 52px; height: 52px; border: 1px solid var( --obrys ); border-radius: 999px; background: radial-gradient( circle at 40% 35%, rgba( 200, 65, 47, .35 ), rgba( 10, 7, 34, .9 ) 72% ); font: 400 22px var( --jp ); font-style: normal; color: var( --zloto ); }
.tom-wpis h3 { margin: 0; font: 500 22px/1.12 var( --serif ); color: var( --zloto-cieply ); }
.tom-wpis p { margin: 0; font-size: 13px; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.tom-wpis em { font-style: normal; font-size: 10.5px; letter-spacing: .24em; text-transform: uppercase; color: var( --zloto ); }
.tom-stopnie { display: grid; grid-template-columns: repeat( 7, minmax( 0, 1fr ) ); gap: 12px; }
.tom-stopien { display: grid; justify-items: center; gap: 6px; padding: 18px 10px 14px; border: 1px solid var( --wlos ); border-radius: 14px; background: var( --panel ); color: var( --tekst ); font: inherit; cursor: pointer; text-align: center; transition: transform .2s, border-color .2s; }
.tom-stopien:hover { transform: translateY( -3px ); border-color: var( --zloto ); }
.tom-stopien b { font: 600 34px/1 var( --jp ); color: var( --shu-jasny ); }
.tom-stopien span { font: 500 14px var( --serif ); color: var( --tekst-mocny ); }
.tom-stopien small { font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var( --tekst-slaby ); }
.tom-stopien.jest-kyo b { color: #8a8aa8; }
.tom-historia { display: grid; grid-template-columns: repeat( auto-fill, minmax( 260px, 1fr ) ); gap: 10px; }
.tom-hist { display: grid; grid-template-columns: 52px minmax( 0, 1fr ); align-items: center; gap: 12px; padding: 10px 14px; border: 1px solid var( --wlos ); border-radius: 12px; background: var( --panel ); color: inherit; font: inherit; text-align: left; cursor: pointer; transition: border-color .2s, transform .2s; }
.tom-hist:hover { border-color: var( --zloto ); transform: translateY( -2px ); }
.tom-hist b { font: 600 24px/1 var( --jp ); color: var( --shu-jasny ); text-align: center; } .tom-hist.jest-kyo b { color: #8a8aa8; }
.tom-hist strong { display: block; font: 500 15px var( --serif ); color: var( --tekst-mocny ); }
.tom-hist small { display: block; font-size: 11px; color: var( --tekst-slaby ); }
.tom-pow { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-top: 34px; padding: 14px 18px; border: 1px solid var( --wlos ); border-radius: 14px; background: rgba( 255, 255, 255, .02 ); font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var( --zloto-etyk ); }
.tom-pow a { color: var( --zloto ); text-decoration: none; } .tom-pow a:hover { text-decoration: underline; text-underline-offset: 4px; } .tom-pow span { margin-left: auto; }

/* ── okno ── */
.tom-okno { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 20px; font: 300 18px var( --sans, Jost, sans-serif ); }
.tom-okno__tlo { position: absolute; inset: 0; background: rgba( 3, 2, 10, .72 ); backdrop-filter: blur( 10px ); -webkit-backdrop-filter: blur( 10px ); }
.tom-okno__panel { position: relative; width: min( 100%, 760px ); max-height: 90vh; overflow: auto; padding: 34px 38px; border: 1px solid rgba( 230, 196, 138, .3 ); border-radius: 18px; background: rgba( 7, 5, 22, .94 ); box-shadow: 0 30px 80px rgba( 0, 0, 0, .7 ); color: #b3b1c2; }
.tom-okno__zamknij { position: absolute; right: 14px; top: 12px; width: 36px; height: 36px; border: 1px solid rgba( 230, 196, 138, .3 ); border-radius: 999px; background: rgba( 7, 5, 22, .8 ); color: #fde291; font-size: 22px; cursor: pointer; }
.tom-okno__nad { margin: 0 0 6px; font-size: 11px; letter-spacing: .3em; text-transform: uppercase; color: #cda474; }
.tom-okno h3 { margin: 0 0 4px; font: 500 36px/1.1 'Cormorant Garamond', Georgia, serif; color: #f9d57a; }
.tom-okno__jp { margin: 0 0 12px; font: 400 22px 'Noto Serif JP', serif; color: #ad97d3; }
.tom-okno p { margin: 0 0 12px; font-size: 18px; line-height: 1.7; }
.tom-okno h4 { margin: 18px 0 6px; font: 500 20px 'Cormorant Garamond', Georgia, serif; color: #fde291; }
.tom-okno__rada { padding: 12px 16px; border-left: 2px solid #c8412f; background: rgba( 200, 65, 47, .08 ); font: italic 400 17px/1.5 'Cormorant Garamond', Georgia, serif; color: #e6e2ea; }
.tom-okno .tom-poziom { margin: 16px 0 0; }
.tom-okno .tom-poziom span { border: 1px solid rgba( 230, 196, 138, .12 ); }

@media ( max-width: 1200px ) { .tom-hero { grid-template-columns: 1fr; } .tom-pion { display: none; } .tom-wiedza { grid-template-columns: repeat( 2, 1fr ); } .tom-stopnie { grid-template-columns: repeat( 4, 1fr ); } .tom-wynik { grid-template-columns: 1fr; } }
@media ( max-width: 680px ) { .tom-strona { padding: 0 16px 60px; } .tom-wiedza, .tom-stopnie, .tom-kat { grid-template-columns: 1fr; } .tom-scena { height: 420px; } .tom-box { transform: scale( .8 ); } .tom-pasek { padding: 30px 20px 40px; } .tom-poziom { margin-left: 0; } }

/* ── Rokuyō: dziś + pasek siedmiu dni ── */
.tom-rokuyo__laduje { margin: 10px 0; text-align: center; font: italic 400 17px var( --serif ); color: var( --tekst-slaby ); }
.tom-rokuyo__uklad { display: grid; gap: 14px; }
.tom-rokuyo__dzis { display: grid; grid-template-columns: 150px minmax( 0, 1fr ); gap: 22px; align-items: center; padding: 22px 26px; border: 1px solid var( --obrys ); border-radius: 18px; background: linear-gradient( 90deg, color-mix( in srgb, var( --rk, #e7a23a ) 16%, transparent ), transparent 60% ), var( --panel-mocny ); color: var( --tekst ); font: inherit; text-align: left; cursor: pointer; transition: border-color .2s, transform .2s; }
.tom-rokuyo__dzis:hover { border-color: var( --zloto ); transform: translateY( -2px ); }
.tom-rokuyo__kanji { display: grid; place-items: center; width: 150px; height: 150px; border: 1px solid var( --obrys ); border-radius: 999px; background: radial-gradient( circle at 40% 35%, color-mix( in srgb, var( --rk, #e7a23a ) 40%, transparent ), rgba( 10, 7, 34, .95 ) 72% ); font: 600 52px/1 var( --jp ); color: var( --zloto ); box-shadow: 0 0 40px color-mix( in srgb, var( --rk, #e7a23a ) 30%, transparent ); }
.tom-rokuyo__tekst { display: grid; gap: 4px; min-width: 0; }
.tom-rokuyo__tekst small { font-size: 10.5px; letter-spacing: .26em; text-transform: uppercase; color: var( --zloto-etyk ); }
.tom-rokuyo__tekst b { font: 500 34px/1.05 var( --serif ); color: var( --zloto-cieply ); }
.tom-rokuyo__gw { font-style: normal; letter-spacing: .2em; color: var( --rk, #e7a23a ); }
.tom-rokuyo__tekst > span { font-size: 14px; line-height: 1.6; color: var( --tekst ); }
.tom-rokuyo__tekst em { font-style: normal; font-size: 10.5px; letter-spacing: .24em; text-transform: uppercase; color: var( --zloto ); }
.tom-rokuyo__pas { display: grid; grid-template-columns: repeat( 7, minmax( 0, 1fr ) ); gap: 10px; }
.tom-rokuyo__dzien { display: grid; justify-items: center; gap: 4px; padding: 12px 8px 10px; border: 1px solid var( --wlos ); border-radius: 14px; background: var( --panel ); color: var( --tekst ); font: inherit; cursor: pointer; text-align: center; transition: transform .2s, border-color .2s; }
.tom-rokuyo__dzien:hover { transform: translateY( -3px ); border-color: var( --zloto ); }
.tom-rokuyo__dzien.jest-dzis { border-color: var( --rk, #e7a23a ); box-shadow: 0 0 22px color-mix( in srgb, var( --rk, #e7a23a ) 25%, transparent ); }
.tom-rokuyo__dzien small { font-size: 10px; letter-spacing: .16em; text-transform: uppercase; color: var( --tekst-slaby ); }
.tom-rokuyo__dzien b { font: 600 26px/1.1 var( --jp ); color: var( --zloto ); }
.tom-rokuyo__dzien span { font: 500 12.5px var( --serif ); color: var( --tekst-mocny ); }
.tom-rokuyo__dzien i { font-style: normal; font-size: 10px; letter-spacing: .12em; color: var( --rk, #e7a23a ); }
.jest-taian { --rk: #7cc59a; } .jest-sensho { --rk: #e7a23a; } .jest-tomobiki { --rk: #c9b8ef; } .jest-senbu { --rk: #d2a85e; } .jest-shakko { --rk: #e3603f; } .jest-butsumetsu { --rk: #8a8aa8; }
.tom-okno .tom-rokuyo__gw { font-size: 18px; letter-spacing: .3em; color: #e7a23a; }
@media ( max-width: 1200px ) { .tom-rokuyo__pas { grid-template-columns: repeat( 4, 1fr ); } }
@media ( max-width: 680px ) { .tom-rokuyo__dzis { grid-template-columns: 1fr; justify-items: center; text-align: center; } .tom-rokuyo__tekst { justify-items: center; } .tom-rokuyo__pas { grid-template-columns: repeat( 2, 1fr ); } }