:root{--amber:#f0b438;--amber2:#bd7f19;--case:#28231d}*{box-sizing:border-box}html{background:#15120f;color-scheme:dark}body{margin:0;min-height:100vh;background:#1d1914;font-family:"Courier New",Courier,monospace;color:var(--amber);-webkit-font-smoothing:none;font-smooth:never}
.minitel{min-height:100vh;display:grid;place-items:center;padding:24px}.bezel{width:min(1060px,96vw);padding:52px 58px 0;background:#29241e;border-radius:44px 50px 15px 20px;box-shadow:inset 3px 4px 0 #3d3730,inset -5px -7px 0 #15120f,9px 16px 0 #0a0806;position:relative;transform:rotate(-.18deg)}.bezel:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background:repeating-radial-gradient(circle at 17% 28%,#594f42 0 1px,transparent 1px 4px)}.screen{aspect-ratio:4/3;max-height:78vh;overflow:auto;padding:clamp(25px,4vw,48px) clamp(28px,6vw,72px);background:#030302;border:7px solid #100e0b;border-radius:62px/48px;box-shadow:inset 10px 5px 34px #000,inset -9px -4px 28px #000,0 0 0 12px #1c1814;color:var(--amber);text-shadow:2px 0 0 rgba(240,180,56,.28),0 0 7px rgba(240,180,56,.38);position:relative;filter:contrast(1.14) brightness(.92);animation:flicker 7s steps(1) infinite}.screen:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 48% 44%,transparent 48%,rgba(0,0,0,.58) 100%)}.screen:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg,rgba(255,183,50,.055) 0,rgba(255,183,50,.055) 1px,rgba(0,0,0,.13) 2px,transparent 4px)}
.topline{display:flex;justify-content:space-between;font-size:clamp(.75rem,1.6vw,1.15rem);letter-spacing:.08em;font-weight:700}h1{font-size:clamp(2.7rem,8vw,6.2rem);line-height:.92;margin:.34em auto .12em;text-align:center;letter-spacing:.035em;font-family:"Arial Black","Courier New",monospace;font-weight:950;border-bottom:4px solid var(--amber);width:max-content;max-width:100%;transform:scaleY(1.07);text-shadow:3px 0 0 var(--amber2),0 0 9px rgba(240,180,56,.45)}.subtitle{text-align:center;font-size:clamp(.85rem,2vw,1.35rem);font-weight:bold;line-height:1.22;letter-spacing:.14em;margin:15px 0 28px}.intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:78%;margin:auto;gap:35px}.intro>p{font-size:clamp(.78rem,1.75vw,1.15rem);font-weight:bold;line-height:1.25;letter-spacing:.05em;margin:0}.signal{text-align:center;display:flex;flex-direction:column;align-items:center;font-size:clamp(.7rem,1.4vw,1rem);font-weight:bold;line-height:.72}.signal i{display:block;width:28px;height:32px;background:var(--amber);border-radius:2px;margin-bottom:20px;box-shadow:3px 0 0 var(--amber2),0 0 6px var(--amber)}.signal b{font-weight:700}.signal span{white-space:nowrap}.bottom{display:grid;grid-template-columns:1fr 1.55fr;align-items:end;gap:28px;margin-top:28px}.motto{font-size:clamp(.68rem,1.4vw,.95rem);font-weight:bold;line-height:1.15;margin:0;letter-spacing:.05em}nav{display:grid;gap:1px}nav button{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:baseline;appearance:none;border:0;background:none;color:var(--amber);font:inherit;font-weight:bold;font-size:clamp(.68rem,1.5vw,1.05rem);letter-spacing:.04em;padding:1px 0;cursor:pointer;text-align:left;text-shadow:inherit}nav button i{border-bottom:2px dotted var(--amber);transform:translateY(-3px)}nav button:hover,nav button:focus-visible{outline:0;background:var(--amber);color:#090703;text-shadow:none}
#content{min-height:100%;padding-top:5px}.pagehead{display:flex;justify-content:space-between;border-bottom:2px solid var(--amber);padding-bottom:7px;margin-bottom:32px;font-size:clamp(.75rem,1.5vw,1rem)}#content h2{font-size:clamp(1.5rem,4vw,2.7rem);line-height:1.1;margin:0 0 26px;max-width:23ch}#content p{font-size:clamp(.9rem,1.8vw,1.15rem);line-height:1.5;max-width:66ch}.return{appearance:none;background:var(--amber);color:#080603;border:0;font:inherit;font-weight:bold;padding:6px 10px;cursor:pointer;margin-top:24px}.archive-list{list-style:none;padding:0}.archive-list button{width:100%;display:grid;grid-template-columns:9rem 1fr;background:none;border:0;border-bottom:1px dotted var(--amber2);color:var(--amber);font:inherit;text-align:left;padding:12px 4px;cursor:pointer}.archive-list button:hover{background:var(--amber);color:#080603}.brand{height:68px;display:flex;justify-content:flex-end;align-items:center;gap:18px;color:#8e8578;font:bold 1.1rem Arial,sans-serif}.brand b{font-size:1.7rem}.keys{height:70px;display:flex;gap:12px;align-items:flex-start;overflow:hidden}.keys span{min-width:130px;padding:11px 14px 18px;background:linear-gradient(#342f29,#171411);color:#c9c2b8;border-radius:7px;box-shadow:inset 0 2px 2px #6d655b,0 5px 4px #090806;text-align:center;font:italic .85rem Arial,sans-serif}
@keyframes flicker{0%,94%,100%{opacity:1}95%{opacity:.91}96%{opacity:.98}97%{opacity:.88}98%{opacity:1}}@media(max-width:700px){.minitel{padding:0}.bezel{width:100%;min-height:100vh;padding:18px 12px 0;border-radius:0;transform:none}.screen{max-height:none;min-height:78vh;aspect-ratio:auto;border-radius:38px/28px;padding:25px 20px}.intro{width:100%;gap:18px}.bottom{grid-template-columns:1fr;margin-top:32px}.motto{display:none}nav button{font-size:.86rem}.keys span{min-width:92px;font-size:.66rem;padding-inline:6px}.brand{height:54px}}@media(prefers-reduced-motion:reduce){.screen{animation:none}}
.signal i{width:32px;height:32px;border-radius:0;clip-path:polygon(25% 0,75% 0,75% 6%,94% 6%,94% 25%,100% 25%,100% 75%,94% 75%,94% 94%,75% 94%,75% 100%,25% 100%,25% 94%,6% 94%,6% 75%,0 75%,0 25%,6% 25%,6% 6%,25% 6%);box-shadow:0 0 6px var(--amber)}
.signal i{width:42px;height:20px;margin-bottom:0;clip-path:polygon(0 100%,0 62%,8% 62%,8% 38%,20% 38%,20% 20%,36% 20%,36% 7%,64% 7%,64% 20%,80% 20%,80% 38%,92% 38%,92% 62%,100% 62%,100% 100%);box-shadow:0 0 7px var(--amber)}
.signal b{line-height:.45;transform:translateY(-1px)}