/*
Theme Name: Zrum Internet Club
Author: Zrum
Description: An independent corner of the internet. A lightweight, responsive theme with an editable homepage and a signal button.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zrum
*/
:root{--paper:#e9e8df;--ink:#252922;--muted:#707467;--line:#c8cbc0;--acid:#c7ed4a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;padding:0 4.5vw;min-height:100svh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{color:inherit}a:hover{text-decoration:underline;text-underline-offset:5px}header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-weight:900;font-size:44px;letter-spacing:-3.8px}.status,.contact,footer,.coordinate,#whisper{font:10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.025em}.status{color:var(--muted);margin-left:40px}.contact{border-bottom:1px solid var(--ink);padding-bottom:4px}main{flex:1;min-height:610px;position:relative;display:grid;place-items:center}.scene{width:min(440px,70vw);position:relative;margin-top:-65px}.creature{width:100%;padding:0;border:0;background:none;cursor:pointer;display:block}.creature svg{width:100%;display:block;overflow:visible}.eyes{transform-origin:215px 200px;animation:blink 7s infinite}.hello .flag{transform:rotate(-5deg);transform-origin:316px 374px}.flag{transition:transform .4s ease}.creature:hover .flag{transform:rotate(4deg);transform-origin:316px 374px}#whisper{text-align:center;margin:-2px 0 0;color:var(--muted);font-size:11px}.tiny-star{position:absolute;color:var(--muted)}.star-one{top:26%;left:0;font-size:22px;transform:rotate(10deg)}.star-two{right:-6%;top:49%;font:18px monospace}.coordinate{position:absolute;top:32%;left:0;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px}.bottom-note{position:absolute;bottom:45px;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between}.bottom-note h1{font-size:clamp(21px,2.8vw,38px);font-weight:400;line-height:1.14;letter-spacing:-.055em;margin:0}.small-arrow{font-size:42px;font-weight:300;line-height:1}footer{min-height:68px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);gap:20px;font-size:9px}.online{display:inline-block;width:5px;height:5px;background:#59664a;border-radius:50%;margin-left:9px;vertical-align:middle}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--ink);padding:65px 45px;max-width:90vw}dialog::backdrop{background:#25292266;backdrop-filter:blur(4px)}dialog p{font-size:28px;letter-spacing:-1px;margin:0 0 20px}dialog .unready{font:12px/1.6 monospace;letter-spacing:0}.close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:28px;cursor:pointer}:focus-visible{outline:2px solid var(--ink);outline-offset:7px}::selection{background:var(--acid)}@keyframes blink{0%,42%,46%,100%{transform:scaleY(1)}44%{transform:scaleY(.05)}}@media(min-height:900px){main{min-height:720px}.scene{width:min(490px,70vw)}}@media(max-width:600px){body{padding:0 7vw}header{height:88px}.logo{font-size:38px}.status{display:none}main{min-height:550px}.scene{width:min(360px,80vw);margin-top:-65px}.coordinate{top:22%;left:-8px}.bottom-note{bottom:36px}.bottom-note h1{font-size:25px}.small-arrow{font-size:32px}.footer-middle{display:none}footer{font-size:8px;min-height:60px}.star-two{right:2%}.star-one{left:4%}}@media(prefers-reduced-motion:reduce){.eyes{animation:none}.flag{transition:none}}

.scene.political{width:min(640px,76vw);margin-top:-38px;transform:rotate(-3deg)}.edition{font:9px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;margin:0 0 27px;color:var(--muted)}.political h2{font-size:clamp(48px,7.6vw,106px);line-height:.94;letter-spacing:-.075em;font-weight:900;margin:0}.public{display:inline-block;background:var(--acid);padding:0 .09em .04em;margin:.04em 0 .01em -.09em}.declaration{font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:0;margin:30px 0 0}.political+.bottom-note h1{font-size:clamp(21px,2.8vw,36px)}@media(max-width:600px){.scene.political{width:78vw;margin-top:-45px}.political h2{font-size:clamp(42px,10.4vw,64px)}.edition{font-size:8px;margin-bottom:22px}.declaration{font-size:11px}.political+.bottom-note h1{font-size:24px}}

:root{--paper:#eeede7;--ink:#343730;--muted:#73766d;--line:#d7d8ce}.scene.political{width:auto;max-width:80vw;transform:none;margin-top:-35px;text-align:center}.political h1{font-size:clamp(30px,4.6vw,62px);line-height:1.15;letter-spacing:-.055em;font-weight:400;margin:0}.declaration{font-size:10px;color:var(--muted);margin:20px 0 0}.status{font-size:9px}.logo{font-size:36px;letter-spacing:-2.8px}.contact{border:0;font-size:10px}footer{border:0}.online{width:4px;height:4px;background:#818777}@media(max-width:600px){.scene.political{width:auto;margin-top:-30px}.political h1{font-size:35px}.declaration{font-size:9px}.logo{font-size:32px}}

.timepiece{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:52px;color:var(--muted);font:9px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.dial{position:relative;display:block;width:17px;height:17px;border:1px solid #b3b6aa;border-radius:50%;margin-right:3px}.hand{position:absolute;left:7px;top:7px;width:6px;height:1px;background:#73796a;transform-origin:0 50%}.time-label{margin-left:4px;color:#73766d}@media(prefers-reduced-motion:reduce){.hand{transform:rotate(-90deg)!important}}

.meeting{position:relative;width:250px;height:160px;margin:0 auto 39px}.ring{position:absolute;top:0;width:154px;height:154px;border:1px solid #9b9f92;border-radius:50%}.ring-a{left:16px;animation:approach-a 24s ease-in-out infinite}.ring-b{right:16px;animation:approach-b 24s ease-in-out infinite}.meeting-point{position:absolute;width:4px;height:4px;left:123px;top:75px;border-radius:50%;background:#666e5e}.political h1{font-size:clamp(25px,3vw,39px)}.scene.political{margin-top:-22px}@keyframes approach-a{0%,100%{transform:translateX(-14px)}50%{transform:translateX(17px)}}@keyframes approach-b{0%,100%{transform:translateX(14px)}50%{transform:translateX(-17px)}}@media(max-width:600px){.meeting{transform:scale(.85);margin-bottom:20px}.political h1{font-size:30px}}@media(prefers-reduced-motion:reduce){.ring{animation:none}}

.assembly{width:220px;height:209px;margin:0 auto 34px}.assembly svg{display:block;width:100%;overflow:visible}.assembly circle{fill:#666e5e;animation:assemble 22s cubic-bezier(.45,0,.25,1) infinite;opacity:.85}@keyframes assemble{0%,12%,100%{transform:translate(var(--dx),var(--dy))}43%,62%{transform:translate(0,0)}}@media(max-width:600px){.assembly{width:180px;height:171px;margin-bottom:30px}}@media(prefers-reduced-motion:reduce){.assembly circle{animation:none}}

.assembly{position:relative;transform:rotate(-9deg);width:200px;height:190px;margin-bottom:35px}.assembly circle{fill:#343730}.assembly circle:nth-child(5n){fill:#a33e30}.interruption{position:absolute;right:-12px;top:13px;font:20px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#a33e30;transform:rotate(9deg)}.political h1{font-size:clamp(30px,3.3vw,43px);line-height:1.04;letter-spacing:-.06em}.declaration{font-size:9px;margin-top:20px}.logo{letter-spacing:-3px}.timepiece{margin-top:38px}@media(max-width:600px){.assembly{width:170px;height:162px}.political h1{font-size:34px}.declaration{font-size:8px}}

.breach{width:320px;max-width:78vw;position:relative;margin:0 auto 36px}.breach svg{display:block;width:100%;overflow:visible}.boundary{fill:none;stroke:#93978b;stroke-width:.8}.upper{animation:open-upper 18s ease-in-out infinite}.lower{animation:open-lower 18s ease-in-out infinite}.escape-line{fill:none;stroke:#a33e30;stroke-width:1;stroke-dasharray:100;stroke-dashoffset:100;animation:trace 18s ease-in-out infinite}.escape-mark{fill:none;stroke:#a33e30;stroke-width:1.3;animation:escape 18s ease-in-out infinite}.margin-note{position:absolute;right:0;bottom:6px;font:8px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted)}.political h1{font-size:clamp(28px,3.4vw,43px);letter-spacing:-.05em;font-weight:400}.scene.political{margin-top:-30px}@keyframes open-upper{0%,100%{transform:translateY(12px)}40%,65%{transform:translateY(-9px)}}@keyframes open-lower{0%,100%{transform:translateY(-12px)}40%,65%{transform:translateY(9px)}}@keyframes escape{0%,15%,100%{transform:translateX(-100px)}60%,80%{transform:translateX(100px)}}@keyframes trace{0%,15%,100%{stroke-dashoffset:100;opacity:0}45%{stroke-dashoffset:0;opacity:.5}80%{stroke-dashoffset:-100;opacity:0}}@media(prefers-reduced-motion:reduce){.breach *{animation:none!important}.escape-line{stroke-dashoffset:0;opacity:.4}}

:root{--paper:#e6e5df;--ink:#343730}.scene.political{width:370px;max-width:84vw;margin-top:-25px}.net-window{text-align:left;border:1px solid #7d8175;box-shadow:3px 3px 0 #c5c7bd;background:#efeee8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.window-bar{padding:8px 10px;background:#d4d7cb;border-bottom:1px solid #8f9485;display:flex;justify-content:space-between;font-size:10px}.window-content{padding:35px 27px 24px}.file-label{font-size:9px;color:#73766d}.political .window-content h1{font:700 65px/.95 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-6px;margin:24px 0 14px}.cursor{font-weight:400;animation:cursor-blink 1.4s steps(1) infinite}.net-copy{font-size:10px;margin:0;color:#666d5e}.ascii{display:flex;gap:12px;align-items:center;margin:31px 0 24px;height:18px;font-size:15px;color:#65754c}.ascii span{animation:ascii-wave 3.6s ease-in-out infinite}.ascii span:nth-child(2n){animation-delay:-.6s}.ascii span:nth-child(3n){animation-delay:-1.2s}.ascii span:nth-child(4n){animation-delay:-1.8s}.window-note{font-size:8px;color:#777c6d;margin:0}.window-bottom{border-top:1px solid #c7cbbd;display:flex;justify-content:space-between;padding:8px 10px;font-size:8px;color:#73766d}.timepiece{margin-top:29px}.logo{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:28px;letter-spacing:-2px;font-weight:700}.contact{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}@keyframes cursor-blink{50%{opacity:0}}@keyframes ascii-wave{0%,100%{transform:translateY(3px);opacity:.45}50%{transform:translateY(-3px);opacity:1}}@media(max-width:600px){.window-content{padding:30px 24px 24px}.political .window-content h1{font-size:58px}.scene.political{width:325px}.ascii{gap:10px}}@media(prefers-reduced-motion:reduce){.ascii span,.cursor{animation:none}}

:root{--paper:#e9e8e0;--ink:#343730}.scene.political{width:370px;max-width:84vw}.flyer-mark{width:285px;max-width:75vw;margin:0 auto 35px;position:relative}.flyer-mark svg{width:100%;display:block;overflow:visible}.print-code{position:absolute;bottom:-4px;right:19px;font:8px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.3px;color:#72776a;transform:rotate(-2deg)}.print-a{animation:print-drift 27s ease-in-out infinite;transform-origin:150px 115px}.print-b{animation:print-drift-b 31s ease-in-out infinite;transform-origin:150px 115px;opacity:.8}.political h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(31px,3.4vw,43px);font-weight:700;letter-spacing:-.075em;transform:rotate(-1.5deg);margin:0}.declaration{font-size:8px;letter-spacing:.025em;margin-top:16px}.logo{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:35px;letter-spacing:-3px}.timepiece{margin-top:35px}.status{letter-spacing:-.2px}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}@keyframes print-drift{0%,100%{transform:rotate(-32deg)}50%{transform:rotate(-15deg)}}@keyframes print-drift-b{0%,100%{transform:rotate(32deg)}50%{transform:rotate(10deg)}}@media(max-width:600px){.flyer-mark{width:240px;margin-bottom:35px}.political h1{font-size:34px}}@media(prefers-reduced-motion:reduce){.print-a,.print-b{animation:none}}

:root{--paper:#eeede7;--ink:#343730;--muted:#73766d;--line:#d7d8ce}body:before{display:none}.scene.political{width:auto;max-width:80vw;transform:none;margin-top:-35px;text-align:center}.political h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(30px,4.6vw,62px);line-height:1.15;letter-spacing:-.055em;font-weight:400;transform:none;margin:0}.declaration{font-size:10px;color:var(--muted);margin:20px 0 0;letter-spacing:0}.logo{font-family:Arial,Helvetica,sans-serif;font-size:36px;letter-spacing:-2.8px;font-weight:900}.timepiece{margin-top:52px}@media(max-width:600px){.scene.political{width:auto;margin-top:-30px}.political h1{font-size:35px}.declaration{font-size:9px}.logo{font-size:32px}}

.political h1{font-size:clamp(58px,8vw,95px);font-weight:900;letter-spacing:-.085em;line-height:1}.declaration{font-family:Arial,Helvetica,sans-serif;font-size:13px;letter-spacing:-.01em;line-height:1.7;margin-top:24px;max-width:330px}.frequency{border:0;background:none;padding:4px 0;color:var(--muted);font:inherit;cursor:pointer;text-align:left}.frequency:hover{color:var(--ink)}.timepiece{margin-top:38px;gap:9px}.signature{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.6px;font-size:14px;color:var(--ink);font-weight:700}@media(max-width:600px){.political h1{font-size:68px}.declaration{font-size:12px;max-width:260px}.timepiece{font-size:8px}}

:root{--paper:#e8ebea;--ink:#263b4b;--muted:#62727b;--line:#ccd4d7;color-scheme:light}body{background:var(--paper);color:var(--ink)}.political h1{color:var(--ink)}.declaration{font-size:16px;line-height:1.65;max-width:380px;margin:26px auto 0;letter-spacing:-.025em;color:var(--ink)}.impact{font:9px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);margin:21px 0 0;letter-spacing:.025em}.timepiece{margin-top:43px}.dial{border-color:#a0aeb5}.hand{background:#627784}.frequency{color:var(--muted)}.online{background:#647d86}.status{color:var(--muted)}.signature{color:var(--ink)}dialog{background:var(--paper);color:var(--ink);border-color:var(--ink)}::selection{background:#c4d3dd;color:#263b4b}:focus-visible{outline-color:var(--ink)}@media(max-width:600px){.declaration{font-size:14px;max-width:280px}.impact{font-size:8px}.timepiece{margin-top:36px}}
/* Asymmetric layout */
.scene.political{display:grid;grid-template-columns:1.45fr 1fr;column-gap:8vw;align-items:center;width:100%;max-width:none;text-align:left;margin:0;transform:none}.political h1{font-size:clamp(110px,20vw,310px);letter-spacing:-.09em;line-height:.85;grid-column:1;grid-row:1}.declaration{grid-column:2;grid-row:1;font-size:clamp(21px,2.7vw,37px);line-height:1.25;letter-spacing:-.045em;max-width:360px;margin:18px 0 0}.timepiece{position:absolute;bottom:56px;left:0;justify-content:flex-start;margin:0;font-size:9px}main{min-height:610px}.status{margin-left:0}header{border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line)}@media(max-width:700px){.scene.political{grid-template-columns:1fr;gap:37px;padding-bottom:55px}.political h1{grid-column:1;grid-row:1;font-size:clamp(105px,27vw,180px)}.declaration{grid-column:1;grid-row:2;font-size:26px;max-width:290px;margin:0}.timepiece{bottom:35px}main{min-height:560px}}@media(min-height:900px){main{min-height:720px}}

.scene.political{position:static}
/* Minimal web directory */
body{padding:0 6vw}header{height:92px;border:0}.logo{font:700 19px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-1.2px}.status{display:none}.contact{font-size:10px}main{display:flex;align-items:center;min-height:520px}.scene.political{display:block;width:auto;max-width:500px;margin:0;padding:0;text-align:left}.political h1{font:500 42px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-3px;margin:0}.declaration{font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:0;max-width:310px;margin:23px 0 0;color:var(--muted)}.timepiece{position:static;justify-content:flex-start;margin:34px 0 0;font-size:9px}.signature{font:10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.3px;font-weight:400}footer{border:0;min-height:74px;font-size:8px}:root{--paper:#eeede7;--ink:#30372f;--muted:#73786d;--line:#d7d8ce}.dial{border-color:#aeb3a5}.hand{background:#727c68}.online{background:#7b8570}@media(max-width:700px){body{padding:0 8vw}.scene.political{display:block;padding:0}.political h1{font-size:38px}.declaration{font-size:11px;max-width:270px}.timepiece{position:static;margin-top:30px}main{min-height:480px}}@media(min-height:900px){main{min-height:650px}}
/* Refined typography */
.logo{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:29px;line-height:1;letter-spacing:-2px}.political h1{font-family:Arial,Helvetica,sans-serif;font-size:64px;font-weight:800;line-height:1;letter-spacing:-4px}.declaration{font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:400;line-height:1.6;letter-spacing:-.25px;max-width:330px;margin-top:25px;color:var(--ink)}.signature{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;letter-spacing:-.4px}.contact{font-size:11px}.timepiece{margin-top:32px}@media(max-width:700px){.logo{font-size:27px}.political h1{font-size:57px;letter-spacing:-3.5px}.declaration{font-size:16px;max-width:300px}}

:root{--paper:#eae9e1;--ink:#111210;--muted:#6b6d64;--acid:#d6fc42}.online{background:var(--acid);width:6px;height:6px;box-shadow:0 0 0 1px #1112101a}.contact:hover,.frequency:hover{background:var(--acid);color:var(--ink)}::selection{background:var(--acid);color:var(--ink)}:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.dial{border-color:#a9a9a1}.hand{background:var(--ink)}
