:root{--paper:#f4efe3;--ink:#302d2a;--red:#872e32;--muted:#82776b}*{box-sizing:border-box}body{margin:0;background:#e6ded0;color:var(--ink);font-family:Georgia,serif}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #b48242;outline-offset:4px}header{max-width:1200px;margin:auto;padding:27px 44px;display:flex;align-items:center;gap:17px}.logo{font-size:35px;color:var(--red)}h1{font-size:25px;line-height:1.05;margin:0;font-weight:normal}.sub{font:9px/1.6 monospace;text-transform:uppercase;letter-spacing:2px;margin-top:8px}.status{margin-left:auto;font:11px monospace;color:#635d50}.status:before{content:'●';color:#768160;margin-right:8px}main{max-width:1180px;margin:0 auto 40px;background:var(--paper);box-shadow:0 12px 50px #40301b18}.hero{display:grid;grid-template-columns:52% 48%;min-height:590px}.scene{position:relative;overflow:hidden;background:#463626}.scene img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 45%}.nameplate{position:absolute;bottom:25px;left:25px;background:#f2e8d6ed;padding:13px 20px;transform:rotate(-2deg);box-shadow:1px 3px 9px #0003;border:1px solid #d6c4a5}.nameplate strong{display:block;font-size:20px}.nameplate span{font:10px monospace}.welcome{padding:48px 43px 32px;background:radial-gradient(ellipse at top right,#fff8,transparent 70%)}.eyebrow{font:10px monospace;letter-spacing:2px;color:var(--red);text-transform:uppercase}.welcome h2{font-size:38px;font-weight:normal;line-height:1.15;margin:20px 0 14px}.intro{color:#786e62;font-size:16px;line-height:1.6;margin:0 0 27px}.route{display:block;width:100%;text-align:left;border:1px solid #cbbda7;background:#f8f3e9;padding:17px 19px;margin:11px 0;position:relative;transition:transform .15s,background .15s}.route:hover{transform:translateX(4px);background:#fffaf0}.route strong{display:block;font-size:18px;font-weight:normal;padding-right:18px}.route small{display:block;font:11px/1.6 monospace;color:#82776b;margin-top:6px}.route:after{content:'↗';position:absolute;right:19px;top:19px}.route.primary{background:var(--red);border-color:var(--red);color:#fff5e5}.route.primary small{color:#e9c9bb}.route.primary:hover{background:#702329}.counter{font:10px monospace;color:#938879;margin-top:23px}.board{padding:33px 45px 39px;display:grid;grid-template-columns:1fr 1.15fr;gap:50px;border-top:1px solid #d6cabb;align-items:center}.board h2{font-size:23px;font-weight:normal;margin:10px 0}.board p{color:#817568;font-size:14px;line-height:1.6}.notice{position:relative;padding:29px 35px 24px;background:#fffbef;box-shadow:2px 5px 12px #5a402321;transform:rotate(-1deg);border:1px solid #e2d6bd}.notice:before{content:'';width:43px;height:19px;background:#c5b18e70;position:absolute;left:45%;top:-9px;transform:rotate(5deg)}.notice-title{font:10px monospace;letter-spacing:2px;color:var(--red)}.notice blockquote{font-size:21px;line-height:1.45;margin:15px 0}.date{font:10px monospace;color:#928677}footer{padding:0 25px 30px;text-align:center;color:#837769;font:10px/1.8 monospace}.paw{color:var(--red)}dialog{border:0;padding:0;background:var(--paper);color:var(--ink);width:min(720px,94vw);max-height:92dvh;box-shadow:0 20px 100px #0005}dialog::backdrop{background:#241d18ad;backdrop-filter:blur(4px)}.modal{padding:35px 44px}.close{float:right;border:0;background:none;font-size:25px;color:#76675c}.modal h2{font-size:28px;font-weight:normal;margin:18px 0}.modal p{line-height:1.7}.modal textarea,.modal input{width:100%;border:1px solid #c9bba6;background:#fffaf0;padding:15px;color:var(--ink);margin:10px 0}.modal textarea{min-height:120px;resize:vertical}.action{border:1px solid var(--red);color:var(--red);padding:12px 17px;background:transparent;margin:7px 7px 7px 0}.action.solid{background:var(--red);color:white}.doc-head{text-align:center;border-bottom:1px dashed #b49a8a;padding:14px 0 22px;color:var(--red);font:bold 17px monospace}.doc-meta{text-align:center;color:#918579;font:10px monospace;margin:16px 0 25px}.document{font:14px/1.8 monospace}.document h3{font-size:17px}.document ol{padding-left:24px}.signature{text-align:right;color:#8b8177;font:10px monospace;margin-top:14px}.signature .paw{display:block;font-size:30px}.stamp{width:fit-content;margin:30px 0 0 auto;color:var(--red);border:3px solid var(--red);padding:10px 17px;transform:rotate(-9deg);font:bold 20px monospace;animation:stamp .35s ease-out}.hint{font:11px/1.7 monospace!important;color:#8b7b6b}.arena{text-align:center;min-height:190px;display:grid;place-content:center;border:1px dashed #c7b59e;margin:20px 0;background:#eee4d2}.target{font-size:55px;display:inline-block}.target.hit{animation:hit .3s}.target.gone{transform:scale(0) rotate(360deg);opacity:0;transition:all .8s}.arena p{margin:10px}.feedback{min-height:28px;color:var(--red);font:12px monospace}@keyframes stamp{from{transform:scale(1.8) rotate(-14deg);opacity:0}to{transform:scale(1) rotate(-9deg);opacity:1}}@keyframes hit{25%{transform:rotate(-20deg) translateX(-20px)}75%{transform:rotate(15deg) translateX(20px)}}@media(max-width:700px){header{padding:21px 20px}h1{font-size:21px}.status{display:none}.sub{font-size:8px;letter-spacing:1px}.hero{display:flex;flex-direction:column}.scene{height:340px}.scene img{object-position:50% 40%}.nameplate{bottom:18px;left:18px;padding:10px 15px}.welcome{padding:29px 23px 23px}.welcome h2{font-size:32px;margin-top:14px}.intro{font-size:15px;margin-bottom:20px}.board{grid-template-columns:1fr;padding:25px 25px 33px;gap:15px}.board p{margin-bottom:10px}.notice{padding:25px}.notice blockquote{font-size:19px}main{margin:0 12px 25px}.modal{padding:23px}.document{font-size:12px}.stamp{font-size:17px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{body>*{display:none}dialog[open]{display:block;position:static;width:100%;max-height:none;box-shadow:none}dialog button,.hint{display:none!important}}

/* A pocket-sized, warmly lit paper-and-wood reception. */
body{background-color:#3b2a20;background-image:repeating-linear-gradient(91deg,transparent 0 9px,#160d0711 10px 12px,transparent 13px 38px),repeating-linear-gradient(2deg,#98714e0d 0 1px,transparent 2px 7px),radial-gradient(ellipse at 15% 0,#b98a5955,transparent 60%);padding:22px 12px 35px;min-height:100dvh}.reception{width:min(100%,480px);margin:auto;background:#f0e7d5;box-shadow:0 0 0 1px #281a13,0 10px 45px #10090088;position:relative}.reception:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;box-shadow:inset 0 0 24px #8e65351a}header{padding:24px 22px 20px;gap:12px;background:linear-gradient(100deg,#f8f1e0,#e9dec9);border-bottom:1px solid #c7b99c;position:relative}header:after{content:'';position:absolute;bottom:5px;left:22px;right:22px;border-top:1px solid #aa967b4d}.logo{width:43px;height:48px;border:1px solid #8a3b3455;border-radius:50%;display:grid;place-items:center;flex-shrink:0;transform:rotate(-12deg)}.logo svg{width:28px;fill:#853c34}h1{font-size:24px;line-height:1.04;color:#4a3029;letter-spacing:-.45px}.sub{font:8px/1.5 monospace;letter-spacing:1px;color:#8a745c;margin-top:8px}.header-number{font:8px/1.8 monospace;text-align:right;color:#9d8c73;margin-left:auto;align-self:center}main{max-width:none;margin:0;box-shadow:none;background:transparent}.hero{display:block;min-height:0}.scene{height:auto;aspect-ratio:3/4;margin:0;overflow:hidden;border-bottom:5px solid #5a3826;box-shadow:0 4px 9px #50351b33}.scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.scene:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 25px #2b170a33}.nameplate{bottom:17px;left:17px;padding:10px 15px 11px;transform:rotate(-2deg);background:linear-gradient(105deg,#f5ead3,#e0cfaa);border:1px solid #c5aa7b;box-shadow:1px 3px 7px #1d10085c;z-index:1}.nameplate-role{font:7px monospace!important;letter-spacing:1.1px;color:#8c755b}.nameplate strong{font-size:22px;line-height:1.3;color:#4b3528;margin:2px 0}.nameplate span{font-size:8px}.office-status{position:absolute;bottom:23px;right:16px;font:8px monospace;color:#f5e7c8;z-index:1;text-shadow:0 1px 4px #000;background:#38271ebf;padding:6px 8px}.office-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#bdc594;margin-right:4px}.welcome{padding:26px 22px 23px;background:radial-gradient(ellipse at top,#fff8,transparent 80%),repeating-linear-gradient(0deg,#7f5d2512 0 1px,transparent 1px 4px);position:relative}.welcome-top{display:flex;justify-content:center;align-items:center;gap:12px;font:9px monospace;color:#98856d;letter-spacing:1px}.small-rule{width:28px;height:1px;background:#b9a68c66}.welcome h2{font-size:30px;text-align:center;margin:15px 0 9px;color:#513c2e}.intro{text-align:center;font-size:14px;line-height:1.6;margin:0 0 24px;color:#8a7660}.routes{padding-top:3px}.route{display:flex;gap:12px;align-items:center;position:relative;padding:17px 15px;margin:0 0 13px;width:100%;background:linear-gradient(105deg,#e9d5ae,#e2c99c);border:1px solid #b99e70;border-radius:2px 4px 4px 4px;box-shadow:1px 3px 0 #aa875025,0 4px 7px #68481d13;color:#57402d;min-height:78px;transition:transform .18s,box-shadow .18s}.route:before{content:'';position:absolute;top:-6px;left:13px;width:65px;height:6px;border:1px solid #b99e70;border-bottom:0;background:#e6d0a7;border-radius:5px 5px 0 0}.route:after{display:none}.route:hover{background:linear-gradient(105deg,#f0debc,#e9d3ac);transform:translateY(-2px);box-shadow:1px 6px 10px #68481d25}.route strong{font-size:19px;line-height:1.2;padding:0}.route small{font:10px/1.5 monospace;margin-top:6px;color:#937853}.route-number{font:11px monospace;color:#ae9165;align-self:flex-start;margin-top:4px}.route-copy{flex:1}.route-arrow{font-size:18px;color:#a18357}.route.primary{background:linear-gradient(110deg,#914537,#7f352d);border-color:#6f2e27;color:#fff0d6}.route.primary:before{background:#894033;border-color:#6f2e27}.route.primary small{color:#ddbaa0}.route.primary .route-number,.route.primary .route-arrow{color:#ce9d7d}.route.primary:hover{background:linear-gradient(110deg,#a14d3e,#873a30)}.revenge-route{background:linear-gradient(105deg,#ded1b6,#d4c3a1)}.counter{text-align:center;font:9px/1.7 monospace;color:#a18c71;margin-top:17px}.board{display:block;margin:0 15px 10px;padding:20px 16px 16px;border:8px solid #785336;border-image:none;background-color:#ab8556;background-image:radial-gradient(#63471c33 .6px,transparent .8px),radial-gradient(#e7c28e44 .8px,transparent 1px);background-position:0 0,2px 3px;background-size:4px 5px,7px 6px;box-shadow:inset 0 2px 10px #2f1b084d,0 2px 0 #563b29,0 5px 9px #3927112a;position:relative}.board-label{display:table;background:#dfcaa5;color:#755339;box-shadow:0 2px 3px #40280c33;padding:6px 14px;font:italic 15px Georgia,serif;transform:rotate(-3deg);margin:-6px auto 23px}.notice-area{position:relative;perspective:1100px;margin:0 0 14px}.paper-underlay{position:absolute;inset:3px -2px -3px;background:#daccae;transform:rotate(2deg);box-shadow:1px 3px 6px #3c26072b}.paperclip{position:absolute;z-index:4;top:-17px;left:calc(50% - 8px);width:17px;height:46px;border:2px solid #8e8b7b;border-radius:10px;transform:rotate(7deg);box-shadow:1px 1px 1px #f6edce,inset 1px 0 1px #f0e7cc;pointer-events:none}.paperclip:after{content:'';position:absolute;top:5px;left:3px;bottom:7px;width:7px;border:1.5px solid #b1ae9d;border-radius:6px}.notice{display:block;width:100%;height:296px;border:0;padding:0;text-align:center;position:relative;background:transparent;box-shadow:none;transform-origin:50% 0;transform:rotate(-1.5deg);animation:paper-sway 4.5s ease-in-out infinite;perspective:1100px;color:#65503c;appearance:none}.notice:before{display:none}.notice-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.25,.65,.2,1)}.notice-face{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,#fffdf1,#eee2c8);border:1px solid #d7c4a1;padding:28px 19px 19px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;flex-direction:column;box-shadow:2px 6px 10px #42290a33}.notice-front{transform:rotateY(0deg)}.notice-back{transform:rotateY(180deg);padding:27px 20px 15px}.notice.opened .notice-inner{transform:rotateY(180deg)}.notice.read{animation:none;transform:rotate(-1.5deg)}.notice.opened{animation:none}.notice-register{font:7px monospace;letter-spacing:1.1px;color:#ac977b;margin:4px 0 16px}.notice-title{font:27px/1.12 Georgia,serif;letter-spacing:0;text-transform:none;color:#7a3a30}.notice-seal{margin:17px 0 12px;border:1px solid #aa685a70;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;transform:rotate(-13deg)}.notice-seal svg{width:23px;fill:#a25f506e}.notice-invitation{font:italic 15px Georgia,serif;color:#8c765c}.notice-touch{font:9px/1.5 monospace;color:#aa9274;margin-top:auto;padding-top:12px}.notice-back-heading{font:9px monospace;color:#a57d5c;border-bottom:1px solid #c9b28c80;padding-bottom:10px;align-self:stretch}.daily-text{font:19px/1.4 Georgia,serif;display:block;margin:auto 0;color:#59432f;overflow-wrap:anywhere;padding:12px 0 8px}.notice .date{font:8px/1.5 monospace;color:#ab9477;display:block}.notice-read{font:9px monospace;display:flex;align-items:center;gap:6px;color:#926853;margin-top:8px}.notice-read svg{width:17px;fill:#94634b}.notice-back .notice-touch{font-size:8px;padding-top:7px;margin-top:0}.board-footnote{font:9px/1.6 monospace!important;color:#f0dabb!important;text-align:center;margin:14px 0 0!important;text-shadow:0 1px #74522a66}.board-footnote:before{content:'— ';}.board-footnote:after{content:' —'}footer{background:transparent;padding:19px 15px 25px;color:#9b856b;font:9px/1.8 monospace}footer>span:not(.footer-paw){color:#b4a087}.footer-paw{display:block;margin-bottom:8px}.footer-paw svg{width:23px;fill:#936d50}.modal{background:radial-gradient(ellipse at top left,#fffaf0,#efe3ca)}dialog{border:1px solid #c9b597;width:min(540px,94vw)}.stamp{font-size:clamp(13px,4vw,20px)}.document{overflow-wrap:anywhere}.document .signature .paw{font-size:28px}.modal h2{color:#65452f}.action{min-height:44px}.close{min-width:44px;min-height:44px;margin:-8px -10px 0 0}.arena{background:#e2d0ac}.route:focus-visible,.notice:focus-visible{outline:3px solid #6d7b66;outline-offset:5px}.notice:focus-visible{border-radius:0}@keyframes paper-sway{0%,100%{transform:rotate(-1.6deg) rotateX(0deg)}40%{transform:rotate(-.4deg) rotateX(3deg)}70%{transform:rotate(-2deg) rotateX(-1.4deg)}}@media(max-width:520px){body{padding:0;background:#f0e7d5}.reception{box-shadow:none;width:100%;max-width:480px}header{padding:21px 19px 19px;gap:11px}h1{font-size:24px}.logo{width:39px;height:44px}.sub{font-size:7px;letter-spacing:.8px}.header-number{font-size:7px}.scene{height:auto;aspect-ratio:3/4}.nameplate{left:16px;bottom:16px;padding:8px 12px}.nameplate strong{font-size:20px}.office-status{right:12px;bottom:22px;font-size:7px}.welcome{padding:25px 23px 22px}.welcome h2{font-size:29px}.intro{font-size:14px}.board{padding:20px 16px 17px;margin:0 17px 10px;gap:0}.notice{height:294px}.modal{padding:24px}.daily-text{font-size:19px}.notice blockquote{font-size:19px}}@media(min-width:521px){.scene{aspect-ratio:4/4.7}.scene img{object-position:center 48%}}@media(max-width:350px){h1{font-size:21px}.header-number{display:none}.route{padding:16px 12px;gap:9px}.route strong{font-size:18px}.route small{font-size:9px}.board{margin:0 12px 10px;padding:20px 12px 16px}.daily-text{font-size:17px}.notice-title{font-size:25px}.office-status{display:none}}@media(prefers-reduced-motion:reduce){.notice{animation:none}.notice-inner{transition:none}}@media print{body{padding:0}.reception{display:none}dialog[open]{display:block;background:white}.modal{background:white}}

/* Preserve the whole approved scene, including the first line on the wall. */
.scene{aspect-ratio:1086/1448;height:auto}.scene img{position:relative;width:100%;height:auto;object-fit:contain;object-position:center;inset:auto}.nameplate{font-family:Georgia,serif;text-align:left;color:#4b3528;cursor:pointer;transition:transform .15s;max-width:68%}.nameplate:hover{transform:rotate(-1deg) translateY(-2px)}.nameplate .personal-link{display:block;color:#8b4c37;font:9px/1.4 monospace;margin-top:7px;border-top:1px solid #b99c6d66;padding-top:5px}.nameplate span{display:block}.office-status{bottom:24px;font-size:7px}.welcome h2{font-size:27px;line-height:1.2}.welcome .intro{font-size:14px;margin-bottom:18px}.route-question{font:italic 18px Georgia,serif;text-align:center;color:#82694f;margin:0 0 22px}.routes{padding:4px 3px 0}.route,.route.primary,.route.revenge-route{color:#61442f;background:radial-gradient(ellipse at 30% 15%,#fffdf2,#eee1c7);border:0;border-radius:0;padding:21px 16px;min-height:90px;margin-bottom:17px;box-shadow:none;isolation:isolate;clip-path:polygon(.5% 3%,5% 2%,9% 3%,13% 1%,18% 2.3%,23% 1%,28% 2.7%,33% 1.3%,38% 2%,43% .5%,48% 1.8%,53% 1%,58% 2.4%,63% 1%,68% 2%,74% .7%,80% 1.6%,86% .5%,92% 2%,99% 1%,99.5% 16%,99% 29%,99.7% 43%,99% 59%,99.6% 72%,99% 87%,99.5% 97%,94% 98%,89% 97%,84% 99%,78% 97.5%,72% 99%,66% 98%,60% 99%,54% 97.7%,48% 99%,42% 98%,36% 99%,30% 97.5%,24% 99%,18% 98%,12% 99%,6% 97.5%,.5% 99%,1% 85%,.3% 72%,1% 58%,.3% 43%,1% 28%,.2% 14%);transform:rotate(-.55deg);filter:drop-shadow(0 2px 2px #6b492529)}.route:nth-child(2){transform:rotate(.7deg);background:radial-gradient(ellipse at 60% 25%,#fff9e9,#eaddc1)}.route:nth-child(3){transform:rotate(-.4deg)}.route:before{display:none}.route:hover,.route.primary:hover{background:radial-gradient(ellipse at 30% 15%,#fffef7,#f4e7cd);transform:rotate(0deg) translateY(-2px);box-shadow:none}.route strong{font-size:20px}.route.primary strong{color:#873d32}.route small,.route.primary small{color:#9b8265;font-size:10px}.route-number,.route.primary .route-number{color:#b29976;font-size:10px;border-bottom:1px solid #c7ad85;padding-bottom:3px}.route-arrow,.route.primary .route-arrow{color:#9c7753}.route:focus-visible{outline:0;box-shadow:inset 0 0 0 3px #92764b}.feedback-desk{display:flex;align-items:center;gap:21px;padding:27px 30px 12px}.feedback-book{position:relative;flex-shrink:0;width:158px;min-height:155px;background:linear-gradient(100deg,#4c2724 0 9px,#75433a 10px,#68362e 16px,#754238 100%);border:1px solid #502721;box-shadow:2px 3px 0 #c7b89b,3px 5px 0 #512e26,5px 8px 10px #593b2333;transform:rotate(-4deg);color:#e3c59a;padding:22px 14px 13px 23px;font-family:Georgia,serif;text-align:center;transition:transform .2s}.feedback-book:hover{transform:rotate(-1deg) translateY(-2px)}.book-title{font-size:17px;line-height:1.3;display:block}.book-decoration{display:block;font-size:21px;margin-top:9px;opacity:.55}.book-open{display:block;font:8px monospace;margin-top:8px;color:#cfaa80}.feedback-desk p{font:11px/1.8 Georgia,serif;color:#9b8164}.feedback-book:focus-visible,.nameplate:focus-visible{outline:3px solid #b99257;outline-offset:4px}.personnel-dept{font:11px/1.6 monospace;color:#977a60;text-align:center;margin-bottom:18px}.feedback-draft-status{font:11px/1.6 monospace;color:#866349;min-height:20px}.feedback-form label{font:13px Georgia,serif;display:block;margin-top:16px}.feedback-form .hint{margin:7px 0}@media(max-width:350px){.welcome h2{font-size:25px}.route strong{font-size:18px}.feedback-desk{padding:22px 22px 10px;gap:15px}.feedback-book{width:143px}.office-status{display:none}}@media(prefers-reduced-motion:reduce){.route:hover,.feedback-book:hover,.nameplate:hover{transform:none}}

/* Small service controls, substantial paper objects, and a real push-button shape. */
header{flex-wrap:nowrap;align-items:center;padding-right:16px}.header-tools{margin-left:auto;display:flex;align-items:flex-end;flex-direction:column;gap:6px;flex-shrink:0}.charter-link{border:0;background:transparent;font:9px/1.35 Georgia,serif;color:#866b50;text-align:right;padding:4px;min-height:35px;text-decoration:underline;text-decoration-color:#b69c7966;text-underline-offset:4px}.charter-link:hover{color:#733e30}.sound-toggle{display:flex;gap:4px;align-items:center;border:1px solid #baa58177;background:#ebdfc766;color:#9b8565;padding:5px 6px;font:7px monospace;border-radius:2px;min-height:28px}.sound-toggle[aria-pressed="true"]{color:#6d6546;border-color:#a49c76;background:#ddd9be66}#sound-icon{font-size:13px}header h1{font-size:23px}.sub{font-size:7px;letter-spacing:.6px}.routes{filter:drop-shadow(1px 4px 3px #72512228)}.route,.route.primary{background-image:repeating-linear-gradient(5deg,transparent 0 3px,#a3854d06 4px,transparent 5px),radial-gradient(ellipse at 30% 15%,#fffdf2,#eee1c7);padding:22px 17px;position:relative}.route:nth-child(2){background-image:repeating-linear-gradient(2deg,transparent 0 3px,#a3854d06 4px,transparent 5px),radial-gradient(ellipse at 60% 25%,#fff9e9,#eaddc1)}.route:active{transform:translateY(2px) rotate(0deg);filter:none}.route strong{text-shadow:0 1px #fff8}.route:after{display:block;position:absolute;content:'';right:12px;bottom:10px;width:22px;height:1px;background:#ad946b33;transform:rotate(-2deg);top:auto}.counter{margin:6px 0 23px}.sos-station{display:flex;align-items:center;gap:23px;padding:16px 15px 13px;border-top:1px solid #c3ae8e55;margin:0 -4px 0;background:radial-gradient(ellipse at 25% 30%,#dac6a62c,transparent 65%)}.sos-housing{width:91px;height:91px;border-radius:50%;background:conic-gradient(from 20deg,#a69276,#e3d5bd,#95816b,#d8c5a4,#a69276);padding:8px;box-shadow:0 3px 0 #9d876c,0 6px 8px #6b4a322a,inset 0 0 0 1px #8e795f;flex-shrink:0}.sos-button{display:grid;place-items:center;position:relative;width:75px;height:75px;border-radius:50%;border:1px solid #7b2424;background:radial-gradient(ellipse at 36% 20%,#d76d58,#a83e35 52%,#7e2928 100%);box-shadow:inset 0 2px 3px #f9b19099,inset 0 -5px 7px #52191c77,0 5px 0 #5e2524,0 6px 4px #48231e66;color:#f7ddc3;font:bold 24px/1 Georgia,serif;letter-spacing:1px;text-shadow:0 1px 2px #581b18;transition:transform .12s,box-shadow .12s}.sos-button:before{content:'';position:absolute;left:19px;right:19px;top:7px;height:7px;background:#fff5;border-radius:50%;filter:blur(2px)}.sos-button:active{transform:translateY(4px);box-shadow:inset 0 2px 3px #f9b19077,inset 0 -3px 6px #52191c77,0 1px 0 #5e2524}.sos-copy p{font:italic 17px/1.4 Georgia,serif;margin:0 0 9px;color:#78523d}.sos-copy>span{font:8px monospace;color:#a18a6d}.notice-pin{position:absolute;z-index:5;width:17px;height:17px;top:-7px;left:calc(50% - 8px);border-radius:50%;background:radial-gradient(circle at 32% 27%,#ede1c6 0 8%,#b69a6e 25%,#806145 66%,#543d2b 100%);border:1px solid #7c6548;box-shadow:2px 3px 3px #44260b66,inset 0 1px 1px #fff8;pointer-events:none}.notice-pin:after{content:'';position:absolute;width:2px;height:7px;top:13px;left:7px;background:#725a3e;transform:rotate(12deg);z-index:-1}.notice-area{perspective:1100px}.greeting-desk{padding:27px 33px 22px}.envelope{position:relative;display:block;width:100%;min-height:172px;padding:27px 24px 20px;text-align:left;background:linear-gradient(155deg,#f4e6c9,#e2ceaa);border:1px solid #c8ae83;box-shadow:2px 4px 0 #bba07a33,0 7px 13px #5d3d1b1c;transform:rotate(1.3deg);color:#805d3f;overflow:hidden;transition:transform .2s}.envelope:after{content:'';position:absolute;left:-2px;right:-2px;bottom:0;height:63px;pointer-events:none;background:linear-gradient(28deg,transparent 49.3%,#b89d7555 49.7%,#b89d7555 50.2%,transparent 50.6%) left bottom/50% 100% no-repeat,linear-gradient(-28deg,transparent 49.3%,#b89d7555 49.7%,#b89d7555 50.2%,transparent 50.6%) right bottom/50% 100% no-repeat;opacity:.6}.envelope-flap{position:absolute;inset:0 0 auto;height:57px;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(180deg,#cfb68d55,#f7ecd366);border-top:1px solid #fff7}.envelope-stamp{position:absolute;top:16px;right:19px;padding:7px 8px;border:1px dashed #99604c88;color:#ad7760;font:8px/1.5 monospace;text-align:center;transform:rotate(-6deg);background:#ede0c5aa}.envelope-to{display:block;font:7px monospace;letter-spacing:.7px;margin:22px 40px 12px 0;color:#9f8969}.envelope strong{display:block;font:25px/1.1 Georgia,serif;color:#78503b;margin-bottom:9px}.envelope-description{display:block;font:11px/1.6 Georgia,serif;color:#a08360}.envelope-open{display:block;font:8px monospace;margin-top:17px;color:#a17d56}.envelope:hover{transform:rotate(.3deg) translateY(-2px)}.envelope:active{transform:rotate(0deg) translateY(2px)}.feedback-link{display:block;margin:0 auto 19px;border:0;background:none;color:#8f795e;font:10px/1.6 Georgia,serif;text-decoration:underline;text-decoration-color:#b7a18477;text-underline-offset:4px;min-height:32px;padding:8px}.feedback-link:hover{color:#754a35}.charter-text{font:15px/1.7 Georgia,serif}.charter-text ol{padding-left:23px}.charter-text li{padding:6px 0 8px 5px}.charter-text strong{font-weight:normal;color:#854c36}.greeting-options{display:grid;gap:12px;margin:22px 0}.greeting-choice{border:1px solid #c8b08c;background:#f7ecd7;color:#725039;text-align:left;padding:17px;box-shadow:0 2px 2px #69461a10;min-height:80px}.greeting-choice strong{display:block;font:21px Georgia,serif;margin-bottom:7px}.greeting-choice span{font:12px/1.6 Georgia,serif;color:#9c8060}.telegram{border:1px solid #c4ac84;background:#f5e9ca;padding:22px 18px;font:14px/1.8 monospace;box-shadow:0 3px 5px #5b3c1b19}.telegram .telegram-meta{font:9px/1.7 monospace;color:#9a7d54;border-bottom:1px dashed #bba27c;padding-bottom:13px;margin-bottom:16px}.telegram h3{font:17px monospace;letter-spacing:2px;color:#855944;text-align:center;margin:0 0 14px}.telegram p{font:14px/1.9 monospace}.charter-link:focus-visible,.sound-toggle:focus-visible,.feedback-link:focus-visible,.envelope:focus-visible,.sos-button:focus-visible,.greeting-choice:focus-visible{outline:3px solid #a18558;outline-offset:4px}@media(max-width:350px){header{padding-left:13px;padding-right:12px;gap:8px}header h1{font-size:20px}.logo{width:31px;height:36px}.logo svg{width:23px}.sub{font-size:6px;letter-spacing:.3px}.charter-link{font-size:8px}.sound-toggle{font-size:6px;padding:4px}.sos-station{gap:15px;padding-left:9px;padding-right:9px}.sos-copy p{font-size:16px}.greeting-desk{padding-left:25px;padding-right:25px}}@media(prefers-reduced-motion:reduce){.sos-button,.envelope{transition:none}}

.order-dialog{width:min(620px,100vw);max-height:96dvh;border:0}.order-dialog .modal{padding:30px 32px 25px;background:radial-gradient(ellipse at top left,#fffaf0,#f0e5cf)}.order-topline{display:flex;justify-content:space-between;gap:12px;font:7px/1.5 monospace;color:#aa9374;margin:0 38px 25px 0;letter-spacing:.8px}.order-dialog .doc-head{font:bold 19px/1.4 monospace;letter-spacing:1px;border-bottom:1px dashed #bb9e78;padding:10px 0 20px}.order-dialog .doc-meta{font:10px/1.6 monospace;margin:15px 0 30px}.order-dialog .document{font:15px/1.8 Georgia,serif}.order-dialog .document h3{font:23px/1.35 Georgia,serif;margin:0 0 25px;color:#5f4130}.order-dialog .document p{line-height:1.8;margin:20px 0}.order-dialog .document li{margin:10px 0;padding-left:4px}.order-dialog .document ol{padding-left:23px}.order-conclusion{padding-top:10px}.seal-space{min-height:110px;display:flex;align-items:center;justify-content:center;padding:23px 9px 17px;margin-top:20px}.seal-placeholder{color:#baa88b;font:italic 13px Georgia,serif;border:1px dashed #c7b69b6b;padding:18px 24px;transform:rotate(-3deg)}.order-seal{color:#8c302e;border:3px solid currentColor;padding:13px 15px;text-align:center;font:bold clamp(14px,4.5vw,23px)/1.3 monospace;transform:rotate(-4deg);max-width:100%;overflow-wrap:anywhere;box-shadow:inset 0 0 0 1px #8c302e22;text-shadow:1px 0 #8c302e22}.seal-impact{animation:seal-impact .38s cubic-bezier(.2,.8,.3,1)}@keyframes seal-impact{0%{transform:scale(1.65) rotate(-10deg);opacity:0;filter:blur(2px)}60%{transform:scale(.97) rotate(-4deg);opacity:1;filter:blur(0)}100%{transform:scale(1) rotate(-4deg);opacity:1}}.order-dialog .signature{margin:15px 0 25px}.order-source{text-align:center;font:8px/1.7 monospace;color:#a89478;margin:25px 0 12px;padding-top:15px;border-top:1px solid #ccb99b55;overflow-wrap:anywhere}.order-controls{border-top:1px dashed #bfa98b;padding-top:20px;margin-top:20px}.order-stage-title{font:italic 15px/1.5 Georgia,serif;color:#94785b;margin:0 0 12px!important}.order-controls .action{font:12px/1.4 Georgia,serif;padding:13px 15px;min-height:46px}.order-export{display:flex;gap:8px;flex-wrap:wrap}.order-export .action{margin-right:0;flex:1}.order-another{margin-top:10px}.order-small-link{background:none;border:0;border-bottom:1px solid #baa07c66;padding:9px 0 4px;display:block;font:11px/1.5 Georgia,serif;color:#9b7c5b;margin:5px 0 10px;cursor:pointer}.seal-picker{padding:18px 0 5px;border-top:1px solid #c3ad8b55;margin-top:15px}.seal-picker>p{font:14px Georgia,serif;color:#8f6e4d;margin-top:0!important}.seal-options{display:grid;gap:12px;padding:6px 4px 10px}.seal-choice{background:#f7eedc;border:2px solid #9d5747;color:#954738;padding:13px 12px;min-height:52px;font:bold 13px/1.5 monospace;transform:rotate(-1deg);box-shadow:1px 3px 4px #77522d13}.seal-choice:nth-child(2){transform:rotate(1deg);color:#59644d;border-color:#738062}.seal-choice:nth-child(3){transform:rotate(-.5deg);color:#635a78;border-color:#847991}.seal-choice:hover{background:#fff8e9;transform:rotate(0)}.order-feedback{font:11px/1.7 monospace!important;color:#91714f;min-height:0}.order-feedback:empty{display:none}.order-controls label{font:12px/1.5 Georgia,serif;color:#9a7d5f}.order-controls input{font:11px monospace;overflow-wrap:anywhere}.order-controls [hidden]{display:none!important}.order-dialog button:focus-visible{outline:3px solid #a18558;outline-offset:4px}.action:disabled{opacity:.55;cursor:wait}@media(max-width:650px){.order-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;inset:0}.order-dialog .modal{min-height:100%;padding:24px 23px 30px}.order-dialog .close{position:sticky;top:0;z-index:4;background:#f3e8d3ef;border:1px solid #d5c4a4;border-radius:50%;margin:-9px -7px 0 0;min-width:40px;min-height:40px;font-size:23px;box-shadow:0 2px 4px #65451b12}.order-dialog .document{font-size:16px}.order-dialog .document h3{font-size:23px}.order-dialog .doc-head{font-size:17px}.order-dialog .doc-meta{font-size:9px}}@media(prefers-reduced-motion:reduce){.seal-impact{animation:none}}@media print{.order-controls,.order-topline,.seal-placeholder{display:none!important}.order-dialog{height:auto!important;width:100%!important;max-height:none!important}.order-dialog .modal{min-height:0}.seal-space{min-height:90px}}

.seal-choice:nth-child(4){transform:rotate(.6deg);color:#795e38;border-color:#9c835f}.seal-choice:nth-child(4):hover{transform:rotate(0)}