/* Личная страничка: системные шрифты, маленькие картинки, настоящие ссылки. */
:root{color-scheme:light;--ink:#19321e;--heading:#294f1c;--panel:#e7e8d8;--dots:radial-gradient(#33462925 .6px,transparent .8px)}
*{box-sizing:border-box}
html{scroll-padding-top:8px}
body{margin:0;padding:8px 122px 20px 24px;background:#536738 url('images/swamp-bg.gif') center top/cover no-repeat fixed;color:var(--ink);font:16px/1.23 Arial,Helvetica,sans-serif}
a{color:#0000bb;text-decoration:underline}a:visited{color:#663478}a:hover{color:#a12f12}
button,a{-webkit-tap-highlight-color:transparent}button{font:14px Arial,sans-serif;cursor:pointer}
:focus-visible{outline:2px dashed #831c09;outline-offset:3px}[hidden]{display:none!important}
.skip-link{position:absolute;z-index:10;left:10px;top:-80px;padding:8px;background:white}.skip-link:focus{top:8px}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-shell{position:relative;width:780px;max-width:100%;margin:0 auto}
.masthead{position:relative;height:215px;overflow:hidden;border:1px solid #b7c59d;background:#6d7841;isolation:isolate}
.masthead-scene{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 19%}
.masthead:after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#26331960 .7px,transparent .8px),linear-gradient(90deg,#12220b55,transparent 65%);background-size:2px 2px,100% 100%}
.site-name{position:absolute;top:0;left:21px;text-align:center}
.site-name>a{display:block;color:#ffffec;font:italic bold 76px/.99 Georgia,'Times New Roman',serif;letter-spacing:-4px;text-decoration:none;text-shadow:1px 0 #151d10,-1px 0 #151d10,0 1px #151d10,0 -1px #151d10,4px 5px #10180d}
.site-name>a>span{margin-left:25px}.site-name p{margin:12px 0 0;color:#ffffd9;font:bold 12px/1.1 'Times New Roman',serif;text-shadow:1px 1px #0b1908;letter-spacing:.8px}
.header-stamp{position:absolute;bottom:8px;right:9px;color:#fcffe2;text-align:right;font:10px/1.1 Arial,sans-serif;text-shadow:1px 1px #10200c}
.button-wall{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;padding:3px 1px;border:2px ridge #e5e8ca;background:#71805a;line-height:1}
.micro-banner{width:88px;height:31px;flex:0 0 88px;border:2px outset #d6d8ba;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white!important;text-decoration:none;text-align:center;font-family:'Courier New',monospace;text-shadow:1px 1px #171a10}
.micro-banner:hover{border-style:inset;filter:brightness(1.15)}.micro-banner b{display:block;font-size:17px;line-height:16px;letter-spacing:-1px}.micro-banner span{font-size:8px;line-height:8px;letter-spacing:-.5px}
.banner-shrek{background:#587321;color:#e2ea82!important}.banner-neo{background:linear-gradient(#84a6d4,#20476b);color:#fffab3!important}.banner-neo b{font-family:Georgia,serif;font-style:italic}
.banner-donkey{background:#655c49 url('images/swamp.jpg') 8% 35%/170px auto}.banner-donkey b{color:#fff7d9;letter-spacing:1px;font-size:13px;background:#353b2870}
.banner-layers{background:repeating-linear-gradient(0deg,#284219 0,#284219 2px,#4c6e2b 2px,#4c6e2b 3px);color:#d6ef58!important}.banner-layers b{letter-spacing:2px;font-size:16px}
.banner-fiona{background:linear-gradient(90deg,#63394e,#b5809c,#533648)}.banner-fiona b{font:bold italic 16px Georgia,serif;letter-spacing:0}
.banner-photo{background:#b8b983 url('images/fairytale.jpg') center/88px auto}.banner-photo b{letter-spacing:1px;font-size:13px;background:#19280c88}
.banner-farquaad{background:#710c0b;color:#ffffa2!important}.banner-farquaad b{font:bold 20px/16px Arial,sans-serif}
.banner-www{background:repeating-linear-gradient(45deg,#163251 0,#163251 2px,#204572 2px,#204572 3px);color:#6dfcf9!important}.banner-www b{letter-spacing:5px}
.ticker{height:24px;margin:6px 0;display:flex;align-items:center;gap:6px;overflow:hidden;background:#d3dfb5;border:1px inset #bdc49e;font:12px/1.1 'Times New Roman',serif;color:#213c19}
.new-label{flex:none;align-self:stretch;padding:4px 5px;background:#2b4921;color:#f9ef78;font:bold 10px/1.5 'Courier New',monospace}
.ticker p{margin:0;white-space:nowrap;animation:welcome-in 4s linear 1}
.bubble-nav{position:absolute;right:-110px;top:281px;width:105px;display:flex;flex-direction:column;align-items:center;gap:11px;z-index:2}
.bubble-nav>a{position:relative;display:flex;align-items:center;justify-content:center;width:99px;height:91px;border-radius:50%;border:1px solid #d2e8a988;background:radial-gradient(ellipse at 30% 16%,#f2f9d9d9 0,transparent 22%),radial-gradient(ellipse at 45% 105%,#dee3b4bb 0,transparent 56%),radial-gradient(ellipse at 55% 42%,#6c87434d 25%,#536e3299 69%,#e1e5b6a6 76%,#5c6d43b3 90%);box-shadow:inset 1px 2px 2px #f2f8d9b8,inset -2px -2px 3px #142b1b88;color:#ffffe5;font:italic bold 24px/1 'Times New Roman',serif;text-shadow:2px 2px #142717;text-decoration:none}
.bubble-nav>a:after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background-image:radial-gradient(#f7ffd547 .6px,transparent .8px);background-size:3px 3px}
.bubble-nav>a:nth-child(2){width:87px;height:85px;align-self:flex-end}.bubble-nav>a:nth-child(3){width:104px;height:99px;align-self:flex-start}.bubble-nav>a:nth-child(4){width:89px;height:88px;align-self:flex-end}.bubble-nav>a:nth-child(5){width:100px;height:96px}
.bubble-nav>a:hover,.bubble-nav>a[aria-current=page]{color:#f8ec84;text-decoration:underline}
.site-layout{display:grid;grid-template-columns:minmax(0,1fr) 219px;gap:5px;align-items:stretch;padding:5px;border:2px ridge #ebeedc;background:#89977988;box-shadow:3px 3px #2e3f2577}
.sidebar{grid-column:2;grid-row:1;min-width:0;padding:6px 9px 15px;background-color:var(--panel);background-image:var(--dots);background-size:3px 3px;border:3px outset #fafae7;text-align:center}
main{grid-column:1;grid-row:1;min-width:0;background:var(--panel);background-image:var(--dots);background-size:3px 3px;border:3px outset #fafae7}
.page{margin:0 0 25px;scroll-margin-top:8px}.page:last-child,body.enhanced .page{margin-bottom:0}.page-body{padding:10px 12px 15px}.page-body>p{margin:0 0 14px}h1,h2,h3{color:var(--heading)}
.home-body>h1,.home-body>h2{font:bold 26px/1.1 Arial,sans-serif;text-shadow:1px 1px #fff;margin:13px 0 17px;letter-spacing:-.8px}.home-body>h2{margin:19px 0 13px}
.tiny-new{display:inline-block;transform:rotate(-12deg);vertical-align:top;font:bold italic 12px/1.5 Georgia,serif;letter-spacing:-.4px;color:#a02212;text-shadow:1px 1px #fff48a;animation:new-glint 1s steps(2,end) 3}
.sprite-divider{height:29px;margin:13px 0 12px;overflow:hidden;white-space:nowrap;text-align:center;color:#7b8a38;text-shadow:1px 1px #ffffd2;font:24px/29px 'Times New Roman',serif;letter-spacing:6px}.clear{clear:both}
.update-log{border:2px inset #f1f2df;border-spacing:1px;width:100%;font-size:15px;line-height:1.17;background:#eef0db}.update-log th,.update-log td{background:#c3cfa9;background-image:var(--dots);background-size:3px 3px;border:1px solid #eff3d9;padding:7px}.update-log th{width:88px;color:#294323;font-size:14px;text-align:left}
.welcome-photo{float:left;width:165px;max-width:43%;height:auto;margin:0 10px 5px 0;border:3px inset #eeefdc}
.bottom-note{clear:both;font:italic 12px/1.3 'Times New Roman',serif;text-align:center;margin:6px 0!important;color:#4c6237}
.box{padding:6px 0 15px;margin:0 0 9px;border-bottom:2px groove #f6f8e7}.box-title{margin:9px 0 14px;font:bold 23px/1.05 Arial,sans-serif;letter-spacing:-.8px;text-shadow:1px 1px #fff}
.swamp-family img{display:block;width:100%;height:122px;object-fit:cover;border:2px inset #eef0d4}.swamp-family p{margin:8px -2px 3px;font:14px/1.16 'Times New Roman',serif}.side-caption{font:italic 12px/1.1 'Times New Roman',serif;color:#485b37}
.mini-facts{margin:0 0 9px;font-size:14px;line-height:1.3;text-align:left}.mini-facts>div{display:flex;justify-content:space-between;gap:4px;border-bottom:1px dotted #919b7c;padding:2px 0}dd{margin:0}.small-link{font-size:14px}
.quote-box blockquote{margin:10px 0 2px;min-height:24px;font:italic bold 18px/1.15 'Times New Roman',serif;color:#344c26}.quote-credit{font:12px 'Times New Roman',serif;display:block;margin-bottom:10px}
.retro-button{display:inline-block;border:2px outset #e4e5cd;background:#d8ddc3;padding:3px 7px;color:#141d10;font:14px/1.2 Arial,sans-serif;text-decoration:none}.retro-button:visited{color:#141d10}.retro-button:hover{color:#741e0a;background:#e3e6cf}.retro-button:active{border-style:inset}
.my-button img{display:block;margin:auto;image-rendering:pixelated}.my-button p{font:12px/1.2 'Times New Roman',serif;margin:7px 0 0}.sidebar-links{font-size:15px;line-height:1.25}.online-note{font:italic 12px/1.2 'Times New Roman',serif;color:#3b552b;margin:15px 0 0}
.section-bar{padding:18px 12px 0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.section-bar h1{font:bold 26px/1.1 Arial,sans-serif;text-shadow:1px 1px white;margin:0;letter-spacing:-.7px}.section-bar>span{color:#5a6b47;font:italic 12px 'Times New Roman',serif}
.article-title{font:bold 21px/1.1 'Times New Roman',serif;margin:8px 0 15px;color:#385226}.eyebrow{font:11px 'Courier New',monospace;margin:5px 0 12px!important;color:#55683f}.page-body h3{font:bold 21px/1.1 Arial,sans-serif;letter-spacing:-.5px;margin:21px 0 10px}
.article-callout{margin:16px 0;padding:9px 11px;border:2px inset #edf0d9;background:#d4dcbc;font:italic 17px/1.2 'Times New Roman',serif}.article-callout p{font:16px/1.23 Arial,sans-serif;margin:8px 0 0}
.movie-facts{font-size:15px;margin:10px 0 20px;border:2px inset #edf0d9}.movie-facts>div{display:grid;grid-template-columns:43% 1fr;gap:7px;border-bottom:1px solid #eff2df;padding:6px;background:#cbd5b5}.movie-facts>div:last-child{border:0}.source-note{font:12px/1.3 Arial,sans-serif;color:#51613e;margin:18px 0!important}
.character{display:flex;gap:11px;border-top:2px groove #f6f8e7;padding:15px 0}.character:first-child{border:0;padding-top:5px}.character-index{font:bold 21px 'Times New Roman',serif;color:#738448;padding-top:19px}.character-label{font:11px 'Courier New',monospace;color:#52643b;margin:0 0 4px}.character h2{font:bold 24px 'Times New Roman',serif;margin:0 0 7px}.character p:not(.character-label){font-size:16px;margin:0 0 8px}.character-note{font:italic 14px/1.2 'Times New Roman',serif;color:#4e6536}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 11px;margin:19px 0}.gallery-grid figure{margin:0;padding:4px;border:3px outset #e9ead7;background:#c5ceb0}.gallery-grid figure:first-child{grid-column:1/-1}.gallery-grid a{display:block}.gallery-grid img{display:block;width:100%;height:auto;border:1px inset #e4e7cb}.gallery-grid a:hover{outline:1px dotted #243612}.gallery-grid figcaption{font:14px/1.15 'Times New Roman',serif;padding:5px 2px 2px}.gallery-grid figcaption>span{float:right}
.links-list{list-style:square;padding:0 0 0 20px;margin:16px 0 22px}.links-list li{margin-bottom:22px}.link-category{font:11px 'Courier New',monospace;color:#52653c}.links-list h3{font-size:19px;margin:5px 0 8px}.links-list p{font-size:16px;margin:0}
.site-footer{text-align:center;color:#f6f9d9;font:12px/1.35 'Times New Roman',serif;text-shadow:1px 1px #243810;padding:13px 6px 0}.site-footer b{font-weight:normal}.site-footer>div>span{display:block}.site-footer a{color:#f8f4a4}.site-footer p{font-size:11px;margin:6px 0}.outside-note{max-width:780px;margin:10px auto 0;text-align:center;font:italic 12px 'Times New Roman',serif;color:#f6fadf;text-shadow:1px 1px #182712}
@keyframes welcome-in{from{transform:translateX(35px)}to{transform:translateX(0)}}@keyframes new-glint{50%{color:#56722a}}
@media(max-width:850px){body{padding:8px 10px 18px}.site-shell{width:740px}.masthead{height:200px}.site-name>a{font-size:71px}.bubble-nav{position:relative;right:auto;top:auto;width:100%;flex-direction:row;justify-content:center;gap:9px;margin:5px 0 7px}.bubble-nav>a,.bubble-nav>a:nth-child(n){width:80px;height:59px;align-self:center;font-size:21px}.button-wall{gap:2px}.site-layout{grid-template-columns:minmax(0,1fr) 204px}.sidebar{padding-left:6px;padding-right:6px}.box-title{font-size:22px}}
@media(max-width:570px){body{padding:5px 6px 15px}.masthead{height:186px}.masthead-scene{object-position:59% 20%}.site-name{left:9px;top:11px}.site-name>a{font-size:58px;letter-spacing:-3px}.site-name>a>span{margin-left:12px}.site-name p{max-width:170px;margin-top:13px;font-size:10px;letter-spacing:.3px}.header-stamp{font-size:9px}.button-wall{padding:2px;gap:1px}.ticker{margin:4px 0}.bubble-nav{gap:3px;justify-content:space-between}.bubble-nav>a,.bubble-nav>a:nth-child(n){width:64px;height:55px;font-size:18px;flex-shrink:1}.site-layout{grid-template-columns:minmax(0,1fr);gap:6px;padding:4px}main{grid-column:1;grid-row:1}.sidebar{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:9px}.box{min-width:0;margin:0;padding:3px 0 12px}.box-title{font-size:21px;margin:7px 0 12px}.swamp-family img{height:auto}.mini-facts{font-size:13px}.mini-facts>div{flex-wrap:wrap}.sidebar-links{font-size:14px}.online-note{align-self:center}.page-body{padding:10px 11px 13px}.home-body>h1,.home-body>h2,.section-bar h1{font-size:25px}.sprite-divider{letter-spacing:3px;font-size:23px}.update-log th{width:76px;padding:5px;font-size:13px}.update-log td{padding:6px;font-size:14px}.welcome-photo{width:143px}.section-bar{padding:15px 11px 0}.article-title{font-size:21px}.movie-facts>div{grid-template-columns:1fr;gap:4px}.gallery-grid{gap:10px 7px}.gallery-grid figcaption{font-size:13px}.site-footer>div>span{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.ticker p,.tiny-new{animation:none}}
@media print{body{padding:0;background:white;color:black}.site-shell{max-width:none;width:100%}.bubble-nav,.button-wall,.ticker,.sidebar,.outside-note{display:none}.site-layout{display:block;border:0;padding:0;background:white;box-shadow:none}main{background:white;border:0}.masthead{height:150px}.site-name>a{font-size:55px}.site-footer{color:black;text-shadow:none}}