:root{--ink:#473f35;--muted:#7e7867;--paper:#f6efd9;--line:#d3c7a5;--green:#5c7853;--darkgreen:#3e593f;--wood:#926445;--shadow:#694a35;--pixel:"Courier New",monospace;--body:"Microsoft YaHei","PingFang SC",sans-serif}*{box-sizing:border-box}body{margin:0;background:#eee6cf;color:var(--ink);font-family:var(--body);font-size:14px;line-height:1.7;background-image:linear-gradient(#fff3 1px,transparent 1px),linear-gradient(90deg,#fff3 1px,transparent 1px);background-size:12px 12px}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.6}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b05d3e;outline-offset:4px}h1,h2,p{margin:0}.skip-link{position:absolute;top:-70px;left:20px;padding:12px;background:#fff;z-index:100}.skip-link:focus{top:8px}.preview-strip{font-size:10px;letter-spacing:1px;text-align:center;background:#dce3c8;padding:5px 12px;color:#667253}.invitation-app{max-width:1100px;margin:auto;padding:0 40px}.town-header{display:flex;align-items:center;justify-content:space-between;padding:27px 0 22px;border-bottom:1px solid #d8ceb3}.brand{display:flex;align-items:center;gap:17px;font-size:21px;font-weight:bold;letter-spacing:3px}.brand small{display:block;font-family:var(--pixel);font-size:8px;letter-spacing:1.8px;margin-top:2px;font-weight:normal;color:var(--green)}.pixel-flower{width:8px;height:8px;background:#e8bb61;box-shadow:-8px 0 #c2795c,8px 0 #c2795c,0 -8px #c2795c,0 8px #c2795c,0 16px #6c8a53,8px 16px #6c8a53;display:block;margin:0 10px 10px 6px}.header-tools{display:flex;gap:10px}.mini-button,.help-button{background:#f6efd9;border:1px solid #b9b99c;box-shadow:0 2px #cecab1;font-size:10px;min-height:36px;padding:6px 12px}.help-button{font-family:var(--pixel);font-weight:bold;width:36px;padding:0;font-size:16px}.welcome{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:35px 0 30px}.overline{font-size:9px;letter-spacing:2.5px;color:#858166}.welcome h1{font-size:32px;letter-spacing:2px;line-height:1.7;font-weight:600;margin:9px 0 12px}.welcome h1 span{color:#5f794e}.welcome-copy{font-size:11px;color:#807966;letter-spacing:1px}.and{font-family:Georgia,serif;font-style:italic;color:#968653;margin:0 10px}.welcome-separator{margin:0 17px}.postmark{flex:none;width:90px;height:90px;border:2px dashed #9eac84;transform:rotate(8deg);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#73875b}.postmark span{font-size:8px;letter-spacing:1px}.postmark strong{font-size:24px;font-weight:500;letter-spacing:4px;line-height:1.7}.game-frame{border:4px solid #796149;background:#a9865b;box-shadow:0 4px 0 #4f4935,0 8px 0 #d4c5a2;padding:5px;position:relative}.game-toolbar{display:flex;align-items:center;gap:25px;padding:7px 12px;background:#f0dca8;border:2px solid #b68d57;border-bottom:0;color:#6c5940;font-size:10px;letter-spacing:.8px}.status-light{display:inline-block;width:6px;height:6px;background:#719651;box-shadow:2px 0 #496f42;margin-right:6px}.town-weather{margin-left:auto}.toolbar-button{background:none;border:0;font-size:10px;color:#795e42;padding:3px}.world-container{position:relative;height:480px;overflow:hidden;border:2px solid #5f7549;background:#88ad62}#town-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;outline-offset:-4px!important;touch-action:manipulation;cursor:crosshair}.welcome-bubble{position:absolute;left:50%;top:25px;transform:translateX(-50%);background:#fff4dcd9;border:2px solid #b59a64;box-shadow:3px 3px #4e60382e;padding:10px 18px;text-align:center;pointer-events:none;white-space:nowrap;transition:opacity .4s}.welcome-bubble strong{font-size:12px;letter-spacing:1px;font-weight:500}.welcome-bubble span{display:block;font-size:9px;color:#7e765e;margin-top:2px}.welcome-bubble.dismissed{opacity:0}.destination-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:10px;background:#344d36d9;color:#fff8dd;padding:7px 14px;border:1px solid #aec28d;text-align:center;pointer-events:none;width:max-content;max-width:90%}.game-controls{padding:9px 14px 7px;background:#ead7a8;display:flex;justify-content:space-between;align-items:center;gap:15px;border:2px solid #b68d57;border-top:0}.game-controls p{font-size:10px;color:#705b41}.game-controls p>span{margin:0 8px}.game-controls small{display:block;font-size:8px;color:#95815c;margin-top:4px}.dpad{display:grid;grid-template-columns:30px 30px 30px;grid-template-rows:25px 25px 25px;gap:3px}.dpad button{padding:0;border:1px solid #92714c;background:#f8e9bf;box-shadow:0 2px #b4935c;font-family:var(--pixel);font-weight:bold;font-size:13px;user-select:none;touch-action:none}.dpad .up{grid-column:2}.dpad .left{grid-row:2;grid-column:1}.dpad .interact{grid-row:2;grid-column:2;font-size:9px;background:#d2d6aa;color:#52683e}.dpad .right{grid-row:2;grid-column:3}.dpad .down{grid-row:3;grid-column:2}.quick-access{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:27px}.quick-access button{display:flex;align-items:center;gap:15px;text-align:left;padding:20px 16px;background:#faf2dc;border:2px solid #c5b58c;box-shadow:0 3px #d4c5a3;transition:translate .15s}.quick-access button:hover{translate:0 -3px;border-color:#8b9e6a}.quick-access button>span:not(.pixel-icon){font-size:14px;letter-spacing:1px}.quick-access small{display:block;font-size:9px;color:#8b816a;letter-spacing:.5px;margin-top:3px}.quick-access b{margin-left:auto;font-weight:normal;color:#988462;font-size:16px}.pixel-icon{display:block;flex:none;width:26px;height:26px;image-rendering:pixelated;position:relative}.icon-photo{border:3px solid #9d7851;background:#e8d39b;box-shadow:inset 0 0 0 3px #f6e9c5}.icon-photo:before{content:"";position:absolute;width:13px;height:8px;bottom:3px;left:3px;background:#829e62;clip-path:polygon(0 100%,40% 0,70% 50%,100% 20%,100% 100%)}.icon-photo:after{content:"";position:absolute;width:4px;height:4px;background:#d8a14c;right:4px;top:4px}.icon-letter{height:22px;background:#e0c28b;border:2px solid #98714e;box-shadow:inset 0 0 0 3px #f8e6b9}.icon-letter:before{content:"";position:absolute;width:12px;height:12px;border-bottom:2px solid #b79968;border-right:2px solid #b79968;transform:rotate(45deg);top:-4px;left:5px}.icon-pencil{width:22px;height:27px;background:#f6e6bd;border:2px solid #a18958;box-shadow:inset 0 5px #a18958}.icon-pencil:before{content:"";position:absolute;width:4px;height:22px;background:#a76048;transform:rotate(25deg);right:-4px;top:5px;border-bottom:4px solid #5c5145}.access-note{text-align:center;font-size:10px;color:#8d866f;margin:13px 0 0}.little-letter{margin:42px 0 0;padding:32px 20px;text-align:center;border-top:1px dashed #c5bea0}.little-letter p{font-size:13px;line-height:2.2;letter-spacing:1px;margin:19px 0 12px;color:#756d59}.little-letter>span:last-child{font-size:10px;letter-spacing:2px;color:#8b856e}.pixel-heart{display:inline-block;width:5px;height:5px;background:#b5765c;box-shadow:5px -5px #b5765c,10px 0 #b5765c,15px -5px #b5765c,20px 0 #b5765c,5px 5px #b5765c,10px 5px #b5765c,15px 5px #b5765c,10px 10px #b5765c;position:relative;left:-10px}footer{text-align:center;padding:15px 20px 30px;color:#969079;font-size:10px;letter-spacing:1px}footer small{display:block;font-size:8px;margin-top:8px;letter-spacing:2px}dialog{border:4px solid #8d7352;background:#fbf2d9;color:var(--ink);width:min(92vw,520px);max-height:88dvh;padding:23px 26px 27px;box-shadow:0 0 0 3px #e9d3a0,8px 8px #273e3529;overflow:auto}dialog::backdrop{background:#233d32a6;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.dialog-heading button{width:34px;height:34px;flex:none;border:1px solid #bbaa7f;box-shadow:0 2px #cfbd94;background:#f6e5b9;font-size:24px;line-height:1;padding:0}.dialog-heading .overline{font-family:var(--pixel);font-size:9px;letter-spacing:1.5px}dialog h2{font-size:25px;line-height:1.5;letter-spacing:1px;font-weight:500}.dialog-intro{font-size:12px;line-height:2;color:#7c735e;margin:16px 0 22px}.photo-stage{height:300px;border:3px solid #c4ae7d;box-shadow:inset 0 0 0 5px #eee2c1;background:#dde2c3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;overflow:hidden}.photo-stage>span:not(.pixel-photo-frame){font-size:13px;color:#7b8661;letter-spacing:2px}.photo-stage small{font-size:10px;color:#8b9476}.pixel-photo-frame{width:38px;height:32px;border:3px solid #95a176;box-shadow:inset 0 0 0 4px #dce1c1;margin-bottom:10px}.photo-stage img{width:100%;height:100%;object-fit:contain;background:#e7e3cf}.photo-navigation{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.photo-navigation button{width:40px;height:35px;border:1px solid #bdad82;background:#f0e2be;box-shadow:0 2px #d6c294}.photo-navigation p{font-size:12px;text-align:center;color:#7c715a}.photo-navigation p span{font-family:var(--pixel);display:block;font-size:9px;margin-top:2px;color:#a08b67}.small-note,.form-hint{font-size:10px;line-height:1.9;color:#90866e;margin:16px 0}.wood-button,.paper-button{min-height:47px;border:2px solid #6b7b4d;background:#73885a;color:#fff9e7;box-shadow:0 3px #4d613e;padding:11px 16px;font-size:12px;letter-spacing:1px}.paper-button{background:#efe2bd;border-color:#b4a074;color:#7e6b4d;box-shadow:0 3px #d0bb8c}.full{width:100%;margin-top:12px}.info-names{display:flex;justify-content:center;gap:16px;align-items:center;font-size:19px;letter-spacing:1px;padding:20px 0;border-top:1px dashed #c9b78b;border-bottom:1px dashed #c9b78b}.info-names i{font-family:Georgia,serif;color:#9c9966;font-size:26px}.invitation-details{margin:20px 0}.invitation-details div{display:grid;grid-template-columns:75px 1fr;gap:12px;margin:16px 0}.invitation-details dt{font-size:10px;color:#a18e68;letter-spacing:1px}.invitation-details dd{margin:0;font-size:13px;overflow-wrap:anywhere}.availability{background:#e3e7cc;border-left:3px solid #94a577;padding:12px 14px;font-size:11px;color:#788460;line-height:1.9}.rsvp-form label{display:block;margin:17px 0 6px;font-size:12px}.rsvp-form label span{color:#9f9276;font-size:10px;margin-left:8px}.rsvp-form input,.rsvp-form select,.rsvp-form textarea{border:2px solid #c9b993;border-radius:0;background:#fff8e7;color:var(--ink);padding:10px 12px;width:100%;font-size:16px;min-height:46px}.rsvp-form [disabled]{background:#eee9d6;cursor:not-allowed}.rsvp-form textarea{resize:vertical}.rsvp-counts{display:grid;grid-template-columns:1fr 1fr;gap:18px}#rsvp-feedback{font-size:12px;line-height:2;color:#64814d;margin-top:15px}.help-list{padding-left:18px;margin:20px 0;font-size:13px;line-height:2;color:#7d745e}.help-list li{margin-bottom:12px}#toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translate(-50%,20px);background:#425d42;color:#fff6dc;font-size:12px;padding:12px 18px;max-width:90vw;border:2px solid #c8d1a4;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:700px){.invitation-app{padding:0 18px}.town-header{padding:22px 1px 19px}.brand{font-size:18px;gap:12px;letter-spacing:2px}.brand small{font-size:7px;letter-spacing:1px}.header-tools{gap:7px}.mini-button{font-size:9px;padding:6px 8px}.help-button{width:32px}.welcome{padding:27px 0 25px;gap:10px}.welcome h1{font-size:25px;line-height:1.6;letter-spacing:1px}.welcome h1 span{display:block}.welcome-copy{font-size:9px;letter-spacing:.3px;line-height:2}.welcome-separator{display:none}.welcome-copy>[data-date]{display:block}.welcome .and{margin:0 7px}.overline{font-size:8px;letter-spacing:2px}.postmark{width:70px;height:70px;margin-right:4px;align-self:center}.postmark strong{font-size:20px}.postmark span{font-size:6px;letter-spacing:.5px}.game-frame{border-width:3px;padding:3px;box-shadow:0 3px #4f4935,0 6px #d4c5a2}.game-toolbar{gap:10px;font-size:8px;padding:6px 8px;letter-spacing:.2px}.toolbar-button{font-size:8px}.world-container{height:400px}.welcome-bubble{top:16px;padding:8px 12px}.welcome-bubble strong{font-size:11px}.welcome-bubble span{font-size:8px}.destination-hint{font-size:9px;padding:6px 9px;bottom:9px}.game-controls{padding:8px 7px;gap:8px}.game-controls p{font-size:9px;max-width:155px}.game-controls p>span{margin:0 3px}.game-controls small{font-size:7px;margin-top:4px}.dpad{grid-template-columns:27px 27px 27px;grid-template-rows:24px 24px 24px;gap:2px}.quick-access{grid-template-columns:1fr;gap:10px;margin-top:22px}.quick-access button{padding:13px 17px;gap:17px}.quick-access button>span:not(.pixel-icon){font-size:13px}.quick-access small{font-size:9px;display:inline;margin-left:14px}.quick-access b{font-size:14px}.access-note{font-size:9px;padding:0 8px;line-height:1.9}.little-letter{margin-top:28px;padding:25px 0 20px}.little-letter p{font-size:11px;letter-spacing:.4px}.little-letter>span:last-child{font-size:9px}.photo-stage{height:280px}dialog{padding:18px 20px 24px}dialog h2{font-size:23px}.dialog-intro{font-size:11px}.info-names{font-size:17px;gap:11px}.invitation-details{font-size:12px}.help-list{font-size:12px}footer{font-size:9px;padding-bottom:26px}}
@media(max-width:360px){.invitation-app{padding:0 13px}.welcome h1{font-size:23px}.quick-access small{display:block;margin-left:0}.postmark{width:62px;height:62px}.world-container{height:370px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
.dialog-active{overflow:hidden}