/* The Riddle Club, est. 1997. Hand-coded in Notepad, like God intended. */
/* hoot approved this stylesheet. */
html,body{margin:0;padding:0}
.pre img[data-src-e2],.pre img[data-src-e3],.pre img[data-src-e4],.pre img[data-src-end],.pre input[data-src-e2]{visibility:hidden}
body{background:#5c9ee6 url(/img/bg_clouds.jpg);color:#222244;font:16px/1.45 "Comic Sans MS","Chalkboard SE","Comic Neue",sans-serif}
a{color:#0000ee;text-underline-offset:.24em}a:visited{color:#551a8b}
img{border:0}
.off{display:none!important}
table.frame{width:100%;min-height:100vh;margin:0;border:0;border-collapse:collapse;background:#fbf3dc url(/img/bg_paper.jpg)}
td.head{text-align:center;padding:10px 8px 0;border-bottom:3px ridge #3355cc}
.logo{max-width:100%;height:auto}
.sub{font:italic bold 15px "Times New Roman",serif;color:#663399;margin:-6px 0 6px}
marquee{display:block;background:#000080 url(/img/bg_marble.jpg);color:#ffff00;font:bold 14px Verdana,Arial,sans-serif;padding:4px 0;margin:0 -8px;text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000;letter-spacing:.5px;border-top:2px solid #9999ff;border-bottom:2px solid #000040}
td.side{width:190px;vertical-align:top;background:#2e3a9a url(/img/bg_marble.jpg);padding:12px 10px;border-right:3px ridge #3355cc;text-align:center}
td.side .nav a{display:block;margin:0 0 6px}
td.side .nav img{display:block;width:150px;height:30px}
td.side .nav a:hover img{filter:brightness(1.15)}
.sbox{background:#000066;border:2px outset #9999ff;color:#ffffcc;font:bold 12px Verdana,Arial,sans-serif;padding:7px 6px;margin:12px 0}
.sbox input[type=text]{width:120px;font:13px Arial,sans-serif;border:2px inset #ccc;padding:2px;margin:4px 0}
button,.btn{font:bold 12px Arial,sans-serif;background:#c0c0c0;color:#000;border:2px outset #fff;padding:2px 9px;cursor:pointer}
button:active{border-style:inset}
.sbox .res{font-weight:normal;color:#ccffcc;margin-top:5px;min-height:1em}
.counter{display:inline-block;margin-top:4px;border:2px inset #888;line-height:0;vertical-align:middle}
.counter span{display:inline-block;width:15px;height:22px;background:url(/img/digits.png) no-repeat}
.side .gbk{font:bold 14px "Comic Sans MS","Chalkboard SE","Comic Neue",sans-serif;color:#ffff66}
td.main{vertical-align:top;padding:14px 20px 12px;position:relative}
h1{font:bold 30px "Comic Sans MS","Chalkboard SE","Comic Neue",sans-serif;color:#cc0066;margin:2px 0 10px}
h2{font:bold 21px "Comic Sans MS","Chalkboard SE","Comic Neue",sans-serif;color:#006699;margin:16px 0 6px}
h3{font:bold 17px "Comic Sans MS","Chalkboard SE","Comic Neue",sans-serif;color:#993300;margin:12px 0 4px}
p{margin:9px 0}
.center{text-align:center}.small{font-size:13px}.dim{opacity:.9}.tiny{font-size:11px}
.bar{display:block;max-width:100%;height:8px;margin:14px auto}
.fl{float:left;margin:0 14px 6px 0}.fr{float:right;margin:0 0 8px 14px}
.clr{clear:both}
.box{border:3px outset #ff9900;background:#ffffcc;padding:10px 12px;margin:12px 0}
.note{border:2px dashed #996633;background:#fff8e0;padding:8px 12px;margin:12px 0;font-family:"Times New Roman",serif}
form.ask{margin:8px 0}
form.ask input[type=text]{font:15px Arial,sans-serif;border:2px inset #ccc;padding:3px;width:200px;max-width:60%}
form.ask input[type=image]{vertical-align:middle}
form.ask label{font-size:14px}
.ans{font:bold 13px Verdana,Arial,sans-serif;min-height:1em;margin-top:5px;color:#333}
.ans.ok,.res.ok{color:#008800}.ans.solved:before{content:"\2713  "}.ans.bad{color:#aa2222}
.rotw{width:100%;border:3px outset #ff9900;background:#ffffcc;border-collapse:collapse}
.rotw td{padding:10px 12px;vertical-align:middle}
.q{font:italic 18px "Times New Roman",serif;color:#000}
.meta{font:12px Verdana,Arial,sans-serif;color:#4a4a4a}
ul.news{list-style:none;padding:0;margin:6px 0}
ul.news li{margin:7px 0;padding-left:20px;background:url(/img/ball_red.gif) no-repeat 0 4px}
ul.news li:nth-child(3n+2){background-image:url(/img/ball_blue.gif)}ul.news li:nth-child(3n){background-image:url(/img/ball_green.gif)}
.d{font:bold 13px "Courier New",monospace;color:#8a0000}
ul.news img{vertical-align:middle}
table.list{border-collapse:collapse;width:100%;font-size:15px;background:rgba(255,255,255,.35)}
table.list th,table.list td{border:2px groove #9999cc;padding:5px 8px;text-align:left;vertical-align:middle}
table.list th{background:#000080;color:#ffff66;font:bold 13px Verdana,Arial,sans-serif}
table.list img{vertical-align:middle}
.avatar{float:right;margin:0 0 10px 16px;border:3px ridge #9999cc;background:#fff}
td.foot{border-top:3px ridge #3355cc;text-align:center;padding:10px;font:12px Verdana,Arial,sans-serif;background:#fbf3dc url(/img/bg_paper.jpg)}
.ring{margin:0 auto 10px;border:3px outset #9999cc;background:#fff;border-collapse:collapse}
.ring td{padding:6px 12px;font:12px Verdana,Arial,sans-serif;text-align:center}
.ring .rt{background:#000080;color:#fff;font-weight:bold}
.badges img{margin:2px;vertical-align:middle}
.farewell{font-style:italic;border-left:4px solid #9999cc;padding:6px 12px;margin:16px 0;font-family:"Times New Roman",serif}
.farewell.garbled{letter-spacing:1px;opacity:.7}
.gbstats{display:flex;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;background:#000080;color:#ffffcc;border:3px outset #9999ff;padding:7px 12px;font:bold 12px Verdana,Arial,sans-serif;margin:10px 0 14px}.gbstats:empty{display:none}
.gbform{background:#fffbe8;border:2px dashed #cc0066;padding:12px 16px;margin:0 0 6px}
.gbft{font:bold 14px Verdana,Arial,sans-serif;color:#cc0066;margin-bottom:8px}
.gbfg{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px 10px;align-items:center}
.gbfg label{font:bold 13px Verdana,Arial,sans-serif}.gbfg label[for=gbmsg]{align-self:start;padding-top:5px}
.gbfg input[type=text],.gbfg textarea{width:100%;max-width:none;box-sizing:border-box;font:15px "Comic Sans MS","Chalkboard SE","Comic Neue",sans-serif;padding:5px 7px}
.gbfb{margin:10px 0 0 100px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.gbfb button{font:bold 13px Verdana,Arial,sans-serif;background:#c0c0c0;color:#000;border:2px outset #fff;padding:5px 14px;cursor:pointer}.gbfb button:active{border-style:inset}
.gbnav{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;font:bold 12px Verdana,Arial,sans-serif;margin:12px 0}
.gbnav a,.gbnav .dis,.gbnav .pg{padding:5px 11px;text-decoration:none}
.gbnav a{background:#c0c0c0;color:#000;border:2px outset #fff}.gbnav a:active{border-style:inset}
.gbnav .dis{background:#d8d8d8;color:#808080;border:2px outset #fff}.gbnav .pg{background:#fff;color:#222;border:2px inset #c0c0c0}
.gbnav .pgin{width:3.2em;font:inherit;text-align:center;border:2px inset #c0c0c0;background:#fff;color:#000;padding:1px 2px;margin:0 3px}
.e3 .gbnav .pgin{background:#07080c;color:#d0d3df;border:1px solid #2a2c3a}.e4 .gbnav .pgin{background:#000;color:#d9a441;border:1px solid #2a2a1a}
.post{display:grid;grid-template-columns:108px minmax(0,1fr);border:2px groove #9999cc;background:#fffdf3;margin:8px 0}
.post .pav{background:#f3ecd6;border-right:1px dashed #9999cc;padding:7px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;min-width:0}
.post .pav img{width:44px;height:44px}
.post .who{font-size:14px;color:#cc0066;overflow-wrap:anywhere}
.post .rank{font:11px/1.3 Verdana,Arial,sans-serif;color:#444466}
.post .pbody{padding:7px 12px;min-width:0}
.post .phead{display:flex;justify-content:space-between;gap:8px;font:12px "Courier New",monospace;color:#666;border-bottom:1px dotted #9999cc;padding-bottom:4px;margin-bottom:6px}
.post .msg{font-size:16px;overflow-wrap:anywhere;word-break:break-word}
.post .newg{height:14px;vertical-align:-2px;margin-left:6px}
.post.copy{background:#f5f9ff}.post.copy .pav{background:#e3ecf7}.post.copy .who{color:#006699}
.post.exe{background:#000}.post.exe .pav{background:#111;border-right-color:#d9a441}.post.exe .who{font-family:"Courier New",monospace;color:#d9a441}
.post.exe .rank{color:#d9a441;border:1px solid #d9a441;padding:0 4px}.post.exe .phead,.post.exe .msg{color:#d9a441;font-family:"Courier New",monospace}.post.exe .phead{border-bottom-color:#d9a441}.post.exe .msg{font-size:15px}
.post.you{border-color:#cc0066;box-shadow:3px 3px 0 #ffd200}
.post.hid{border-style:dashed;opacity:.85}.post .hidnote{display:block;margin-top:5px;font-size:12px;font-style:italic;color:#777}
.gbold{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:30px 0 8px;padding-top:22px;background:url(/img/bar_rainbow.gif) repeat-x top}
.gbold h3{margin:0;font:bold 22px "Times New Roman",serif;color:#663300;letter-spacing:1px}
.gbold .arch{display:inline-block;font:bold 11px Verdana,Arial,sans-serif;color:#993300;border:2px solid #993300;padding:1px 6px;transform:rotate(-3deg)}
#entries .gb{background:#f6ecd2;border:1px dashed #b9a77f;color:#3a3424}
.e2 .gbstats{background:#4a1a4a;color:#ffe0c0;border-color:#c07090}.e2 .gbform{background:rgba(255,236,220,.85);border-color:#b02a5a}.e2 .gbft{color:#b02a5a}
.e2 .post{background:rgba(255,240,228,.88);border-color:#c07090}.e2 .post .pav{background:rgba(240,200,190,.6);border-right-color:#c07090}.e2 .post .who{color:#b02a5a}
.e2 .post.copy{background:rgba(245,232,240,.88)}.e2 .post.copy .pav{background:rgba(220,200,225,.6)}.e2 .post.copy .who{color:#6a3a8a}.e2 .post.exe{background:#000}.e2 .post.exe .pav{background:#111}
.e2 .gbold h3{color:#8a3a1a}.e2 #entries .gb{background:rgba(246,226,206,.9)}
.e3 .gbstats{background:#0a0b10;color:#d9a441;border:1px solid #2a2c3a;font:12px "Courier New",monospace;text-transform:lowercase}
.e3 .gbform{background:#12131b;border:1px dashed #4a4c5e}.e3 .gbft{font:14px "Courier New",monospace;color:#c9a0b4;text-transform:lowercase}.e3 .gbfg label{font:13px "Courier New",monospace;color:#8a8ca0;text-transform:lowercase}
.e3 .gbfb button,.e3 .gbnav a{background:#1a1b24;color:#b8bccb;border:1px solid #4a4c5e;font-family:"Courier New",monospace;font-weight:normal;text-transform:lowercase}
.e3 .gbnav .pg{background:transparent;color:#8a8ca0;border:1px solid #2a2c3a;font-family:"Courier New",monospace;font-weight:normal}.e3 .gbnav .dis{background:transparent;color:#55576a;border:1px solid #1f2029;font-family:"Courier New",monospace;font-weight:normal;text-transform:lowercase}
.e3 .post{background:#12131b;border:1px solid #2a2c3a}.e3 .post .pav{background:transparent;border-right:1px dashed #2a2c3a}.e3 .post .pav img{filter:brightness(.45) saturate(.6)}
.e3 .post .who{color:#c9a0b4}.e3 .post.copy{background:#0e1018}.e3 .post.copy .who{color:#8fb0cf}
.e3 .post .rank,.e3 .post .phead{color:#8a8ca0;font-family:"Courier New",monospace}.e3 .post .phead{border-bottom-color:#2a2c3a}.e3 .post .msg{color:#d0d3df}.e3 .post .newg{filter:brightness(.6)}
.e3 .post.exe{background:#000;border:1px dashed #d9a441}.e3 .post.exe .pav img{filter:none}.e3 .post.exe .who,.e3 .post.exe .rank,.e3 .post.exe .phead,.e3 .post.exe .msg{color:#d9a441}
.e3 .post.you{border-color:#6a4a5c;box-shadow:none}.e3 .post .hidnote{color:#8a8ca0}
.e3 .gbold{background-image:url(/img/bar_dark.gif)}.e3 .gbold h3{color:#9a8a6a;text-transform:lowercase}.e3 .gbold .arch{color:#9a8a6a;border:1px solid #5a4e38;font-family:"Courier New",monospace;font-weight:normal;transform:none}
.e3 #entries .gb{background:#15130e;border:1px dashed #3a3428;color:#a9a291}
.e4 .gbstats{background:#000;color:#d9a441;border:1px solid #2a2a1a;font:12px "Courier New",monospace}.e4 .gbform{background:#000;border:1px dashed #2a2a1a}
.e4 .gbft,.e4 .gbfg label{font:13px "Courier New",monospace;color:#d9a441}
.e4 .gbfb button,.e4 .gbnav a{background:#000;color:#d9a441;border:1px solid #5a4620;font-family:"Courier New",monospace;font-weight:normal}
.e4 .gbnav .pg,.e4 .gbnav .dis{background:#000;color:#7a6020;border:1px solid #2a2a1a;font-family:"Courier New",monospace;font-weight:normal}
.e4 .post{background:#000;border:1px solid #222}.e4 .post .pav{background:#050505;border-right:1px solid #222}.e4 .post .pav img{filter:grayscale(1) brightness(.6)}
.e4 .post .who,.e4 .post .msg{color:#d9a441}.e4 .post .rank,.e4 .post .phead{color:#7a6020;font-family:"Courier New",monospace}.e4 .post .phead{border-bottom-color:#222}.e4 .post.you{box-shadow:none;border-color:#5a4620}
.e4 .gbold{background-image:url(/img/bar_dark.gif)}.e4 .gbold h3{color:#7a6020}.e4 .gbold .arch{color:#7a6020;border-color:#5a4620}.e4 #entries .gb{background:#050505;border:1px dashed #222;color:#9a8a5a}
.ended .post.copy{opacity:.45;font-style:italic}
@media (max-width:640px){.post{grid-template-columns:minmax(0,1fr)}.post .pav{flex-direction:row;justify-content:flex-start;gap:8px;text-align:left;border-right:0;border-bottom:1px dashed #9999cc;padding:5px 10px}.post .pav img{width:30px;height:30px}.post .rank br{display:none}.post .rank:before{content:"\00b7  "}.e3 .post .pav,.e4 .post .pav{border-bottom-color:#2a2c3a}.gbfg{grid-template-columns:1fr}.gbfb{margin-left:0}}
.gb{border:2px groove #9999cc;background:rgba(255,255,255,.55);padding:8px 12px;margin:9px 0}
.gb .who{font-weight:bold;color:#cc0066}.gb .when{font:12px "Courier New",monospace;color:#666}
.gb.copy .who{color:#006699}.gb.exe{border:2px dashed #000;background:#000;color:#d9a441;font-family:"Courier New",monospace}.gb.exe .who{color:#d9a441}
.gbtyping{min-height:1.4em;margin:4px 2px;font-style:italic;color:#777;opacity:0;transition:opacity .6s}.gbtyping.on{opacity:1}.fe.gbtyping{font-style:italic;opacity:.7}
.gb.hid{border-style:dashed;opacity:.8}.gb .hidnote{display:block;margin-top:4px;font-size:12px;font-style:italic;color:#777}
.gb.you{border-color:#cc0066}.gb.odd{border-style:dashed}
.gbform input[type=text]{font:15px Arial,sans-serif;border:2px inset #ccc;padding:3px;width:220px;max-width:90%}
.gbform textarea{font:14px Arial,sans-serif;border:2px inset #ccc;padding:3px;width:100%;max-width:440px;height:60px}
pre.code{background:#000;color:#9f9;border:2px inset #363;padding:10px;font-size:12px;overflow-x:auto;font-family:"Courier New",monospace;line-height:1.3}
.diffs{text-align:center}
.diff{position:relative;display:inline-block;margin:6px;border:3px ridge #9999cc;line-height:0;max-width:100%}
.diff img{display:block;max-width:100%;height:auto}
.diff{cursor:crosshair}.diff .spot{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;cursor:inherit}
.diff .miss{position:absolute;transform:translate(-50%,-50%);font:bold 24px/1 Verdana,Arial,sans-serif;color:rgba(70,70,70,.8);text-shadow:0 0 2px #fff;pointer-events:none;animation:missf .7s ease-out forwards}@keyframes missf{to{opacity:0;transform:translate(-50%,-80%)}}
.diff .spot.hit{border:3px solid #ff0066;box-shadow:0 0 6px #ff0066}
.postcard{background:#fffef4;border:1px solid #c9b98a;box-shadow:3px 3px 0 rgba(0,0,0,.2);padding:12px 16px;margin:14px auto;max-width:440px;font:italic 16px "Times New Roman",serif;transform:rotate(-1deg)}
.postcard .pstamp{float:right;width:46px;height:56px;border:2px dashed #c33;background:#fde;color:#c33;font:bold 10px Verdana,sans-serif;text-align:center;padding-top:8px;box-sizing:border-box;margin:0 0 6px 10px;transform:rotate(3deg)}
.mapw{position:relative;display:inline-block;max-width:100%;border:3px ridge #9999cc;line-height:0}
.mapw img{max-width:100%;height:auto}
.pin{position:absolute;width:24px;height:28px;margin:-26px 0 0 -12px;cursor:pointer}
.pin:before{content:"";position:absolute;left:6px;top:0;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffc0c0 0 14%,#e01010 46%,#6a0000 100%);box-shadow:1px 2px 2px rgba(0,0,0,.5);z-index:1}
.pin:after{content:"";position:absolute;left:11px;top:10px;width:2px;height:16px;background:linear-gradient(90deg,#f6f6f6,#8a8a8a);box-shadow:1px 1px 1px rgba(0,0,0,.35)}.pin:hover:before{filter:brightness(1.25)}
.pin.new:before{background:radial-gradient(circle at 35% 30%,#fff8c0 0 14%,#ffd200 46%,#7a5a00 100%);animation:blink 1s steps(1) infinite}
.pinlabel{font:12px Verdana,sans-serif;min-height:1.2em;margin-top:4px}
.tama{display:inline-block;width:300px;vertical-align:top;text-align:center;font-family:"Courier New",monospace}
.tama .egg{position:relative;width:300px;height:439px;background:url(/img/tama_egg.png) no-repeat 0 0/300px 439px}
.tama .screen{position:absolute;left:63px;top:143px;width:174px;height:150px;box-sizing:border-box;margin:0;padding:6px;background:transparent;border:0;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;gap:4px 8px;font:bold 12px/1.35 "Courier New",monospace;color:#1d3320;text-align:left}
.tama .screen img{display:block;image-rendering:pixelated;filter:brightness(1.4) contrast(3);mix-blend-mode:multiply;opacity:.85}.tama #lastfed{width:100%;text-align:center;font-size:11px;line-height:1.3}
.tama .keys button{position:absolute;top:326px;width:44px;height:60px;box-sizing:border-box;margin:0;padding:45px 0 0;border:0;border-radius:22px 22px 8px 8px;background:transparent;color:#fff;font:bold 10px/1 Arial,sans-serif;letter-spacing:.5px;text-shadow:0 1px 0 #8c1244,0 0 3px #8c1244;cursor:pointer;-webkit-tap-highlight-color:transparent}
.tama .keys #feed{left:76px}.tama .keys #play{left:126px}.tama .keys #clean{left:177px}
@media (hover:hover){.tama .keys button:hover{background:radial-gradient(circle 17px at 50% 22px,rgba(255,255,255,.22) 96%,transparent 100%)}}
.tama .keys button:active{background:radial-gradient(circle 17px at 50% 22px,rgba(90,0,35,.38) 96%,transparent 100%)}
.tama .keys button:focus-visible{outline:2px dotted #fff;outline-offset:-2px}
.e3 .tama .egg{filter:brightness(.78) saturate(.85)}.e4 .tama .egg{filter:grayscale(.55) brightness(.7)}
@media (max-width:340px){.tama{zoom:.92}}
.staff{display:block;margin:10px auto;max-width:100%;height:auto;border:3px ridge #9999cc;background:#fff}
.blink{animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.casefile{background:#f4ecd8;color:#111;font-family:"Courier New",monospace;font-size:14px;border:1px solid #8a7a5a;padding:14px 18px;box-shadow:4px 4px 0 rgba(0,0,0,.25);margin:12px 0}
.casefile h3{font-family:"Courier New",monospace;color:#600;margin:14px 0 4px}
.board{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}
.ex{background:#fffdf3;border:1px solid #b9a77f;padding:12px 12px 10px;box-shadow:2px 3px 0 rgba(0,0,0,.18);position:relative;font-size:13px;line-height:1.45;min-width:0}
.ex:nth-child(odd){transform:rotate(-.5deg)}.ex:nth-child(even){transform:rotate(.6deg)}
.ex:before{content:"";position:absolute;top:-6px;left:50%;width:13px;height:13px;margin-left:-6px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f66,#a00);box-shadow:1px 2px 2px rgba(0,0,0,.4)}
.ex>b:first-child{display:block;color:#600;margin-bottom:6px}
.ex.exa{grid-column:1/-1}.ex .log{font-size:12px}.ex .log>div{white-space:nowrap}.ex .log span{display:inline-block}.ex .log .t{width:152px}.ex .log .r{width:222px}.ex .log .ip{width:96px}
.ex table{border-collapse:collapse;font-size:12px;margin-bottom:6px}.ex td{padding:1px 10px 1px 0}
.ex .who7{color:#333}
.ex.torn{background:#fbf5e2;padding-bottom:26px;clip-path:polygon(0 0,100% 0,100% 90%,94% 94%,88% 89%,80% 96%,71% 90%,62% 97%,52% 91%,43% 98%,33% 91%,24% 97%,14% 90%,6% 95%,0 91%)}
.ex.torn:before{display:none}
.suspects{display:flex;flex-wrap:wrap;gap:14px 10px;margin:16px 0 8px}
.suspect{font:bold 13px "Courier New",monospace;background:#fffdf3;border:1px solid #8a7a5a;padding:8px 12px;cursor:pointer;position:relative;color:#111;box-shadow:1px 2px 0 rgba(0,0,0,.15)}
.suspect.x{color:#8a8a8a;text-decoration:line-through;background:#f1ece0}
.suspect.x:after{content:"CLEARED";position:absolute;right:-8px;top:-9px;transform:rotate(8deg);border:2px solid #a00;color:#a00;font-size:9px;line-height:1.3;padding:0 3px;background:#fffdf3;text-decoration:none}
#allclear{color:#a00;font-weight:bold}
@media (max-width:640px){.board{grid-template-columns:1fr}.ex:nth-child(n){transform:none}.ex .log>div{white-space:normal;margin-bottom:5px}.ex .log span{width:auto!important;margin-right:6px}}
.pkeys{position:relative;height:150px;max-width:420px;margin:14px auto 4px;display:flex;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}
.pkeys .w{flex:1;margin:0 1px;background:linear-gradient(#fff,#f1efe8);border:1px solid #333;border-radius:0 0 6px 6px;box-shadow:inset 0 -6px 0 #ddd;cursor:pointer}
.pkeys .w.on{background:linear-gradient(#ffe9a8,#f6d36b);box-shadow:inset 0 -2px 0 #c9a94a}
.pkeys .b{position:absolute;top:0;width:7%;height:62%;background:linear-gradient(#333,#000);border-radius:0 0 4px 4px;z-index:2;cursor:pointer}.pkeys .b.on{background:linear-gradient(#665,#332)}
.pkeys .holding{animation:pring 3s linear forwards}@keyframes pring{from{box-shadow:inset 0 -2px 0 #c9a94a,0 0 0 0 rgba(255,210,80,0)}to{box-shadow:inset 0 -2px 0 #c9a94a,0 0 24px 8px rgba(255,210,80,.95)}}
#pmsg{font-style:italic;min-height:1.2em}.spot{display:block;margin:10px 0 2px;border:0;border-radius:12px;max-width:100%}
.casefile .stampx{display:inline-block;border:3px double #a00;color:#a00;padding:2px 8px;transform:rotate(-4deg);font-weight:bold}
.door{display:block;margin:10px auto;max-width:100%;height:auto}
.halfphoto{display:block;margin:10px auto;max-width:100%;height:auto;border:6px solid #f6f0e0;box-shadow:2px 2px 6px rgba(0,0,0,.4)}
.card{max-width:440px;margin:12px auto;border:3px solid #cc0066;border-radius:14px;background:linear-gradient(135deg,#fff6fb,#e8f4ff);padding:14px 18px;box-shadow:4px 4px 0 rgba(0,0,0,.2)}
.card .stamps{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.card .st{width:62px;height:62px;border-radius:50%;border:3px dashed #cc0066;display:flex;align-items:center;justify-content:center;text-align:center;font:bold 9px Verdana,sans-serif;color:#cc0066;transform:rotate(-8deg);background:#fff}
.card .st.empty{border-color:#bbb;color:#bbb;background:transparent}
#helper{position:fixed;right:10px;bottom:8px;z-index:50;text-align:right;cursor:pointer;user-select:none;max-width:260px}
#helper .bal{display:none;max-width:240px;text-align:left;background:#ffffe1;color:#000;border:1px solid #000;border-radius:10px;padding:8px 10px;font:12px Tahoma,Verdana,sans-serif;margin-bottom:6px;box-shadow:2px 2px 0 rgba(0,0,0,.35);position:relative}
#helper.talk .bal{display:inline-block}
#helper .bal:after{content:"";position:absolute;right:30px;bottom:-9px;border:9px solid transparent;border-top-color:#000;border-bottom:0}
#helper img{display:block;margin-left:auto}
#enter{position:fixed;inset:0;z-index:100;background:#5c9ee6 url(/img/bg_clouds.jpg);display:flex;align-items:center;justify-content:center;cursor:pointer}
#enter .in{background:#fbf3dc url(/img/bg_paper.jpg);border:4px ridge #3355cc;padding:26px 30px;text-align:center;max-width:86vw}
#enter .t1{font:bold 26px "Comic Sans MS","Chalkboard SE","Comic Neue",sans-serif;color:#cc0066;margin-bottom:12px}
#enter .t2{font:bold 18px "Comic Sans MS","Chalkboard SE","Comic Neue",sans-serif;background:#ff9d1e;color:#fff;border:3px outset #ffd27a;padding:6px 18px;text-shadow:1px 1px 0 #6b1a00}
#enter .t3{font:12px Verdana,sans-serif;color:#666;margin-top:10px}

#dial{position:fixed;inset:0;z-index:200;background:#5c9ee6 url(/img/bg_clouds.jpg);overflow:hidden;cursor:progress}
#dial.v2:not(.fin){background:#d77a5a url(/img/bg_sunset.jpg)}#dial.v3:not(.fin){background:#04050f url(/img/bg_night.jpg)}#dial.v4:not(.fin){background:#000;cursor:default}
#dial .win{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(360px,90vw);text-align:left}
#dial .win .wb{padding:10px 12px 8px}#dial .d1 .dlg p{margin:8px 0 10px}#dial .ico{flex:none}
#dial .cp{display:none;top:52%;left:calc(50% + 14px);width:min(380px,92vw)}
#dial.c .cp{display:block;animation:rcg .18s steps(3)}
#dial.cg .cp,#dial.cg .d1{animation:rcg .09s steps(2) infinite}
@keyframes rcg{0%{transform:translate(-50%,-50%) translate(-7px,2px);filter:hue-rotate(120deg) contrast(1.8);clip-path:inset(12% 0 38% 0)}50%{transform:translate(-50%,-50%) translate(6px,-3px);filter:invert(1);clip-path:inset(48% 0 6% 0)}100%{transform:translate(-50%,-50%);filter:none;clip-path:inset(0)}}
#dial .fly{position:relative;height:30px;margin:0 0 8px}#dial .fly svg{position:absolute;top:0}#dial .fly svg:first-child{left:4px}#dial .fly svg:last-child{right:4px}
#dial .fly .pp{top:6px;animation:rfly .5s linear infinite}
@keyframes rfly{0%{left:12%;top:8px;transform:rotate(0)}50%{left:45%;top:-3px;transform:rotate(-25deg)}100%{left:78%;top:8px;transform:rotate(0)}}
#dial .fn{margin:0 0 2px;font-weight:bold}#dial .cp p{margin:0 0 6px}
#dial .bar{height:16px;border:2px inset #fff;background:#fff;padding:1px;margin:2px 0 8px}
#dial .bar span{display:block;height:100%;width:2%;background:repeating-linear-gradient(90deg,#000080 0 8px,transparent 8px 10px);transition:width .45s linear}
#dial .rw{display:flex;justify-content:space-between;align-items:center;gap:8px}#dial button{font:12px Tahoma,Arial,sans-serif;min-width:74px}
#dial.v3:not(.fin) .win{filter:brightness(.72) saturate(.5)}
#dial .warp,#dial .lg{display:none}
#dial.w{background:#000}#dial.w.v2:not(.fin){background:#140a1e}#dial.w .win{display:none}
#dial.w .warp{display:block;position:absolute;inset:0;width:100%;height:100%}
#dial.w .lg{display:block;position:absolute;left:50%;top:50%;width:min(560px,86vw);height:auto;transform:translate(-50%,-50%) scale(.04);opacity:0;image-rendering:pixelated}
#dial .fl{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}#dial.wh .fl{opacity:1}
#dial.on{background:transparent!important}#dial.on .warp,#dial.on .lg,#dial.on .win{display:none}
#dial.on:before,#dial.on:after{content:'';position:absolute;left:0;right:0;height:50%;background:#000;animation:rcrt .42s ease-in forwards}
#dial.on:before{top:0;transform-origin:top}#dial.on:after{bottom:0;transform-origin:bottom}
@keyframes rcrt{to{transform:scaleY(0)}}
#dial.on .fl{top:50%;bottom:auto;height:3px;margin-top:-1px;opacity:1;box-shadow:0 0 18px 6px #fff;animation:rline .42s ease-out forwards}
@keyframes rline{to{opacity:0;transform:scaleY(80)}}
#dial.v3.on:not(.fin) .fl{background:#9aa0c8;box-shadow:0 0 14px 4px #6a70a0}
#dial .vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;background:#000}
#dial.v3d{background:#000}#dial.v3d .win{display:none}
#dial .pic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s}#dial .pic.show{opacity:1}
#dial.fo{background:transparent!important}#dial.fo .vid,#dial.fo .pic,#dial.fo .win{display:none}
#dial.fo .fl{opacity:1;animation:rfo .42s ease-out forwards}#dial.v3.fo:not(.fin) .fl{background:#000}
@keyframes rfo{to{opacity:0}}
#dial .term{position:absolute;left:8%;top:30%;margin:0;color:#c0c0c0;font:18px "Courier New",monospace;white-space:pre-wrap;word-break:break-all;max-width:84vw}
.shift{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:0;transition:opacity 1.6s}
.shift.go{opacity:1;animation:shiftout 4s forwards}
.shift.s2{background:radial-gradient(circle,rgba(255,150,80,.55),rgba(120,40,90,.75))}.shift.s3{background:#000}.shift.s4{background:#008080}
@keyframes shiftout{0%{opacity:0}35%{opacity:1}100%{opacity:0}}
#stars{position:fixed;left:0;top:0;width:4400px;height:1100px;pointer-events:none;z-index:40}
#stars i{position:absolute;width:3px;height:3px;background:#fff8d0;border-radius:50%;opacity:.55;box-shadow:0 0 3px #fff}
.wiki{font-family:Arial,sans-serif}


.e2 body{background-image:url(/img/bg_sunset.jpg);background-color:#d77a5a;color:#3a2630}
.e2 table.frame{background-image:url(/img/bg_paper_warm.jpg);border-color:#a0507a}
.e2 td.head,.e2 td.foot{border-color:#a0507a}.e2 td.side{border-right-color:#a0507a;background-image:url(/img/bg_marble_sunset.jpg)}
.e2 h1{color:#b02a5a}.e2 h2{color:#8a3a8a}.e2 h3{color:#8a3a1a}.e2 a{color:#2a2a9a}
.e2 marquee{background:#4a1a4a url(/img/bg_marble_sunset.jpg);color:#ffe2a0;text-shadow:1px 1px 0 #2a0a2a,-1px 0 0 #2a0a2a;border-top-color:#e0a0c0;border-bottom-color:#2a0a2a}
.e2 .sub{color:#8a3a6a}
.e2 .rotw,.e2 .box{border-color:#e07040;background:#fff0d8}
.e2 td.foot{background:#f6dcd0}
.nbook{margin:14px 0 18px;padding:12px 12px 14px 20px;background:#a07a40 url(/img/nb_cover.jpg);border-radius:6px 12px 12px 6px;box-shadow:3px 4px 0 rgba(0,0,0,.25),inset 6px 0 0 rgba(0,0,0,.18)}
.nbcover{margin:0 0 10px 2px}.nbcover span{display:inline-block;background:#fffdf3;border:1px solid #6b5228;padding:1px 12px;font:700 17px "Patrick Hand","Comic Sans MS",cursive;color:#3a2a10;transform:rotate(-1.2deg)}
.nbpages{position:relative;padding:12px 16px 18px 54px;color:#1d2a4a;font:19px/28px "Patrick Hand","Comic Sans MS",cursive;background-color:#fbf6e8;background-image:linear-gradient(90deg,transparent 40px,#e3a0a0 40px,#e3a0a0 42px,transparent 42px),repeating-linear-gradient(transparent 0 27px,#bcd0e8 27px 28px),url(/img/nb_paper.jpg);background-blend-mode:normal,normal,multiply;box-shadow:inset 0 0 18px rgba(120,90,40,.18)}
.nbp{margin:0 0 28px}.nbp h4{margin:0;font:700 21px/28px "Patrick Hand","Comic Sans MS",cursive;color:#14204a}.nbp p{margin:0;white-space:pre-line}
.nbd{float:right;margin-left:8px;font-size:14px;color:#7a86a0}
.nbcpy{font:25px/28px "Caveat","Comic Sans MS",cursive;color:#8a1c1c;transform:rotate(-1.4deg);transform-origin:left;margin:2px 0 0 16px!important}
.nblast{margin:0 0 28px 16px!important}
.nbans{display:inline-block;margin:4px 0 0 2px!important;padding:0 7px;font:14px/24px "Courier New",monospace;color:#1a6b3a;border:1px dashed #1a6b3a;transform:rotate(-1deg)}
#timesw{position:fixed;left:8px;bottom:8px;z-index:70;background:#c0c0c0;border:2px outset #fff;padding:2px;font:bold 11px Tahoma,Verdana,Arial,sans-serif;box-shadow:2px 2px 0 rgba(0,0,0,.35)}
#timesw .tt{background:#000080;color:#fff;padding:2px 6px;margin-bottom:3px;letter-spacing:1px}
#timesw .tb{display:flex;gap:3px}#timesw button{width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;background:#c0c0c0;border:2px outset #fff;cursor:pointer}
#timesw button img{width:32px;height:32px;image-rendering:pixelated}#timesw button.on{border-style:inset;background:#d8d8d8}#timesw button:active{border-style:inset}
.desk #timesw{bottom:40px}@media (max-width:720px){#timesw button{width:38px;height:38px}#timesw button img{width:26px;height:26px}}
.nbblank{margin:0;color:#97a2b8;font-style:italic}
.nbnotes{display:block;width:100%;box-sizing:border-box;min-height:170px;padding:6px 12px;border:1px solid #b9a77f;color:#1d2a4a;font:19px/28px "Patrick Hand","Comic Sans MS",cursive;background-color:#fbf6e8;background-image:repeating-linear-gradient(transparent 0 27px,#bcd0e8 27px 28px),url(/img/nb_paper.jpg);background-blend-mode:normal,multiply;background-attachment:local;resize:vertical}
@media (max-width:640px){.nbook{padding:10px 8px 10px 14px}.nbpages{padding:10px 10px 16px 34px;font-size:18px;background-image:linear-gradient(90deg,transparent 22px,#e3a0a0 22px,#e3a0a0 24px,transparent 24px),repeating-linear-gradient(transparent 0 27px,#bcd0e8 27px 28px),url(/img/nb_paper.jpg)}}
.doors a{display:block;margin-top:5px;color:inherit;font-weight:normal;text-decoration:underline}
.e2 .sbox{background:#4a1a4a;border-color:#c07090}
.e2 table.list th{background:#4a1a4a;color:#ffd27a}


.e3 body{background:#04050f url(/img/bg_night.jpg);color:#b0b0c4;font-family:Georgia,"Times New Roman",serif}
.e3 table.frame{background:#11131b url(/img/bg_paper_dark.jpg);border:3px solid #2a2c3a}
.e3 td.head,.e3 td.foot{border-color:#2a2c3a}.e3 td.side{border-right:3px solid #2a2c3a;background-image:url(/img/bg_marble_dark.jpg)}
.e3 h1,.e3 h2,.e3 h3{font-family:Georgia,"Times New Roman",serif;color:#a0a3bc}.e3 a{color:#8a8fd0}.e3 a:visited{color:#7a6a8a}
.e3 .sub{color:#5a5f78}
.e3 marquee{background:#000 url(/img/bg_marble_dark.jpg);color:#8a8fa8;text-shadow:none;border-top-color:#2a2c3a;border-bottom-color:#000;font-family:"Times New Roman",serif;font-weight:normal}
.e3 .rotw,.e3 .box{border:1px solid #3a3d52;background:#0c0d14}.e3 .q{color:#c8c8d8}.e3 .meta{color:#5a5f78}
.e3 .note{background:#16161c;border-color:#3a3d52}
.e3 ul.news li{background-image:url(/img/ball_grey.gif)!important}.e3 .d{color:#7a6a3a}
.e3 td.foot{background:#0a0b10;color:#6a6d80}.e3 .ring{background:#0c0d14;border:1px solid #2a2c3a}.e3 .ring td{color:#6a6d80}.e3 .ring .rt{background:#1a1b26;color:#9a9cae}
.e3 .sbox{background:#0a0b10;border:1px solid #2a2c3a;color:#8a8ca0}.e3 .sbox .res{color:#9a9cae}
.e3 .badges img,.e3 .award{filter:grayscale(1) brightness(.55)}
.e3 .badges img:nth-child(2),.e3 .badges img:nth-child(5){display:none}
.e3 .counter span{background-image:url(/img/digits_red.png)}
.e3 .side .gbk{color:#7a7c90}
.e3 table.list{background:transparent}.e3 table.list th{background:#1a1b26;color:#9a9cae}.e3 table.list th,.e3 table.list td{border:1px solid #2a2c3a}
.e3 .gb{background:#0c0d14;border:1px solid #2a2c3a}.e3 .gb .who{color:#c0a0b0}
.e3 .postcard,.e3 .casefile{filter:brightness(.8)}
.e3 #helper .bal{background:#1a1b26;color:#c8c8d8;border-color:#5a5f78}.e3 #helper .bal:after{border-top-color:#5a5f78}
#torch{position:fixed;inset:0;pointer-events:none;z-index:45;--x:50vw;--y:45vh;background:radial-gradient(circle min(46vmin,330px) at var(--x) var(--y),rgba(0,0,0,0) 0,rgba(0,0,0,0) 55%,rgba(2,2,8,.9) 100%)}
.e3 #enter,.e4 #enter{background:#000}.e3 #enter .in{background:#0c0d14;border:1px solid #2a2c3a}.e3 #enter .t1{font-family:Georgia,serif;color:#a0a3bc}.e3 #enter .t2{background:#1a1b26;color:#a0a3bc;border:1px solid #3a3d52;text-shadow:none;font-family:Georgia,serif}
html.asleep body>*:not(#dream):not(#torch){transition:opacity 6s,filter 6s;opacity:.08;filter:blur(2px)}
#dream{position:fixed;inset:0;z-index:60;pointer-events:none}
#dream span{position:absolute;color:#c8c8d8;font:italic 20px Georgia,serif;opacity:0;animation:dreamin 3s forwards}
#dream .big{position:absolute;left:0;right:0;top:44%;text-align:center;font:italic 44px Georgia,serif;color:#e8e8f8;letter-spacing:.3em;opacity:0;animation:dreamin 5s forwards}
@keyframes dreamin{to{opacity:.85}}


.e4 body{background:#008080;color:#111;font-family:"Courier New",Courier,monospace;font-size:15px}
.e4 body.desk{padding:10px 10px 44px 96px}
.e4 table.frame{background:#060606;border:0;margin:0;max-width:none;color:#b8b8a8;font:15px/1.45 "Courier New",Courier,monospace}
.e4 td.head{border-bottom:1px solid #1a1a1a}.e4 td.foot{border-top:1px solid #1a1a1a;background:#000;color:#4a4a3a}
.e4 td.side{border-right:1px solid #1a1a1a;background:#030303 url(/img/bg_static.jpg)}
.e4 h1,.e4 h2,.e4 h3{font-family:"Courier New",monospace;color:#d9a441;font-weight:normal}.e4 a,.e4 a:visited{color:#d9a441}
.e4 .sub{color:#4a4a3a;font-family:"Courier New",monospace}
.e4 marquee{background:#000 repeating-linear-gradient(0deg,rgba(217,164,65,.08) 0 1px,transparent 1px 3px);color:#d9a441;text-shadow:0 0 4px rgba(217,164,65,.6);border-top-color:#2a2a1a;border-bottom-color:#000;font-family:"Courier New",monospace;font-weight:normal}
.e4 .rotw,.e4 .box{border:1px dashed #3a3a2a;background:#000}.e4 .q{color:#d9a441;font-family:"Courier New",monospace}.e4 .meta{color:#5a5a4a}
.e4 .note{background:#0a0a0a;border-color:#3a3a2a}
.e4 ul.news li{background:none!important;padding-left:0}.e4 .d{color:#5a5a4a}
.e4 .badges,.e4 .award{display:none}

.e4 .ring{background:#000;border:1px solid #3a2e14}.e4 .ring td{color:#8a7a50;font-family:"Courier New",monospace}.e4 .ring .rt{background:#140f05;color:#d9a441;font-weight:normal;letter-spacing:1px}.e4 .ring a{color:#d9a441}
.e4 .sbox{background:#000;border:1px solid #2a2a1a;color:#d9a441;font-family:"Courier New",monospace}.e4 .sbox .res{color:#d9a441}
.e4 .counter span{background-image:url(/img/digits_red.png)}
.e4 .side .gbk{color:#5a5a4a;font-family:"Courier New",monospace}
.e4 table.list{background:transparent}.e4 table.list th{background:#111;color:#d9a441}.e4 table.list th,.e4 table.list td{border:1px solid #222}
.e4 .gb{background:#000;border:1px solid #222}.e4 .gb .who{color:#d9a441}
.e4 #helper .bal{background:#000;color:#d9a441;border-color:#d9a441;font-family:"Courier New",monospace;border-radius:0}.e4 #helper .bal:after{border-top-color:#d9a441}
.e4 #helper{bottom:40px}
.e4 #enter{background:#000;cursor:default}.e4 #enter .in{background:#000;border:0;text-align:left}.e4 #enter .t1{font:20px "Courier New",monospace;color:#c0c0c0}.e4 #enter .t2{background:none;border:0;color:#c0c0c0;font:20px "Courier New",monospace;text-shadow:none;padding:0}
.win{background:#c0c0c0;border:2px outset #fff;box-shadow:1px 1px 0 #000;font:12px Tahoma,"MS Sans Serif",Arial,sans-serif;color:#000}
.win .tb{background:linear-gradient(90deg,#000080,#1084d0);color:#fff;font-weight:bold;padding:3px 4px;display:flex;align-items:center;gap:4px;user-select:none}
.win .tt{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.win .tbb b{display:inline-block;width:16px;height:14px;background:#c0c0c0;color:#000;border:2px outset #fff;font:bold 10px Arial,sans-serif;text-align:center;line-height:10px;margin-left:2px;cursor:pointer}
.win .mb{padding:2px 6px;border-bottom:1px solid #808080}
.win.main{max-width:none;margin:0}
.win.main .wb{padding:3px;background:#c0c0c0}
.win.main .wb>table.frame{border:2px inset #fff}
.win.pop{position:fixed;left:50%;top:18%;transform:translateX(-50%);width:min(440px,92vw);z-index:70}
.win.pop .wb{background:#fff;margin:3px;border:2px inset #fff;padding:8px;max-height:60vh;overflow:auto}
.win.dialog .wb{background:#c0c0c0;border:0}
.win .dlg{display:flex;gap:12px;align-items:flex-start}.win .dlg p{margin:4px 0 8px}
.win .btns{text-align:center;padding:4px 0 2px}.win .btns button{min-width:74px;margin:0 4px;font:12px Tahoma,Arial,sans-serif}
.win table.files{border-collapse:collapse;width:100%;font:12px Tahoma,Arial,sans-serif}
.win table.files th{background:#c0c0c0;border:2px outset #fff;text-align:left;padding:1px 6px;font-weight:normal}
.win table.files td{padding:2px 6px;white-space:nowrap}.win table.files img{vertical-align:middle}
.win table.files tr.me td{background:#000080;color:#fff}
.win .addr{border:2px inset #fff;background:#fff;padding:2px 6px;margin-bottom:6px;font-family:"Courier New",monospace}
.win.pop .note{font:11px Tahoma,sans-serif;color:#333;margin:6px 0 0;border:0;background:none;padding:0}
.win pre.notepad{font:13px "Courier New",monospace;white-space:pre-wrap;margin:0}
#icons img,.win img,#taskbar img,.bigicons img{image-rendering:pixelated}
.win .tb .ti{display:inline-block;width:16px;height:16px;margin:0 4px 0 2px;vertical-align:-3px;background:url(/img/c95_web16.png) no-repeat;image-rendering:pixelated}
#taskbar .tray img{vertical-align:-3px;margin-right:6px;cursor:pointer}
.bigicons{display:flex;flex-wrap:wrap;gap:18px;padding:10px 6px}.bigicons a{width:88px;text-align:center;color:#000;text-decoration:none;font:11px Tahoma,Arial,sans-serif}.bigicons a span{display:inline-block;margin-top:4px;padding:0 2px}.bigicons a:focus span,.bigicons a:hover span{background:#000080;color:#fff}
#icons{position:fixed;left:8px;top:10px;width:80px;display:flex;flex-direction:column;gap:14px;z-index:20}
#icons .ico{display:block;text-align:center;color:#fff;text-decoration:none;font:11px Tahoma,Arial,sans-serif}#icons .ico img{display:block;margin:0 auto}
#icons .ico span{display:inline-block;padding:1px 3px;margin-top:3px;text-shadow:1px 1px 0 #000}
#icons .ico:focus span,#icons .ico:hover span{background:#000080}
#taskbar{position:fixed;left:0;right:0;bottom:0;height:30px;background:#c0c0c0;border-top:2px outset #fff;display:flex;align-items:center;gap:6px;padding:0 4px;z-index:80;font:12px Tahoma,Arial,sans-serif}
#taskbar .start{font:bold 12px Tahoma,Arial,sans-serif;display:flex;align-items:center;gap:4px;padding:1px 6px}
#taskbar .task{flex:1;max-width:260px;border:2px inset #fff;padding:2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#d4d0c8}
#taskbar .tray{margin-left:auto;border:1px inset #fff;padding:2px 8px}


.ended .released{display:block}
.released{display:none;border:2px dashed #3355cc;background:#eef6ff;padding:8px 12px;margin:10px 0;font-family:"Times New Roman",serif;font-style:italic}


@media (max-width:720px){
  table.frame,table.frame>tbody,table.frame>tbody>tr,table.frame>tbody>tr>td{display:block;width:auto!important;border-right:0!important}
  table.frame{margin:0;border-width:0}
  table.frame>tbody>tr{display:flex;flex-direction:column}
  table.frame>tbody>tr>td.side{display:contents}
  td.side .nav{order:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:8px;background:#2e3a9a url(/img/bg_marble.jpg)}
  .e2 td.side .nav{background-image:url(/img/bg_marble_sunset.jpg)}.e3 td.side .nav{background-image:url(/img/bg_marble_dark.jpg)}.e4 td.side .nav{background:#030303}
  td.side .nav a{margin:0}td.side .nav img{width:110px;height:22px}
  td.main{order:1;padding:12px}
  td.side .sbox{order:2;margin:6px 12px}td.side>p{order:2;text-align:center}td.side .award{order:2;margin:0 auto 10px}
  td.side .gbk{color:#cc0066}.e2 td.side .gbk{color:#b02a5a}
  .avatar{float:none;display:block;margin:0 auto 10px}
  .fl,.fr{float:none;display:block;margin:0 auto 10px}
  .rotw td:first-child{display:none}
  #helper img{width:56px;height:56px}#helper .bal{max-width:170px;font-size:11px}
  .e4 body.desk{padding:58px 0 40px}
  #icons{flex-direction:row;width:auto;right:0;left:0;top:0;justify-content:space-around;background:#008080;padding:4px 0;gap:4px}
  #icons .ico img{width:24px;height:24px}
  #icons .ico{flex:1;min-width:0}#icons .ico span{font-size:9px;line-height:1.1;padding:0 1px;word-break:break-word}
  #stars{display:none}
}


.win .dlg p{white-space:pre-line}
html.fin #helper,html.fin2 #helper{display:none}
html.fin body{min-height:100vh}
.goodbyes{max-width:520px;margin:52vh auto 40px;font:15px Georgia,"Times New Roman",serif;color:#fff;text-shadow:1px 1px 0 #000}
.goodbyes .gl{margin:8px 0;animation:dreamin 1.2s forwards;opacity:0}
.goodbyes .gl.seed{color:#ffd27a;font-family:"Courier New",monospace}.goodbyes .gl.you{color:#cfe8ff}
.np{position:fixed;left:10px;bottom:38px;color:#fff;font:12px Tahoma,sans-serif;text-shadow:1px 1px 0 #000}
html.fin2 body{padding:0}
.finbox{max-width:680px;margin:20px auto;background:#fbf3dc url(/img/bg_paper.jpg);border:4px ridge #3355cc;padding:18px 24px}
.finbox .logo{max-width:100%;height:auto}


.wikiwrap{display:flex;gap:0;max-width:1000px;margin:0 auto;font:14px/1.5 Arial,Helvetica,sans-serif;color:#000;background:#f6f9fc;min-height:100vh}
.wside{width:150px;flex:none;padding:10px;font-size:12px}
.wside .wlogo{display:block;text-align:center;margin-bottom:12px}
.wnav{background:#fff;border:1px solid #aaa;padding:6px 8px;margin-bottom:10px}
.wnav b{display:block;font-size:11px;color:#333;text-transform:lowercase;margin-bottom:4px}
.wnav a{display:block;color:#002bb8;text-decoration:none;margin:2px 0}
.wnav input{width:100%;box-sizing:border-box;font:12px Arial,sans-serif;margin-bottom:4px}
.wnav .res{color:#060;font-size:11px}
.wmain{flex:1;background:#fff;border:1px solid #aaa;padding:16px 20px;margin:10px 10px 10px 0}
.wmain h1{font:normal 26px "Times New Roman",serif;color:#000;border-bottom:1px solid #aaa;margin:0 0 10px}
.wmain h2{font:normal 19px "Times New Roman",serif;color:#000;border-bottom:1px solid #aaa;margin:18px 0 6px}
.wmain a{color:#002bb8}
.wtabs{margin:-16px -20px 14px;padding:0 10px;border-bottom:1px solid #aaa;background:#f6f9fc}
.wtabs a,.wtabs span{display:inline-block;padding:3px 12px;font-size:12px;border:1px solid #aaa;border-bottom:0;margin:4px 2px 0;background:#fff;text-decoration:none}
.wtabs .on{font-weight:bold;background:#fff}
.wold{background:#fff8d8;border:1px solid #e0c060;padding:6px 10px;font-size:12px}
.wdel{background:#ffe4e4}
ul.hist{font-size:13px}
.nullreal pre.code{font-size:13px;min-height:340px}
@media (max-width:720px){.wikiwrap{flex-direction:column}.wside{width:auto}.wmain{margin:0 6px 10px}}


#helper{display:none}
#hoot{position:absolute;left:0;top:0;z-index:50;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;will-change:transform}
#hoot.flying{cursor:grabbing}
#hoot .spr{width:144px;height:144px;background-repeat:no-repeat;transform-origin:0 0}
#hoot.gone{opacity:0;transition:opacity .35s}
#hoot .zz{position:absolute;right:6%;top:-2px;font:bold 16px "Comic Sans MS","Chalkboard SE","Comic Neue",sans-serif;color:#334;opacity:0;pointer-events:none;text-shadow:1px 1px 0 #fff}
#hoot .zz.show{animation:zz 2.4s ease-in-out infinite}
@keyframes zz{0%{transform:translate(0,8px);opacity:0}30%{opacity:1}100%{transform:translate(12px,-20px);opacity:0}}
@keyframes hoot_idle{to{background-position:-3456px 0}}
@keyframes hoot_talk{to{background-position:-1152px 0}}
@keyframes hoot_wave{to{background-position:-1728px 0}}
@keyframes hoot_fly{to{background-position:-1152px 0}}
@keyframes hoot_sleep{to{background-position:-3456px 0}}
@keyframes hoot_surprise{to{background-position:-864px 0}}
.hootbal{position:absolute;left:0;top:0;z-index:51;display:none;max-width:240px;background:#ffffe1;color:#000;border:1px solid #000;border-radius:10px;padding:8px 10px;font:12px/1.35 Tahoma,Verdana,sans-serif;box-shadow:2px 2px 0 rgba(0,0,0,.35);cursor:pointer}
.hootbal.show{display:block}
.hootbal:after{content:"";position:absolute;bottom:-9px;left:24px;border:9px solid transparent;border-top-color:#000;border-bottom:0}
.hootbal.l:after{left:auto;right:24px}
.hootbal.below:after{bottom:auto;top:-9px;border:9px solid transparent;border-bottom-color:#000;border-top:0}
.e3 .hootbal{background:#1a1b26;color:#c8c8d8;border-color:#5a5f78}.e3 .hootbal:after{border-top-color:#5a5f78}.e3 .hootbal.below:after{border-top-color:transparent;border-bottom-color:#5a5f78}
.e4 .hootbal{background:#000;color:#d9a441;border-color:#d9a441;font-family:"Courier New",monospace;border-radius:0}.e4 .hootbal:after{border-top-color:#d9a441}.e4 .hootbal.below:after{border-top-color:transparent;border-bottom-color:#d9a441}
.e3 #hoot .zz,.e4 #hoot .zz{color:#a0a3bc;text-shadow:none}
html.fin #hoot,html.fin2 #hoot,html.fin .hootbal,html.fin2 .hootbal{display:none}
@media (max-width:720px){.hootbal{max-width:180px;font-size:11px}}



td.main .inner{max-width:900px;margin:0 auto}
td.head{padding:12px 8px 0}
td.right{width:230px;vertical-align:top;background:#2e3a9a url(/img/bg_marble.jpg);padding:12px 10px;border-left:3px ridge #3355cc}
.cbox{background:#000066;border:2px outset #9999ff;color:#ffffcc;font:12px/1.4 Verdana,Arial,sans-serif;padding:8px 9px;margin:0 0 12px}
.cbox>b{display:block;color:#ffff66;font:bold 13px Verdana,Arial,sans-serif;margin-bottom:5px;border-bottom:1px dotted #9999ff;padding-bottom:3px}
.cbox a{color:#ffff66}
.clock{font-size:13px}
.online b{color:#7CFC00}
.feed .fe{margin:4px 0;word-wrap:break-word}.feed .fe b{color:#ff99cc}.feed .copy b{color:#99ccff}.feed .exe{color:#d9a441}.feed .exe b{color:#d9a441}
.cbox.perch{height:165px;background:transparent;border:2px dashed rgba(255,255,255,.35);display:flex;align-items:flex-end;justify-content:center}
.cbox.perch .tiny{color:rgba(255,255,255,.6)}
td.right .award{margin-top:4px}
.e2 td.right{border-left-color:#a0507a;background-image:url(/img/bg_marble_sunset.jpg)}
.e2 .cbox{background:#4a1a4a;border-color:#c07090}.e2 .cbox>b{color:#ffd27a;border-color:#c07090}.e2 .cbox a{color:#ffd27a}
.e3 td.right{border-left:3px solid #2a2c3a;background-image:url(/img/bg_marble_dark.jpg)}
.e3 .cbox{background:#0a0b10;border:1px solid #2a2c3a;color:#8a8ca0}.e3 .cbox>b{color:#a0a3bc;border-color:#2a2c3a;font-family:Georgia,serif}.e3 .cbox a{color:#8a8fd0}.e3 .online b{color:#c0a0b0}
.e3 .cbox.perch{border-color:rgba(160,163,188,.2)}
.e4 td.right{border-left:1px solid #1a1a1a;background:#030303 url(/img/bg_static.jpg)}
.e4 .cbox{background:#000;border:1px solid #2a2a1a;color:#b8b8a8;font-family:"Courier New",monospace}.e4 .cbox>b{color:#d9a441;border-color:#2a2a1a;font-family:"Courier New",monospace;font-weight:normal}.e4 .cbox a{color:#d9a441}.e4 .online b{color:#d9a441}
.e4 .feed .fe b{color:#d9a441}.e4 .cbox.perch{border-color:rgba(217,164,65,.2)}
@media (max-width:1100px){td.right{display:none}}
@media (max-width:720px){
  table.frame>tbody>tr>td.right{display:block;order:3;border-left:0!important;padding:10px 12px}
  .cbox.perch{display:none}
  table.frame{min-height:0}
}

.feed{height:150px;overflow:hidden}
@media (max-width:720px){.feed{height:auto}}


.fadein{animation:dreamin 2.2s forwards;opacity:0}
.finbox .lastline{font:bold 26px "Comic Sans MS","Chalkboard SE","Comic Neue",sans-serif;text-align:center;margin:34px 0 26px;color:#222244}
.finbox #lines{min-height:260px}

.card.cpy{border-color:#555;background:linear-gradient(135deg,#fdfdfd,#e8e8ee)}
.card.cpy .cpyt{font:bold 17px "Courier New",monospace;color:#333}
.card.cpy .st{flex-direction:column;width:auto;height:auto;min-height:54px;max-width:120px;border-radius:12px;padding:5px 8px;transform:rotate(-3deg);color:#444;border-color:#888;font:bold 10px Verdana,sans-serif}
.card.cpy .st i{display:block;font:normal 9px "Courier New",monospace;color:#888;margin-top:3px}
.typing:after{content:"_";animation:blink 1s steps(1) infinite}


.hootbal:after,.hootbal.l:after{left:var(--ax,24px);right:auto}

@media (max-width:720px){table.list{font-size:13px}table.list th{font-size:11px}table.list th,table.list td{padding:4px 5px}table.list td img{width:24px;height:24px}}


html body:has(.wikiwrap){background:#dde3ea;color:#000}

.f404{position:fixed;inset:0;z-index:40;background:#fff;color:#000;font:16px/1.3 "Times New Roman",Times,serif;padding:8px 12px;text-align:left;letter-spacing:0}
.f404 h1{font:bold 32px "Times New Roman",Times,serif;color:#000;margin:20px 0;text-shadow:none;letter-spacing:0;animation:none;background:none}
.f404 hr{border:0;border-top:1px solid #999;margin:16px 0}
.f404 address{font-style:italic}

html .card,html .card p{color:#3a3a4a}

@media (max-width:720px){#torch{background:radial-gradient(circle min(72vmin,330px) at var(--x) var(--y),rgba(0,0,0,0) 0,rgba(0,0,0,0) 55%,rgba(2,2,8,.84) 100%)}}



.e2 #enter{background:#d77a5a url(/img/bg_sunset.jpg)}
.e2 #enter .in{background-image:url(/img/bg_paper_warm.jpg);border-color:#a0507a}
.e2 #enter .t1{color:#b02a5a}
.e2 #enter .t2{background:#c8507a;border-color:#f3a3b0;text-shadow:1px 1px 0 #4a1a4a}
.e3 #enter{background:#04050f url(/img/bg_night.jpg)}

.e2 body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:44;background:linear-gradient(180deg,rgba(255,160,90,0) 25%,rgba(110,30,80,.28) 100%);mix-blend-mode:multiply}
.e2 #hoot .spr,.e2 img.hoot,.e2 .avatar,.e2 td.side .nav img{filter:drop-shadow(10px 5px 0 rgba(70,20,60,.32))}

.e3 #hoot .spr{filter:brightness(.5) contrast(2.6) saturate(.5);transition:filter .4s}
.e3 #hoot:hover .spr,.e3 #hoot.flying .spr{filter:none}

.e3 input[type=text],.e3 textarea{background:#14151e;color:#d8d8e8;border:1px solid #3a3d52;caret-color:#d8d8e8}
.e3 button,.e3 .btn{background:#1a1b26;color:#a0a3bc;border:1px solid #3a3d52}
.e3 a{color:#b8bcff}.e3 a:visited{color:#a594c0}
html.e4 input[type=text],html.e4 textarea{background:#000;color:#d9a441;border:1px solid #5a4a2a;caret-color:#d9a441;font-family:"Courier New",monospace}

html .wikiwrap a,html .wikiwrap .wnav a{color:#002bb8}
html .wikiwrap input[type=text]{background:#fff;color:#000;border:1px solid #888;font-family:Arial,sans-serif}
html .wikiwrap button{background:#eee;color:#000;border:1px solid #888}

#torch:after{content:"";position:absolute;inset:0;background:#02020a;opacity:0;animation:flick 13s infinite}
@keyframes flick{0%,92%,100%{opacity:0}93%{opacity:.65}95%{opacity:.15}97%{opacity:0}}
@media (prefers-reduced-motion:reduce){#torch:after{animation:none}}

.win.main>.tb,.win.main>.mb,.win.main>.loc{position:sticky;z-index:30}
.win.main>.mb{background:#c0c0c0}
.win.main>.loc{background:#c0c0c0;font:12px Arial,sans-serif;color:#000;padding:2px 6px 3px;border-bottom:1px solid #808080;white-space:nowrap;overflow:hidden}
.win.main>.loc span{display:inline-block;background:#fff;border:2px inset #fff;padding:0 6px;font:12px "Courier New",monospace;min-width:50%;max-width:80%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.e4 .rotw td:first-child{display:none}

.e2 #stars i{opacity:.8;box-shadow:0 0 4px #ffd27a}
.e4 #stars i{background:#d9a441;box-shadow:none;opacity:.5}

.ended .logo{filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 16px #ffe28a)}
.e1.ended marquee{background:#3a7be0 url(/img/bg_clouds.jpg);color:#fff;text-shadow:1px 1px 0 #003a8c,0 0 3px #003a8c;border-top-color:#cfe6ff;border-bottom-color:#2a5ab0}

@media (max-width:720px){img.fl.hoot{float:left;display:inline;width:64px;height:64px;margin:4px 10px 0 0}}

.f404{z-index:46}
.e2 body:has(.wikiwrap):after{display:none}


#stars i{width:4px;height:4px;margin:-2px 0 0 -2px;opacity:.55;background:#fffbe6;box-shadow:0 0 4px #fff}
.e2 #stars i{opacity:.7;box-shadow:0 0 4px #ffd27a}
.e3 #stars i{background:#fff;opacity:.6;box-shadow:0 0 5px #cfd6ff}
.e4 #stars i{background:#d9a441;opacity:.5;box-shadow:none}

.stamp{position:fixed;left:50%;top:14px;transform:translateX(-50%);z-index:60;background:#fffbe6;color:#cc0066;border:3px dashed #cc0066;border-radius:14px;padding:6px 16px;font:bold 15px "Comic Sans MS","Chalkboard SE","Comic Neue",sans-serif;box-shadow:3px 3px 0 rgba(0,0,0,.25);pointer-events:none;animation:stampin .35s ease-out;transition:opacity .7s,transform .7s}
.stamp.go{opacity:0;transform:translateX(-50%) translateY(-12px)}
@keyframes stampin{from{transform:translateX(-50%) scale(1.6) rotate(-8deg);opacity:0}to{transform:translateX(-50%) scale(1) rotate(-2deg);opacity:1}}
.e2 .stamp{color:#b02a5a;border-color:#b02a5a}
.e3 .stamp{background:#0c0d14;color:#a0a3bc;border:1px solid #3a3d52;font-family:Georgia,serif;font-weight:normal}
.e4 .stamp{background:#000;color:#d9a441;border:1px solid #d9a441;border-radius:0;font:13px "Courier New",monospace}

#stars.far i{width:44px;height:44px;margin:-22px 0 0 -22px;opacity:1;background:#fffbe6;box-shadow:0 0 0 8px rgba(50,10,50,.85),0 0 30px #fff}
.e3 #stars.far i,.e4 #stars.far i{background:#fff;box-shadow:0 0 0 8px rgba(0,0,0,.85),0 0 30px #cfd6ff}

#credits{position:fixed;inset:0;z-index:300;background:#04050c;overflow:hidden;color:#e8e2cf;font-family:Georgia,"Times New Roman",serif;opacity:0;transition:opacity 1.6s}
#credits.on{opacity:1}#credits.out{opacity:0}
#credits:before{content:'';position:absolute;inset:0;background:url(/img/bg_night.jpg) center/cover;opacity:.35}
#credits .roll{position:absolute;left:0;right:0;top:100%;text-align:center;padding:0 16px;will-change:transform}
#credits .blk{max-width:640px;margin:0 auto 22vh}
#credits p{margin:0}
#credits .t{font:bold 34px Georgia,serif;letter-spacing:.14em;color:#fff3c4}
#credits .h{font-size:12px;letter-spacing:.35em;text-transform:uppercase;color:#d9a441;margin-bottom:14px}
#credits .n{font-size:26px;color:#fff;margin-bottom:8px}
#credits .l{font-size:17px;line-height:1.75;color:#cfc8b4}
#credits .s{font-size:13px;color:#8d8778;font-style:italic;margin-top:8px}
#credits img{display:block;margin:0 auto 12px;image-rendering:pixelated}
#credits .skip{position:absolute;right:16px;bottom:14px;z-index:1;font:12px Tahoma,Arial,sans-serif;color:#8d8778;background:none;border:0;cursor:pointer;padding:8px}
#credits.paged .roll{top:0;bottom:0;transform:none}
#credits.paged .blk{position:absolute;left:16px;right:16px;top:50%;transform:translateY(-50%);margin:0 auto;opacity:0;transition:opacity 1.2s}
#credits.paged .blk.show{opacity:1}
@media (max-width:600px){#credits .t{font-size:26px}#credits .n{font-size:22px}#credits .l{font-size:15px}}

.gb,#gbfeed,.online{overflow-wrap:anywhere;word-break:break-word}

.ended .gb.copy,.ended .fe.copy{opacity:.45;font-style:italic}

.wmstats{font:13px "Courier New",monospace;max-width:560px;margin:14px auto;line-height:1.6}

.e4 .note{color:#a8a898;font-size:13px}.e4 .note a{color:#d9a441;font-weight:bold;text-decoration:underline}
#tamamsg{min-height:2.8em;width:300px;margin:6px auto 0}
.servercam{max-width:640px;margin:16px auto 4px;background:#000;border:3px inset #888;padding:4px}
.servercam .sct{font:11px "Courier New",monospace;color:#8f8;padding:2px 4px 4px}
.servercam .scw{position:relative}.servercam img{display:block;width:100%;height:auto;filter:grayscale(.4) contrast(1.08)}
.servercam .scts{position:absolute;right:8px;bottom:6px;font:bold 12px "Courier New",monospace;color:#fff;text-shadow:1px 1px 0 #000}
.emptyphoto{margin-top:22px}.emptyphoto img{max-width:100%;height:auto;border:8px solid #fbfbf4;box-shadow:2px 3px 8px rgba(0,0,0,.6);transform:rotate(-1.2deg)}

#hoot .htag{position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);white-space:nowrap;font:bold 10px/14px Verdana,Arial,sans-serif;color:#cc0066;background:#ffff99;border:1px solid #cc0066;padding:0 4px;pointer-events:none;animation:htag 1.2s steps(2) infinite}@keyframes htag{50%{opacity:.35}}
#hoot.flying .htag{display:none}.e2 #hoot .htag{color:#b02a5a;border-color:#b02a5a;background:#ffe2a0}
@media (prefers-reduced-motion:reduce){#hoot .htag{animation:none}}
.htag-on .cbox.perch .tiny{visibility:hidden}
@media (max-width:720px){#hoot .htag{left:auto;right:2px;transform:none}table.frame{margin-bottom:96px}}


@media (min-width:721px){td.side .nav a{width:150px;margin-left:auto;margin-right:auto}}

.sbox button{font:bold 12px Verdana,Arial,sans-serif;color:#fff;background:linear-gradient(#ffc04a,#ff7a00);border:2px outset #ffd08a;padding:3px 16px;cursor:pointer;text-shadow:1px 1px 0 #a04000}.sbox button:active{border-style:inset}
.e2 .sbox button{background:linear-gradient(#f07ab0,#a0306a);border-color:#f0a0c8;text-shadow:1px 1px 0 #5a1040}
.e3 .sbox button{background:linear-gradient(#2a2c3a,#14151d);color:#a0a3bc;border:1px solid #3a3d52;text-shadow:none}
.e4 .sbox button{background:#000;color:#d9a441;border:1px solid #d9a441;font-family:"Courier New",monospace;font-weight:normal;text-shadow:none}
.e1.ended .sbox button{background:linear-gradient(#8ac4ff,#3a7be0);border-color:#cfe6ff;text-shadow:1px 1px 0 #1a4a9a}


.plaque{display:flex;align-items:center;gap:14px;margin:18px auto;max-width:420px;padding:12px 18px;background:#d9b04a url(/img/bg_paper.jpg);background-blend-mode:multiply;border:3px ridge #8a6a1a;box-shadow:3px 3px 0 rgba(0,0,0,.25);font-family:"Times New Roman",serif;color:#3a2600}
.plaque b{display:block;font-size:26px;letter-spacing:5px}.plaque span{font-style:italic}
.e2 .plaque{filter:saturate(.8) hue-rotate(-10deg)}.e3 .plaque,.e4 .plaque{background:#2a2418;border-color:#4a3e24;color:#a99a72;box-shadow:none}

.card.sample{opacity:.5;filter:grayscale(.4);position:relative;pointer-events:none}
.card.sample:after{content:"SAMPLE";position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) rotate(-12deg);font:bold 42px "Arial Black",Arial,sans-serif;color:#cc0000;border:5px solid #cc0000;padding:2px 16px;opacity:.85}

@media (max-width:600px){
 table.list.cards,table.list.cards tbody{display:block;border:0;background:transparent}
 table.list.cards tr:first-child{display:none}
 table.list.cards tr{display:block;border:2px groove #9999cc;margin:0 0 8px;padding:5px 8px;background:rgba(255,255,255,.5)}
 table.list.cards td{display:block;border:0;padding:1px 0}
 table.list.cards td:before{font:bold 11px Verdana,Arial,sans-serif;color:#555}
 table.list.rid td:nth-child(1){display:inline-block;font-weight:bold;margin-right:8px}table.list.rid td:nth-child(2){display:inline-block;font-size:12px;color:#555}
 table.list.rid td:nth-child(3){font-size:15px}table.list.rid td:nth-child(4):before{content:"solved by: "}
 table.list.mem tr{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:8px}table.list.mem td:nth-child(1){grid-row:span 4;align-self:start}
 table.list.mem td:nth-child(2){font-weight:bold}table.list.mem td:nth-child(3):before{content:"joined: "}table.list.mem td:nth-child(4):before{content:"likes: "}table.list.mem td:nth-child(5):before{content:"status: "}
 table.list.dl td:nth-child(1){font-weight:bold}table.list.dl td:nth-child(2){display:inline-block;margin-right:12px}table.list.dl td:nth-child(2):before{content:"size: "}table.list.dl td:nth-child(3){display:inline-block}table.list.dl td:nth-child(3):before{content:"date: "}
 .e3 table.list.cards tr{background:transparent;border:1px solid #2a2c3a}.e4 table.list.cards tr{background:transparent;border:1px solid #222}.e3 table.list.cards td:before,.e4 table.list.cards td:before{color:#8a8ca0}
}

table.list.dl td:first-child a:before{content:"";display:inline-block;width:16px;height:16px;margin-right:6px;vertical-align:-3px;background:url(/img/c95_f_txt.png);image-rendering:pixelated}
table.list.dl td:first-child a[href$=".png"]:before{background-image:url(/img/c95_f_img.png)}table.list.dl td:first-child a[href$=".mid"]:before{background-image:url(/img/c95_f_midi.png)}table.list.dl td:first-child a[href$=".zip"]:before{background-image:url(/img/c95_f_zip.png)}table.list.dl td:first-child a[href$=".pdf"]:before{background-image:url(/img/c95_f_doc.png)}
.e3 table.list.dl td:first-child a:before{filter:brightness(.6)}
@media (min-width:601px){table.list.dl td:nth-child(-n+3){white-space:nowrap}}

@media (hover:none),(max-width:720px){.pin{width:32px;height:34px;margin:-30px 0 0 -16px}.pin:before{left:10px;top:2px}.pin:after{left:15px;top:12px;height:18px}}


.card .stamps{gap:4px 2px;justify-content:center}
.card .st{position:relative;width:78px;height:78px;border:0;border-radius:0;background:none;padding:0;transform:rotate(var(--rot,-8deg));color:#cc0066;font:bold 8.5px/1.05 "Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;letter-spacing:.2px;text-transform:uppercase}
.card .st:before{content:"";position:absolute;inset:0;background:currentColor;opacity:var(--op,.88);-webkit-mask:url(/img/stamps.png?v=1) var(--sx,0%) 0/500% 100% no-repeat;mask:url(/img/stamps.png?v=1) var(--sx,0%) 0/500% 100% no-repeat}
.card .st b{position:relative;display:block;width:42px;text-align:center;overflow-wrap:normal;word-break:normal;hyphens:none;opacity:var(--op,.88)}
.card .st[data-ink="0"]{color:#cc0066}.card .st[data-ink="1"]{color:#2450c8}.card .st[data-ink="2"]{color:#7a35b8}.card .st[data-ink="3"]{color:#1d8048}.card .st[data-ink="4"]{color:#c8431a}
.card .st.empty{color:#9a9aa6}.card .st.empty:before{opacity:.22}.card .st.empty b{font-size:15px;opacity:.45}
.e2 .card .st[data-ink]{filter:sepia(.35) saturate(1.1)}
.e3 .card .stamps{filter:saturate(.35) brightness(.92)}
.e4 .card .stamps{filter:sepia(.85) saturate(1.3) hue-rotate(-12deg) brightness(.9)}
@media (prefers-reduced-motion:no-preference){.card .st:not(.empty){animation:stampin .45s cubic-bezier(.2,1.6,.4,1) both}}
@keyframes stampin{0%{transform:rotate(var(--rot,-8deg)) scale(1.6);opacity:0}100%{transform:rotate(var(--rot,-8deg)) scale(1);opacity:1}}

.card.cpy .st{width:auto;height:auto;border:3px dashed #888;background:#fff;transform:rotate(-3deg);text-transform:none;animation:none}
.card.cpy .st:before{display:none}


html.seat-cine,html.seat-cine body{overflow:hidden;background:#000}
html.seat-cine #hoot,html.seat-cine #helper,html.seat-cine .hootbal{display:none!important}
#seat9{position:fixed;inset:0;z-index:9000;background:#000;color:#ebe5d8;font-family:Georgia,"Times New Roman",serif;overflow:hidden;transition:opacity 1.5s}
#seat9.out{opacity:0}
#seat9 .grain{position:absolute;inset:-60px;background:url(/img/grain.png);opacity:.06;pointer-events:none;z-index:8;animation:seatgrain .9s steps(5) infinite}
@keyframes seatgrain{0%{transform:translate(0,0)}20%{transform:translate(-23px,14px)}40%{transform:translate(17px,-31px)}60%{transform:translate(-9px,27px)}80%{transform:translate(29px,-6px)}100%{transform:translate(0,0)}}
#seat9 .layer{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4vh 16px;box-sizing:border-box;opacity:0;transition:opacity 1.8s ease}
#seat9 .layer.on{opacity:1}
#seat9 .layer.late{transition-delay:1.15s}#seat9 .layer.gone,#seat9 .layer.late.gone{transition:opacity 1.1s ease 0s}
#seat9 .skip{position:absolute;right:12px;bottom:10px;z-index:9;background:none;border:0;color:#6b665c;font:13px Georgia,serif;letter-spacing:1px;padding:8px;cursor:pointer;opacity:0;transition:opacity 2s;pointer-events:none}
#seat9 .skip.on{opacity:.7;pointer-events:auto}#seat9 .skip:hover{color:#bdb6a8}
#seat9 .say{max-width:min(640px,100%);text-align:center;font-size:clamp(19px,3.4vw,30px);line-height:1.5}
#seat9 .say p{margin:.55em 0;opacity:0;transform:translateY(8px);transition:opacity 2.4s ease,transform 2.4s ease}
#seat9 .say p.on{opacity:1;transform:none}
#seat9 .say .big{font-size:1.25em;letter-spacing:.5px}#seat9 .say .dim{color:#8e887d;font-style:italic}
#seat9 .say .small{font-size:.58em}#seat9 .mono{font-family:"Courier New",monospace}
#seat9 .sit{margin-top:36px;background:none;border:1px solid #5d584f;color:#ebe5d8;font:clamp(15px,2.4vw,18px) Georgia,serif;letter-spacing:4px;padding:13px 30px;cursor:pointer;opacity:0;transition:opacity 2s,border-color .5s,background .5s}
#seat9 .sit.on{opacity:1}#seat9 .sit:hover,#seat9 .sit:focus-visible{border-color:#ebe5d8;background:rgba(255,255,255,.05)}#seat9 .sit:disabled{opacity:.3;cursor:default}
#seat9 .vid{padding:0}
#seat9 video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
#seat9 .vig{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 58%,rgba(0,0,0,.5))}
#seat9 .vid.still{animation:seatzoom 48s linear forwards}
@keyframes seatzoom{from{transform:scale(1)}to{transform:scale(1.07)}}
#seat9 .vid .sf{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity var(--f,4s) ease}
#seat9 .vid .sf.on{opacity:1}
#seat9 .vid.fadeout{opacity:0;transition:opacity 3s}
#seat9 .flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}
#seat9 .flash.go{animation:seatflash 1.4s ease-out}
@keyframes seatflash{0%{opacity:.95}100%{opacity:0}}
#seat9 .datestamp{position:absolute;font:bold clamp(13px,2.5vw,26px) "Courier New",monospace;color:#ff8c1a;text-shadow:0 0 6px rgba(255,120,0,.75);letter-spacing:2px;opacity:0;transition:opacity .25s;pointer-events:none;white-space:nowrap}
#seat9 .seatname{position:absolute;transform:translate(-50%,-50%);font:italic clamp(12px,1.9vw,19px) Georgia,serif;color:#f6ecd4;text-shadow:0 1px 8px #000,0 0 2px #000;opacity:0;transition:opacity 2.6s;pointer-events:none;white-space:nowrap}
#seat9 .mypage{background:#fffdf3 url(/img/bg_paper.jpg);color:#222;width:min(560px,100%);box-sizing:border-box;padding:18px 22px 20px;border:3px solid #cc0066;border-radius:14px;box-shadow:0 14px 70px rgba(0,0,0,.7);font-family:"Comic Sans MS","Chalkboard SE","Comic Neue",sans-serif;transform:rotate(-1deg)}
#seat9 .mypage h2{color:#cc0066;margin:0 0 8px;font-size:clamp(19px,3vw,24px)}
#seat9 .mypage p{font-size:clamp(14px,2.2vw,17px);line-height:1.55;min-height:7.5em;margin:0}
#seat9 .caret{display:inline-block;width:2px;margin-left:1px;background:#cc0066;animation:blink 1s steps(1) infinite}
#seat9 .cpyline,#seat9 .cpyend{font-size:clamp(14px,2.4vw,19px);color:#d9a441;margin-top:26px;opacity:0;transition:opacity 2.4s;text-align:center}
#seat9 .cpyline.on,#seat9 .cpyend.on{opacity:1}
#seat9 .cpyw{width:min(900px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center}
#seat9 .cpyt{font-size:clamp(14px,2.2vw,18px);color:#d9a441;margin-bottom:12px}
#seat9 .cpyg{--s:clamp(46px,8.4vw,66px);width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--s) + 30px),1fr));gap:6px 2px;overflow:hidden}
#seat9 .ci{display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0}
#seat9 .ci.on{animation:seatstamp .5s cubic-bezier(.2,1.6,.4,1) forwards}
@keyframes seatstamp{0%{opacity:0;transform:scale(1.7)}100%{opacity:1;transform:scale(1)}}
#seat9 .sst{position:relative;width:var(--s);height:var(--s);display:flex;align-items:center;justify-content:center;transform:rotate(var(--rot,-8deg));color:#e05a8a;font:bold 7.5px/1.05 "Arial Narrow","Roboto Condensed",Arial,sans-serif;text-transform:uppercase}
#seat9 .sst:before{content:"";position:absolute;inset:0;background:currentColor;opacity:.85;-webkit-mask:url(/img/stamps.png?v=1) var(--sx,0%) 0/500% 100% no-repeat;mask:url(/img/stamps.png?v=1) var(--sx,0%) 0/500% 100% no-repeat}
#seat9 .sst b{position:relative;display:block;width:calc(var(--s) * .54);text-align:center;overflow-wrap:normal}
#seat9 .sst[data-ink="1"]{color:#6f8cf0}#seat9 .sst[data-ink="2"]{color:#b07ae6}#seat9 .sst[data-ink="3"]{color:#4fbf83}#seat9 .sst[data-ink="4"]{color:#f0874f}
#seat9 .ci .lr{font:clamp(9px,1.4vw,11px)/1.25 "Courier New",monospace;color:#d8d0bf;margin-top:3px}
#seat9 .ci .lr i{display:block;color:#7d776b;font-style:normal}
#seat9 .minutes{background:#fbf8ee url(/img/nb_paper.jpg) center/cover;color:#1d2a5c;width:min(620px,100%);box-sizing:border-box;padding:24px 26px 26px 48px;box-shadow:0 14px 80px rgba(0,0,0,.75);transform:rotate(.7deg);font-family:"Segoe Print","Bradley Hand","Noteworthy","Ink Free","Comic Sans MS",cursive;font-size:clamp(14px,2.3vw,18px);line-height:1.7}
#seat9 .minutes .ln{clip-path:inset(0 100% 0 0);transition:clip-path var(--d,2s) linear;margin-bottom:2px}
#seat9 .minutes .ln.on{clip-path:inset(0 0 0 0)}
#seat9 .minutes .sig{text-align:right;margin-top:8px}
@media (prefers-reduced-motion:reduce){#seat9 .grain{animation:none}#seat9 .say p,#seat9 .layer{transition-duration:.8s}#seat9 .ci.on{animation:none;opacity:1}#seat9 .vid.still{animation:none}}

html.seatdone body{background:#fbf3dc url(/img/bg_clouds.jpg)}
.seatafter{max-width:720px}
.seatafter h1{text-align:center;margin:6px 0}
.seatafter .lead{font-size:16px}
.seatafter .lastphoto{margin:18px auto 6px;text-align:center}
.seatafter .ph{position:relative;display:inline-block;max-width:100%;border:10px solid #f7f2e4;border-bottom-width:34px;box-shadow:3px 4px 12px rgba(0,0,0,.35);transform:rotate(-1.2deg);line-height:0}
.seatafter .ph img{max-width:100%;height:auto}
.seatafter .ph .ds{position:absolute;right:6%;bottom:6%;font:bold clamp(11px,2.2vw,18px) "Courier New",monospace;color:#ff8c1a;text-shadow:0 0 5px rgba(255,120,0,.7);letter-spacing:2px;line-height:1}
.seatafter .ph .nm{position:absolute;transform:translate(-50%,-50%);font:italic clamp(10px,1.8vw,15px) Georgia,serif;color:#f6ecd4;text-shadow:0 1px 6px #000;line-height:1;white-space:nowrap}
.seatafter figcaption{font:italic 15px "Segoe Print","Bradley Hand","Comic Sans MS",cursive;color:#555;margin-top:-26px;position:relative}
.seatafter .cpyk{font-family:"Courier New",monospace;color:#8a5a00;margin:22px 0}
.seatafter #cert{max-width:100%;height:auto;border:3px double #d9a441;background:#fff}
.seatafter .links{margin-top:22px}
.seatafter .closeline{font:16px "Courier New",monospace;color:#555;margin-top:30px}


.stamp .tst{display:inline-block;width:38px;height:38px;vertical-align:middle;margin:-10px 10px -10px -8px;background:currentColor;-webkit-mask:url(/img/stamps.png?v=1) var(--sx,0%) 0/500% 100% no-repeat;mask:url(/img/stamps.png?v=1) var(--sx,0%) 0/500% 100% no-repeat;transform:rotate(-12deg);animation:tstin .55s cubic-bezier(.2,1.6,.4,1) .15s both}
@keyframes tstin{0%{transform:rotate(-12deg) scale(2.2);opacity:0}100%{transform:rotate(-12deg) scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.stamp .tst{animation:none}}


#seat9 .hb{position:relative;display:flex;flex-direction:column;align-items:center}
#seat9 .hspr,.hootbed .hspr{width:144px;height:144px;background-repeat:no-repeat}
#seat9 .hbal{position:relative;max-width:min(420px,86vw);margin-bottom:14px;background:#ffffe1;color:#000;border:1px solid #000;border-radius:10px;padding:9px 13px;font:clamp(13px,2.2vw,15px)/1.4 Tahoma,Verdana,sans-serif;box-shadow:2px 2px 0 rgba(0,0,0,.35);opacity:0;transform:translateY(6px);transition:opacity .6s,transform .6s;min-height:1.4em;text-align:left}
#seat9 .hbal.on{opacity:1;transform:none}
#seat9 .hbal:after{content:"";position:absolute;left:50%;bottom:-9px;margin-left:-8px;border:8px solid transparent;border-top-color:#ffffe1;border-bottom:0}
#seat9 .hzz{font:16px Georgia,serif;color:#8e887d;letter-spacing:3px;margin-top:-6px;opacity:0;transition:opacity 3s}
#seat9 .hzz.on{opacity:1;animation:hzz 3.2s ease-in-out infinite}
@keyframes hzz{50%{transform:translateY(-6px)}}
@media (max-width:480px){#seat9 .hspr{transform:scale(.8)}}
@media (min-width:760px){#seat9 .hspr{transform:scale(1.3);margin:22px 0 18px}}
html.seatdone #hoot,html.seatdone .hootbal,html.seatdone #helper{display:none!important}
.hootbed{text-align:center;margin:26px 0 6px}
.hootbed .hspr{display:inline-block;cursor:pointer}
.hootbed p{margin:0;color:#666;font-style:italic;min-height:1.3em}


#hoot.forever{cursor:pointer}#hoot.forever .zz{display:block;opacity:1}


#gift{position:fixed;inset:0;z-index:9500;background:#000;transition:opacity 1.2s}
#gift.out{opacity:0}
#gift .gst{position:absolute;left:50%;top:50%;width:1280px;height:720px;transform-origin:50% 50%;overflow:hidden;background:#7fb6ee url(/img/bg_clouds.jpg);font-family:"Comic Sans MS","Comic Neue",sans-serif}
#gift .gst:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 58%,rgba(0,0,30,.35));pointer-events:none;z-index:60}
#gift .gskip{position:absolute;right:12px;bottom:10px;z-index:5;background:none;border:0;color:#8e887d;font:13px Georgia,serif;letter-spacing:1px;cursor:pointer;padding:8px}
#gift .gsky{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#2a1450,#a0306a 55%,#f08a4a);opacity:0;transition:opacity 4s}
#gift .gsky.dusk{opacity:.78}
#gift .gnight{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 120%,#1a2050,#05060f 70%);opacity:0;transition:opacity 4s}
#gift .gnight.on{opacity:1}
#gift .gstar{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;opacity:0;animation:gtw 2.4s ease-in-out infinite}
@keyframes gtw{0%,100%{opacity:.15}50%{opacity:1}}
#gift .grec{position:absolute;left:28px;top:22px;font:bold 26px "Courier New",monospace;color:#fff;text-shadow:0 0 6px #000;z-index:65;letter-spacing:2px}
#gift .grec i{display:inline-block;width:18px;height:18px;border-radius:50%;background:#f22;margin-right:10px;vertical-align:-1px;animation:grec 1s steps(1) infinite}
@keyframes grec{50%{opacity:0}}
#gift .gtc{position:absolute;right:28px;bottom:22px;font:bold 24px "Courier New",monospace;color:#ffb347;text-shadow:0 0 6px rgba(255,140,0,.8);z-index:65}
#gift .ghw{position:absolute;left:568px;top:380px;width:144px;height:144px;transition:left 2.2s cubic-bezier(.3,.8,.3,1),top 1.4s cubic-bezier(.3,.8,.3,1),transform .5s cubic-bezier(.2,1.6,.4,1);transform-origin:50% 90%;z-index:20}
#gift .ghoot{position:absolute;left:0;top:0;width:144px;height:144px;background-repeat:no-repeat;transform:scale(2.1);transform-origin:50% 100%}
@keyframes g_idle{to{background-position:-3456px 0}}@keyframes g_talk{to{background-position:-1152px 0}}@keyframes g_wave{to{background-position:-1728px 0}}
@keyframes g_fly{to{background-position:-1152px 0}}@keyframes g_surprise{to{background-position:-720px 0}}@keyframes g_sleep{to{background-position:-3456px 0}}
#gift .gbounce{animation:gbounce .5s cubic-bezier(.3,1.6,.5,1) 3}@keyframes gbounce{0%,100%{transform:translateY(0) scale(1,1)}30%{transform:translateY(0) scale(1.25,.75)}60%{transform:translateY(-170px) scale(.85,1.2)}}
#gift .gshake{animation:gshake .09s linear 16}@keyframes gshake{0%{transform:translate(-9px,3px) rotate(-4deg)}50%{transform:translate(9px,-3px) rotate(4deg)}100%{transform:translate(-9px,3px) rotate(-4deg)}}
#gift .gflip{transform:rotate(180deg) translateY(120px)}
#gift .gtap{animation:gtap .18s ease-in-out 4}@keyframes gtap{50%{transform:translateY(-14px) scale(1.06)}}
#gift .gdroop{transform:scale(1.05,.88) rotate(-6deg)}
#gift .gbal{position:absolute;left:50%;top:70px;transform:translateX(-50%) scale(.6);opacity:0;max-width:860px;background:#ffffe1;border:3px solid #000;border-radius:22px;padding:18px 28px;font-size:38px;line-height:1.25;text-align:center;box-shadow:6px 6px 0 rgba(0,0,0,.3);transition:opacity .35s,transform .35s cubic-bezier(.2,1.6,.4,1);z-index:40;color:#000}
#gift .gbal.on{opacity:1;transform:translateX(-50%) scale(1)}
#gift .gbal:after{content:"";position:absolute;left:50%;bottom:-22px;margin-left:-16px;border:16px solid transparent;border-top:22px solid #000;border-bottom:0}
#gift .gbig{position:absolute;left:0;right:0;top:250px;text-align:center;font:900 118px Impact,"Arial Black",sans-serif;color:#fff;-webkit-text-stroke:7px #000;paint-order:stroke fill;transform:scale(.2) rotate(-7deg);opacity:0;transition:transform .45s cubic-bezier(.2,1.8,.4,1),opacity .3s;z-index:45}
#gift .gbig.on{transform:scale(1) rotate(-7deg);opacity:1}
#gift .gsoft{position:absolute;left:0;right:0;top:120px;text-align:center;font:italic 64px Georgia,serif;color:#f4ecd8;text-shadow:0 2px 18px rgba(0,0,0,.8);opacity:0;transition:opacity 2s;z-index:45}
#gift .gsoft.on{opacity:1}
#gift .gcard{position:absolute;left:50%;top:70px;width:860px;margin-left:-430px;background:#fffef6;border:5px solid #cc0066;border-radius:24px;padding:22px 30px;text-align:center;box-shadow:8px 8px 0 rgba(0,0,0,.25);opacity:0;transform:translateY(-30px);transition:opacity .5s,transform .5s;z-index:40}
#gift .gcard.on{opacity:1;transform:none}
#gift .gcard h2{margin:0 0 6px;color:#cc0066;font-size:50px}#gift .gcard p{margin:4px 0;font-size:40px;color:#222}
#gift .gconf{position:absolute;top:-30px;width:14px;height:22px;z-index:50;animation:gfall 2.6s linear forwards}@keyframes gfall{to{transform:translateY(800px) rotate(900deg)}}
#gift .grain{position:absolute;left:560px;top:230px;width:160px;height:200px;z-index:25;opacity:0;transition:opacity 1s}
#gift .grain.on{opacity:1}
#gift .gcl{position:absolute;left:-10px;top:-6px;width:180px;height:auto;filter:drop-shadow(0 6px 8px rgba(0,0,40,.25));animation:gfloat 3.2s ease-in-out infinite}@keyframes gfloat{50%{transform:translateY(-6px)}}
#gift .gdr{position:absolute;top:96px;width:13px;height:auto;opacity:0;animation:gdrop .85s ease-in infinite}
#gift .gsst{position:absolute;height:auto;opacity:.25;animation:gtw2 3s ease-in-out infinite}@keyframes gtw2{0%,100%{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}
@keyframes gdrop{0%{transform:translateY(0);opacity:0}20%{opacity:1}100%{transform:translateY(150px);opacity:0}}
#gift .gzz{position:absolute;left:700px;top:330px;font:bold 46px Georgia,serif;color:#cfd6ff;letter-spacing:6px;opacity:0;transition:opacity 2s;z-index:30}
#gift .gzz.on{opacity:1;animation:gzz 3s ease-in-out infinite}@keyframes gzz{50%{transform:translateY(-14px)}}
#gift .gtitle,#gift .gend{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#05060f;color:#ebe5d8;z-index:62;opacity:0;transition:opacity 1.6s;font-family:Georgia,serif;text-align:center}
#gift .gtitle.on,#gift .gend.on{opacity:1}
#gift .gtitle h1,#gift .gend h1{font-family:Georgia,"Times New Roman",serif;color:#ebe5d8;text-shadow:none;background:none;border:0;-webkit-text-stroke:0}
#gift .gtitle h1{font-weight:normal;font-size:70px;margin:0}#gift .gtitle p{font-style:italic;font-size:30px;color:#9a948a;margin:14px 0}
#gift .gend h1{font-weight:normal;font-size:58px;margin:0 0 10px;letter-spacing:3px}#gift .gend p{font-size:30px;margin:8px 0;color:#cfc8b8}#gift .gend .s{font-size:24px;color:#8e887d;font-style:italic}
@media (prefers-reduced-motion:reduce){#gift .gbounce,#gift .gshake,#gift .gtap{animation:none}}
#gift .gtitle .grot{font-style:normal;font-size:34px;color:#ffb347;margin-top:30px}