.shared-river{color:#f8f4e9;background:#061b2a;min-height:100svh;overflow-x:clip}.shared-header{z-index:40;background:linear-gradient(#061828b5,#06182820);border-bottom:1px solid #e4c58620;justify-content:space-between;align-items:center;gap:25px;height:84px;padding:0 38px;display:flex;position:absolute;top:0;left:0;right:0}.river-brand{color:#e4bf7a;flex-shrink:0;align-items:center;gap:8px;display:flex}.river-brand img{width:43px;height:43px}.river-brand>span{font-family:var(--serif);font-size:27px;line-height:1.4}.river-brand small{font-family:var(--sans);letter-spacing:.07em;color:#c8b88f;margin-top:4px;font-size:8px;display:block}.shared-header nav{align-items:center;gap:28px;margin:auto;display:flex}.shared-header nav>a{color:#c5d3d5;align-items:center;gap:6px;padding:10px 0;font-size:12px;display:flex}.shared-header nav>a.current{color:#e8c689;border-bottom:1px solid #d4b775}.shared-header-actions{align-items:center;gap:17px;display:flex}.river-saved{color:#e0d4b4;align-items:center;gap:8px;min-height:44px;padding:6px 3px;font-size:11px;display:flex}.river-saved small{color:#122f3b;background:#d5b779;border-radius:50%;place-items:center;min-width:19px;height:19px;font-size:9px;display:grid}.river-header-create.button{border-radius:5px;gap:8px;min-height:43px;padding:10px 16px;font-size:12px}.shared-scene{isolation:isolate;background:#071a2b;height:100svh;min-height:840px;max-height:1160px;position:relative;overflow:hidden;container-type:inline-size}.shared-scene>.water-scene{background-position:50%;transition:filter .8s}.shared-scene-shade{pointer-events:none;background:linear-gradient(#0313256b 0%,#0000 40%,#031b2420 70%,#031725c9 100%);position:absolute;inset:0}.region-mood-north>.water-scene{filter:hue-rotate(-5deg)saturate(.9)}.region-mood-south>.water-scene{filter:hue-rotate(6deg)saturate(1.12)}.region-mood-east>.water-scene{filter:sepia(.08)}.shared-intro{z-index:4;text-align:center;pointer-events:none;position:absolute;top:112px;left:20px;right:20px}.shared-intro-line{color:#dbbf89;justify-content:center;align-items:center;gap:13px;margin-bottom:10px;font-size:11px;display:flex}.shared-intro-line span{background:#d0b77d88;width:25px;height:1px}.shared-intro h1{letter-spacing:-.035em;color:#fff5dc;text-shadow:0 3px 30px #05162499;font-size:clamp(32px,3.3vw,49px);line-height:1.7}.shared-intro>p{color:#d8e1df;margin-top:5px;font-size:12px}.river-total{color:#efdab0;flex-direction:column;align-items:center;margin:18px auto 0;line-height:1.6;display:flex}.river-total>span{font-size:10px}.river-total>strong{font-family:var(--sans);letter-spacing:.025em;color:#ffe9b5;text-shadow:0 2px 25px #0002;font-size:47px;font-weight:500;line-height:1.4}.river-connection{color:#c0c9c8;pointer-events:auto;justify-content:center;align-items:center;gap:7px;min-height:24px;font-size:9px;display:flex}.river-connection>i{background:#b6a579;border-radius:50%;width:5px;height:5px}.river-connection.connected>i{background:#a4dfbd;box-shadow:0 0 10px #9edfcf9c}.river-connection>button{color:#d8d2ba;border:1px solid #d9c28e30;border-radius:50%;place-items:center;width:27px;height:27px;padding:5px;display:grid}.preview-ribbon{z-index:35;color:#314547;white-space:nowrap;background:#ede2c8f2;border-radius:20px;justify-content:center;align-items:center;gap:7px;max-width:calc(100% - 25px);min-height:25px;padding:3px 7px 3px 12px;font-size:9px;display:flex;position:absolute;top:88px;left:50%;transform:translate(-50%)}.preview-ribbon>svg{flex-shrink:0}.preview-ribbon>button{color:#526157;place-items:center;width:24px;height:24px;display:grid}.river-water{z-index:5;pointer-events:none;position:absolute;inset:39% 0 72px}.river-surface-lines{opacity:.2;pointer-events:none;background:repeating-linear-gradient(177deg,#0000 0 52px,#deb65e22 53px,#0000 54px 92px);position:absolute;inset:0}.floating-vessel{aspect-ratio:1;width:112px;animation:river-drift var(--drift-duration) linear infinite;animation-delay:var(--drift-delay);pointer-events:auto;will-change:transform;touch-action:manipulation;filter:drop-shadow(0 12px 15px #02142145);background:0 0;border:0;padding:0;line-height:1.2;position:absolute;top:0;left:0}.floating-vessel:focus-visible{outline-offset:7px;border-radius:40%;outline:2px solid #e9c78a}.vessel-lane-0{opacity:.94;width:112px;top:0%}.vessel-lane-1{width:142px;top:19%}.vessel-lane-2{width:174px;top:40%}.vessel-lane-3{width:210px;top:62%}.floating-vessel-body{width:100%;height:100%;animation:6s ease-in-out infinite vessel-bob;animation-delay:var(--drift-delay);display:block;position:relative}.floating-vessel .krathong-art{z-index:2;filter:drop-shadow(0 1px 12px #ffd06a15);width:100%;height:100%;position:relative}.vessel-name{z-index:5;color:#294749;white-space:nowrap;text-overflow:ellipsis;background:#f4edd9e8;border:1px solid #e7d6ae66;border-radius:20px;min-width:76px;max-width:145px;padding:6px 14px;font-size:11px;line-height:1.4;transition:background .2s;display:block;position:absolute;top:-9px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 2px 18px #031c2a20}.vessel-name>small{color:#8e784f;margin-bottom:2px;font-size:6px;line-height:1.3;display:block}.vessel-plus{z-index:5;color:#fff6df;background:#bd9252;border:2px solid #e6d7b8;border-radius:50%;place-items:center;width:29px;height:29px;transition:background .2s;display:grid;position:absolute;top:46%;right:1px;box-shadow:0 2px 15px #0717246b}.vessel-lane-0 .vessel-name{min-width:66px;max-width:108px;padding:5px 10px;font-size:9px}.vessel-lane-0 .vessel-plus{width:25px;height:25px}.vessel-lane-0 .vessel-plus svg{width:14px}.vessel-lane-3 .vessel-name{max-width:170px;font-size:12px}.vessel-lane-3 .vessel-plus{width:34px;height:34px;right:8px}.vessel-wake{z-index:0;border:1px solid #efcb7f55;border-radius:50%;width:112%;height:24%;position:absolute;bottom:-2%;left:-6%;transform:perspective(150px)rotateX(58deg);box-shadow:0 0 0 8px #e5c17b04,0 0 0 21px #e5c17b03}.floating-vessel:hover,.floating-vessel:focus,.floating-vessel:focus-visible{z-index:25!important}.floating-vessel:hover .vessel-plus{color:#17333a;background:#dfb879}.floating-vessel:hover .vessel-name{background:#fff5d9}.river-motion-off .floating-vessel,.river-motion-off .floating-vessel-body{animation-play-state:paused}.river-motion-off .river-surface-lines{animation:none}.river-empty{text-align:center;pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#e8e7dc;background:linear-gradient(110deg,#092d3d9c,#092b3a38);border:1px solid #d1c09626;border-radius:8px;width:min(440px,100% - 40px);padding:22px 25px;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.river-empty>svg{color:#e2c68b;stroke-width:1.1px;margin:0 auto 12px}.river-empty h2{font-size:25px;line-height:1.8}.river-empty p{color:#c3d4d5;margin:8px 0 15px;font-size:11px;line-height:1.9}.river-empty>.button{min-height:43px;padding:10px 17px;font-size:11px}.river-glass-button{color:#f1e7cb;background:#092c3c7a;border:1px solid #dbcca47a}.river-glass-button:hover{background:#1a4e5da6}.river-scene-bottom{z-index:30;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;bottom:24px;left:32px;right:32px}.river-region-control{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#051c2bd6;border:1px solid #c8be9545;border-radius:30px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;max-width:100%;padding:5px;display:flex}.river-region-control>button{color:#d1dcd7;white-space:nowrap;border-radius:24px;min-height:35px;padding:6px 15px;font-size:10px;transition:background .2s,color .2s}.river-region-control>button[aria-pressed=true]{color:#17363c;background:#dcc189}.river-region-control>button:hover:not([aria-pressed=true]){background:#e6ca941c}.river-scene-tools{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#041d2bd4;border:1px solid #b1c1bd40;border-radius:25px;align-items:center;gap:14px;padding:6px 13px;display:flex}.river-scene-tools>button{color:#d9e0d5;white-space:nowrap;align-items:center;gap:6px;min-height:33px;font-size:9px;display:flex}.river-scene-tools input{accent-color:#d4b579;width:48px}.river-action-bar{background:#0a2837;border-top:1px solid #e0bd7b2e;border-bottom:1px solid #e0bd7b1e;justify-content:space-between;align-items:center;gap:25px;padding:26px 38px;display:flex}.river-action-bar>div:first-child{color:#e4d3aa;align-items:center;gap:14px;font-size:13px;display:flex}.river-action-bar>div:first-child>svg{color:#a8c7b3;stroke-width:1.4px;flex-shrink:0}.river-action-bar small{color:#a1b6b8;margin-top:4px;font-size:9px;display:block}.river-action-buttons{align-items:center;gap:12px;display:flex}.river-action-buttons>.button{min-height:47px;padding:11px 20px;font-size:12px}.river-board-button{color:#dedfcf;border:1px solid #95b0ae66}.river-board-button:hover{background:#ceddb00d}.river-explanation{color:#bed1cc;align-items:center;gap:24px;width:min(1250px,100% - 90px);margin:auto;padding:52px 0;display:flex}.river-explanation>svg{color:#99b6a0;stroke-width:1.3px;flex-shrink:0}.river-explanation h2{color:#ded6bc;font-size:23px;line-height:1.8}.river-explanation p{color:#99b1b2;margin-top:10px;font-size:11px;line-height:2.1}.river-explanation>a{white-space:nowrap;color:#d6c18e;border-bottom:1px solid #c9ad7463;align-items:center;gap:13px;margin-left:auto;padding:10px 0;font-size:11px;display:flex}.river-footer{color:#829ea5;border-top:1px solid #c8ad6f1c;justify-content:space-between;align-items:center;gap:20px;padding:23px 38px;font-size:9px;display:flex}.river-footer>div{align-items:center;gap:25px;display:flex}.river-footer button{color:#a3b7b9;padding:5px 0;font-size:9px}.river-footer a{color:#a3b7b9}.river-detail-dialog{background:radial-gradient(at 50% 15%,#edf0df,#f8f5ed 65%);width:min(530px,100% - 28px);padding:28px 32px 32px}.river-detail-top{text-align:center}.river-detail-top>.gold-label{margin-bottom:2px;font-size:10px}.river-detail-top>.krathong-art{width:210px;margin:0 auto 3px}.river-detail-top h2{overflow-wrap:anywhere;font-size:28px;line-height:1.8}.river-detail-message{font-family:var(--serif);text-align:center;color:#3c5b5a;white-space:pre-wrap;overflow-wrap:anywhere;margin:22px 0;font-size:20px;line-height:2}.river-detail-meta{color:#8e7b52;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;font-size:10px;display:flex}.river-detail-meta>span{align-items:center;gap:6px;display:flex}.river-detail-bottom{text-align:center;border-top:1px solid #b7b7973d;margin-top:24px;padding-top:20px}.river-detail-bottom>p{color:#7b8b80;margin-bottom:14px;font-size:11px}.river-detail-bottom>.button{min-height:47px;font-size:12px}.public-board-dialog{width:min(850px,100% - 30px);padding:35px}.public-board-dialog .dialog-heading h2{font-size:31px}.board-controls{align-items:center;gap:12px;display:flex}.board-controls>.search-input{flex:1;min-width:0}.board-controls>.search-input input{font-size:12px}.board-controls>select{color:#466465;background:#fff9;border:1px solid #c7ceca;border-radius:4px;min-width:155px;height:43px;padding:8px 12px;font-size:12px}.board-results{color:#7f8e84;margin:19px 0 12px;font-size:11px}.board-loading{color:#947a43;justify-content:center;padding:80px 20px;display:flex}.board-list{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.board-wish{text-align:left;border-top:1px solid #c3c8b854;align-items:center;gap:13px;min-width:0;padding:17px 0;display:flex}.board-wish>.krathong-art{width:76px}.board-wish>div{flex:1;min-width:0}.board-wish h3{color:#335651;font-size:18px}.board-wish p{color:#708278;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:4px;font-size:11px;line-height:1.9;display:-webkit-box;overflow:hidden}.board-wish>div>span{color:#a08a5a;align-items:center;gap:4px;margin-top:7px;font-size:9px;display:flex}.board-wish>svg{color:#9eaa99;flex-shrink:0;width:14px}.board-wish:hover h3{color:#a07a35}.board-pagination{justify-content:center;align-items:center;gap:20px;margin-top:22px;display:flex}.board-pagination>span{color:#6f837a;font-size:11px}.board-pagination>.icon-button{color:#4d7267;border:1px solid #b9c7ba}.river-connection-dialog{width:min(530px,100% - 28px)}.river-connection-dialog .dialog-heading>p{font-size:13px;line-height:2.1}.connection-dialog-actions{flex-direction:column;gap:12px;display:flex}.connection-dialog-actions>.button{font-size:12px}.shared-river .dialog{color:var(--ink)}@keyframes river-drift{0%{transform:translate(-250px)}to{transform:translate(calc(100cqw + 250px))}}@keyframes vessel-bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-5px)rotate(1deg)}}@media (min-width:1700px){.shared-intro{top:127px}.shared-intro h1{font-size:53px}.shared-intro>p{font-size:14px}.river-total{margin-top:19px}.river-total>strong{font-size:54px}.river-total>span{font-size:12px}.shared-scene{min-height:900px}.river-water{top:40%;bottom:95px}.vessel-lane-0{width:135px}.vessel-lane-1{width:165px}.vessel-lane-2{width:195px}.vessel-lane-3{width:235px}}@media (max-width:1100px){.shared-header{gap:20px;padding:0 25px}.shared-header nav{gap:20px}.shared-header nav>a{font-size:11px}.river-brand>span{font-size:24px}.shared-header-actions{gap:12px}.river-header-create.button{padding:10px 12px;font-size:11px}.river-saved{font-size:10px}.shared-intro h1{font-size:42px}.river-scene-bottom{gap:12px;left:24px;right:24px}.river-region-control>button{padding:6px 12px}.river-scene-tools{gap:10px;padding:6px 10px}.river-action-bar{padding:24px 26px}.river-action-bar>div:first-child{gap:10px;font-size:11px}.river-action-buttons>.button{padding:11px 15px;font-size:11px}.river-explanation{gap:20px;width:calc(100% - 60px)}.river-explanation h2{font-size:21px}.river-explanation p,.river-explanation>a{font-size:10px}.river-footer{padding:20px 26px}}@media (max-width:780px){.shared-header{gap:16px;height:76px;padding:0 20px}.shared-header nav{display:none}.river-brand>span{font-size:24px}.river-brand img{width:37px;height:37px}.river-brand small{font-size:7px}.shared-header-actions{gap:14px}.river-saved{font-size:10px}.river-header-create.button{min-height:42px;padding:10px 13px;font-size:11px}.shared-scene{height:930px;min-height:860px;max-height:none}.shared-intro{top:112px}.shared-intro-line{font-size:10px}.shared-intro h1{font-size:40px}.shared-intro>p{font-size:11px}.river-total{margin-top:16px}.river-total>strong{font-size:43px}.river-total>span{font-size:9px}.river-water{top:39%;bottom:104px}.shared-scene>.water-scene{background-position:64%}.preview-ribbon{gap:6px;max-width:calc(100% - 25px);min-height:22px;font-size:8px;top:81px}.preview-ribbon>svg{width:12px}.preview-ribbon>button{width:21px;height:21px}.river-scene-bottom{flex-direction:column;align-items:center;gap:10px;bottom:22px;left:20px;right:20px}.river-region-control{gap:2px;padding:4px}.river-region-control>button{min-height:34px;padding:6px 13px;font-size:10px}.river-scene-tools{gap:22px;padding:4px 14px}.river-scene-tools>button{min-height:29px;font-size:9px}.river-action-bar{flex-direction:column;align-items:stretch;gap:20px;padding:24px}.river-action-bar>div:first-child{text-align:left;justify-content:center;font-size:12px}.river-action-buttons{justify-content:center;gap:12px}.river-action-buttons>.button{flex:1;max-width:270px;padding:12px 22px;font-size:12px}.river-explanation{flex-wrap:wrap;align-items:flex-start;gap:15px;width:calc(100% - 48px);padding:40px 0}.river-explanation>svg{width:22px;margin-top:7px}.river-explanation>div{flex:1}.river-explanation h2{font-size:21px}.river-explanation p{font-size:11px;line-height:2}.river-explanation p br{display:none}.river-explanation>a{margin-left:37px;font-size:11px}.river-footer{flex-direction:column;align-items:flex-start;gap:14px;padding:22px 24px;font-size:9px}.river-footer>div{gap:20px;font-size:9px}.public-board-dialog{padding:28px}.public-board-dialog .dialog-heading h2{font-size:28px}.board-list{gap:0 15px}.board-wish{gap:10px}.board-wish>.krathong-art{width:65px}.board-wish h3{font-size:16px}.board-wish p{font-size:10px}.board-wish>div>span{font-size:8px}}@media (max-width:540px){.shared-header{gap:9px;height:72px;padding:0 14px}.river-brand{gap:4px}.river-brand>span{font-size:22px}.river-brand img{width:32px;height:32px}.river-brand small{letter-spacing:0;font-size:6px}.shared-header-actions{gap:10px}.river-saved{gap:5px;padding:5px 0;font-size:9px}.river-saved>span{display:none}.river-saved small{width:17px;min-width:17px;height:17px;font-size:8px}.river-header-create.button{gap:6px;min-height:38px;padding:9px 12px;font-size:10px}.river-header-create svg{width:14px}.shared-scene{height:100svh;min-height:850px}.shared-intro{top:114px;left:16px;right:16px}.shared-intro-line{gap:8px;margin-bottom:8px;font-size:9px}.shared-intro-line span{width:17px}.shared-intro h1{font-size:32px;line-height:1.8}.shared-intro>p{max-width:310px;margin:6px auto 0;font-size:10px;line-height:1.9}.river-total{margin-top:14px}.river-total>strong{font-size:39px}.river-total>span{font-size:8px}.river-connection{min-height:22px;font-size:8px}.preview-ribbon{gap:5px;min-height:24px;padding:3px 5px 3px 9px;font-size:7px;top:78px}.preview-ribbon>button{width:19px;height:19px}.preview-ribbon>svg{width:11px}.river-water{top:41%;bottom:127px}.vessel-lane-0{width:94px;top:0%}.vessel-lane-1{width:116px;top:22%}.vessel-lane-2{width:142px;top:43%}.vessel-lane-3{width:163px;top:65%}.vessel-name{min-width:69px;max-width:125px;padding:5px 12px;font-size:9px;top:-8px}.vessel-name>small{font-size:6px}.vessel-lane-0 .vessel-name{min-width:64px;max-width:93px;padding:4px 10px;font-size:8px}.vessel-lane-3 .vessel-name{max-width:135px;font-size:10px}.vessel-plus{width:25px;height:25px;right:0}.vessel-plus svg{width:14px}.vessel-lane-0 .vessel-plus{width:22px;height:22px}.vessel-lane-0 .vessel-plus svg{width:12px}.vessel-lane-3 .vessel-plus{width:29px;height:29px;right:2px}.river-scene-bottom{gap:11px;bottom:20px;left:12px;right:12px}.river-region-control{border-radius:25px;gap:1px;width:100%;padding:4px}.river-region-control>button{min-height:35px;padding:6px 10px;font-size:9px}.river-scene-tools{gap:19px;padding:4px 13px}.river-scene-tools>button{gap:5px;min-height:29px;font-size:8px}.river-scene-tools input{width:42px}.river-empty{width:calc(100% - 45px);padding:20px 17px;top:35%}.river-empty>svg{width:25px;margin-bottom:10px}.river-empty h2{font-size:22px}.river-empty p{margin:8px 0 13px;font-size:10px}.river-empty>.button{min-height:41px;padding:9px 15px;font-size:10px}.river-action-bar{gap:18px;padding:23px 18px}.river-action-bar>div:first-child{justify-content:flex-start;gap:10px;font-size:11px}.river-action-bar small{font-size:8px}.river-action-buttons{gap:9px}.river-action-buttons>.button{gap:6px;max-width:none;min-height:46px;padding:11px 10px;font-size:10px}.river-action-buttons>.button>svg{flex-shrink:0;width:14px}.river-explanation{gap:13px;width:calc(100% - 38px);padding:34px 0}.river-explanation h2{font-size:20px;line-height:1.8}.river-explanation p{font-size:10px;line-height:2.1}.river-explanation>svg{width:19px}.river-explanation>a{margin-left:32px;font-size:10px}.river-footer{gap:12px;padding:20px 19px;font-size:8px}.river-footer>div{gap:18px}.river-footer button,.river-footer a{font-size:8px}.river-detail-dialog{padding:23px 23px 26px}.river-detail-top>.krathong-art{width:180px}.river-detail-top>.gold-label{font-size:9px}.river-detail-top h2{font-size:25px}.river-detail-message{margin:18px 0;font-size:18px;line-height:2}.river-detail-meta{gap:8px 15px;font-size:9px}.river-detail-bottom>p{font-size:10px}.river-detail-bottom>.button{font-size:11px}.public-board-dialog{padding:25px 20px}.public-board-dialog .dialog-heading h2{font-size:25px}.board-controls{flex-direction:column;align-items:stretch;gap:10px}.board-controls>.search-input{width:100%;min-height:43px}.board-controls>select{width:100%;font-size:11px}.board-results{margin:16px 0 8px;font-size:10px}.board-list{grid-template-columns:1fr}.board-wish{gap:14px;padding:16px 0}.board-wish>.krathong-art{width:75px}.board-wish h3{font-size:19px}.board-wish p{font-size:11px}.board-wish>div>span{font-size:9px}.board-wish>svg{width:15px}.river-connection-dialog .dialog-heading h2{font-size:28px}.river-connection-dialog .dialog-heading>p{font-size:12px}.connection-dialog-actions>.button{font-size:11px}}@media (max-width:360px){.river-brand>span{font-size:20px}.river-brand img{width:29px;height:29px}.river-header-create.button{padding:9px;font-size:9px}.shared-header-actions{gap:8px}.river-region-control>button{padding:6px 8px;font-size:8px}.shared-intro h1{font-size:29px}.shared-intro>p{font-size:9px}.preview-ribbon{gap:4px;font-size:6px}.river-action-buttons>.button{gap:5px;font-size:9px}.river-explanation h2{font-size:18px}}@media (prefers-reduced-motion:reduce){.shared-river .floating-vessel{transform:translateX(var(--still-x));transition:none!important;animation:none!important}.shared-river .floating-vessel-body{animation:none!important}.shared-river .water-scene canvas{display:none!important}.shared-river .river-region-control>button{transition:none}}
.single-river{background:#061421;height:100dvh;min-height:0;overflow:hidden}.river-stage{isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden;container-type:inline-size}.river-stage>.water-scene{background-position:50%}.stage-vignette{pointer-events:none;background:linear-gradient(#020d2170 0%,#0615290a 28%,#0000 51%,#0415260a 68%,#02101ee8 100%),radial-gradient(at 50% 44%,#0000 35%,#020d214a 100%);position:absolute;inset:0}.stage-moonlight{filter:blur(12px);pointer-events:none;background:linear-gradient(117deg,#0000 30%,#b9d5ed09 43%,#0000 57%);height:78%;position:absolute;top:0;left:35%;right:9%;transform:skew(-14deg)}.river-atmosphere{z-index:3;pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.stage-header{z-index:35;justify-content:space-between;align-items:center;gap:24px;display:flex;position:absolute;top:25px;left:36px;right:36px}.stage-brand{color:#e4c48e;align-items:center;gap:8px;display:flex}.stage-brand>span{font-family:var(--serif);letter-spacing:.01em;text-shadow:0 3px 16px #04132980;font-size:27px;line-height:1.6}.stage-count{color:#d8dbc9;white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.stage-count>i{background:#aa9876;border-radius:50%;width:5px;height:5px}.stage-count>i.live{background:#b4ddba;box-shadow:0 0 12px #b4ddba66}.stage-count strong{color:#f1d29b;margin-right:4px;font-size:15px;font-weight:500}.stage-shortcuts{align-items:center;gap:9px;display:flex}.stage-icon{color:#d9d4bd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#061c2c42;border:1px solid #e0c69230;border-radius:50%;place-items:center;width:42px;min-width:42px;height:42px;min-height:42px;transition:background .2s,border-color .2s;display:grid;position:relative}.stage-icon:hover{background:#e6c48620;border-color:#dfc48699}.stage-icon>small{color:#1f3940;background:#d8bc83;border:1px solid #f1e1b8;border-radius:50%;place-items:center;width:17px;height:17px;font-size:8px;display:grid;position:absolute;top:-2px;right:-2px}.stage-title{text-align:center;z-index:5;pointer-events:none;color:#fcf1d7;position:absolute;top:112px;left:20px;right:20px}.stage-title>span{color:#d2bc8c;letter-spacing:.055em;font-size:10px}.stage-title h1{letter-spacing:-.04em;text-shadow:0 2px 35px #e8c47818,0 3px 28px #04142466;margin:5px 0 0;font-size:clamp(43px,4.4vw,66px);line-height:1.7}.stage-title p{color:#d0d8d5;letter-spacing:.01em;text-shadow:0 2px 10px #06152699;margin-top:3px;font-size:12px}.stage-preview{z-index:36;white-space:nowrap;color:#3e534d;background:#e9dec7ed;border:1px solid #eedfb4;border-radius:20px;align-items:center;gap:7px;padding:5px 7px 5px 12px;font-size:9px;display:flex;position:absolute;top:83px;left:50%;transform:translate(-50%)}.stage-preview>button{color:#536456;place-items:center;min-width:25px;min-height:25px;display:grid}.stage-water{pointer-events:none;z-index:8;position:absolute;inset:40% 0 145px}.stage-water>.floating-vessel{pointer-events:auto}.stage-water .vessel-name{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f4ecd8eb;border:1px solid #eadbb49c;box-shadow:0 3px 25px #04172225}.stage-water .vessel-plus{background:#a48046;border-color:#f1ddb0;box-shadow:0 2px 15px #0003,0 0 15px #efc88716}.vessel-candle-glow{aspect-ratio:1;z-index:1;width:52%;animation:3.8s ease-in-out infinite candle-bloom;animation-delay:var(--drift-delay);pointer-events:none;background:radial-gradient(circle,#ffe4a95e 0%,#ffc65c20 27%,#eeb55806 53%,#0000 70%);position:absolute;top:8%;left:50%;transform:translate(-50%)}.vessel-reflection{z-index:0;filter:blur(4px);opacity:.8;pointer-events:none;height:60%;animation:5s ease-in-out infinite candle-reflection;animation-delay:var(--drift-delay);background:radial-gradient(at 50% 4%,#f6cf6a26,#0000 66%);position:absolute;top:85%;left:19%;right:19%;transform:perspective(100px)rotateX(20deg)}.stage-water .vessel-wake{border-color:#edcd8a45;box-shadow:0 0 0 9px #e6c48903,0 0 0 22px #e6c48902}.stage-empty{text-align:center;pointer-events:auto;width:calc(100% - 40px);max-width:480px;font-family:var(--serif);color:#c4cbbd;text-shadow:0 3px 24px #052234;font-size:19px;line-height:2;position:absolute;top:37%;left:50%;transform:translate(-50%,-50%)}.stage-empty>i{background:linear-gradient(90deg,#0000,#d9bd83a3,#0000);width:60px;height:1px;margin:19px auto 0;display:block}.stage-empty>button{color:#d4b77a;font-family:var(--sans);justify-content:center;align-items:center;gap:8px;min-height:44px;margin:10px auto 0;padding:7px 15px;font-size:11px;display:flex}.stage-action{z-index:31;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:34px;left:20px;right:20px}.stage-action>*{pointer-events:auto}.stage-float-button{isolation:isolate;color:#263e3f;min-width:232px;min-height:61px;font-family:var(--serif);background:linear-gradient(115deg,#d7b677,#f0d39a 53%,#d8b878);border:1px solid #f7dfab;border-radius:40px;justify-content:center;align-items:center;gap:13px;padding:14px 34px;font-size:22px;line-height:1.5;transition:box-shadow .25s,filter .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 5px #efd1960a,0 0 0 13px #efd19603,0 7px 45px #efc67618,0 3px 20px #0002}.stage-float-button:hover{filter:brightness(1.07);box-shadow:0 0 0 6px #efd19612,0 0 0 15px #efd19606,0 5px 55px #efc67630}.stage-float-button>svg{stroke-width:1.4px}.stage-button-sheen{z-index:-1;background:linear-gradient(110deg,#0000 45%,#fff8db33 50%,#0000 55%);animation:12s ease-in-out infinite button-sheen;position:absolute;inset:-100% -150%;transform:translate(-35%)}.stage-action>p{color:#bac5bf;text-shadow:0 2px 12px #0004;margin-top:16px;font-size:9px}.stage-alert{z-index:32;color:#eedbb6;text-align:center;background:#102c3be8;border:1px solid #c9b18044;border-radius:5px;width:fit-content;max-width:calc(100% - 40px);margin:auto;padding:7px 13px;font-size:10px;line-height:1.9;position:absolute;bottom:132px;left:20px;right:20px}.single-river .toast{bottom:124px}.stage-settings{width:min(470px,100% - 28px)}.stage-settings .dialog-heading h2{font-size:29px}.stage-settings-rows{flex-direction:column;gap:0;display:flex}.stage-settings-rows>div,.stage-settings-rows>.stage-region-label{color:#506e63;border-top:1px solid #b7c2af52;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;font-size:13px;display:flex}.stage-settings-rows>div>span>small{color:#8a998b;margin-top:3px;font-size:9px;display:block}.stage-setting-toggle{color:#4d6a5f;background:#e8ebdf;border:1px solid #b4c0aa;border-radius:22px;justify-content:center;align-items:center;gap:7px;min-width:88px;min-height:39px;padding:8px 13px;font-size:11px;display:flex}.stage-setting-toggle[aria-pressed=true]{color:#33534c;background:#d8e2ce;border-color:#a2b297}.stage-region-label select{color:#4a675e;background:#fff7;border:1px solid #b4c0aa;border-radius:5px;max-width:180px;min-height:40px;padding:6px 12px;font-size:12px}.stage-volume{color:#7a8a7e;align-items:center;gap:20px;padding:0 0 14px;font-size:10px;display:flex}.stage-volume>input{accent-color:#a68b54;width:150px;margin-left:auto}.stage-settings-status{color:#7d907e;border-top:1px solid #b7c2af52;justify-content:center;align-items:center;gap:7px;margin-top:4px;padding-top:17px;font-size:9px;display:flex}.stage-settings-status>button{color:#879575;border:1px solid #c3c9b8;border-radius:50%;place-items:center;width:30px;height:30px;margin-left:4px;display:grid}.stage-settings .storage-hint{margin-top:8px}@keyframes candle-bloom{0%,to{opacity:.6;transform:translate(-50%)scale(.96)}37%{opacity:.95;transform:translate(-50%)scale(1.06)}72%{opacity:.72;transform:translate(-50%)scale(.99)}}@keyframes candle-reflection{0%,to{opacity:.65;transform:scaleX(.9)}50%{opacity:1;transform:scaleX(1.1)}}@keyframes button-sheen{0%,70%,to{opacity:0;transform:translate(-35%)}76%{opacity:1}88%{opacity:0;transform:translate(35%)}}@media (min-width:1700px){.stage-title{top:130px}.stage-title h1{font-size:72px}.stage-title p{font-size:14px}.stage-title>span{font-size:12px}.stage-action{bottom:42px}.stage-water{bottom:165px}}@media (max-width:1000px){.stage-header{top:22px;left:25px;right:25px}.stage-brand>span{font-size:25px}.stage-icon{width:40px;min-width:40px;height:40px;min-height:40px}.stage-count{font-size:9px}.stage-count strong{font-size:14px}.stage-title{top:113px}.stage-title h1{font-size:52px}.stage-title p{font-size:11px}.stage-title>span{font-size:9px}.stage-empty{font-size:17px}.stage-action{bottom:29px}}@media (max-width:780px){.stage-header{gap:14px;top:19px;left:20px;right:20px}.stage-brand>span{font-size:23px}.stage-shortcuts{gap:7px}.stage-icon{width:39px;min-width:39px;height:39px;min-height:39px}.stage-count{font-size:8px;top:54px}.stage-count strong{font-size:12px}.stage-count>i{width:4px;height:4px}.stage-title{top:115px}.stage-title h1{font-size:47px;line-height:1.7}.stage-title p{font-size:11px}.stage-preview{font-size:8px;top:85px}.stage-water{top:40%;bottom:135px}.stage-empty{max-width:340px;font-size:16px}.stage-float-button{min-width:219px;min-height:58px;font-size:21px}.stage-action{bottom:25px}.stage-action>p{margin-top:14px;font-size:8px}.river-stage>.water-scene{background-position:64%}}@media (max-width:540px){.stage-header{gap:10px;top:17px;left:14px;right:14px}.stage-brand{gap:4px}.stage-brand>span{font-size:23px}.stage-shortcuts{gap:6px}.stage-icon{background:#04192c60;width:37px;min-width:37px;height:37px;min-height:37px}.stage-icon>svg{width:17px;height:17px}.stage-icon>small{width:15px;min-width:15px;height:15px;font-size:7px}.stage-count{gap:6px;font-size:8px;top:51px}.stage-count strong{font-size:12px}.stage-title{top:112px}.stage-title>span{letter-spacing:.025em;font-size:8px}.stage-title h1{margin-top:4px;font-size:44px;line-height:1.6}.stage-title p{margin-top:5px;font-size:10px}.stage-water{top:41%;bottom:137px}.stage-empty{max-width:290px;font-size:14px;line-height:2.1;top:37%}.stage-empty>i{width:45px;margin-top:14px}.stage-empty>button{font-size:10px}.stage-preview{gap:6px;padding:2px 5px 2px 10px;font-size:7px;top:85px}.stage-preview>button{min-width:22px;min-height:22px}.stage-preview>svg{width:11px}.stage-action{bottom:24px}.stage-float-button{gap:12px;min-width:210px;min-height:55px;padding:13px 29px;font-size:20px}.stage-float-button>svg{width:20px}.stage-action>p{margin-top:13px;font-size:8px}.stage-alert{max-width:calc(100% - 35px);font-size:9px;bottom:121px}.single-river .toast{white-space:normal;text-align:center;font-size:10px;bottom:118px}.stage-settings .dialog-heading h2{font-size:26px}.stage-settings-rows>div,.stage-settings-rows>.stage-region-label{gap:12px;padding:15px 0;font-size:12px}.stage-setting-toggle{min-width:81px;min-height:38px;font-size:10px}.stage-region-label select{max-width:163px;font-size:11px}.stage-settings-rows>div>span>small{font-size:8px}.river-stage>.water-scene{background-position:60%}}@media (max-width:360px){.stage-brand>span{font-size:21px}.stage-icon{width:35px;min-width:35px;height:35px;min-height:35px}.stage-shortcuts{gap:5px}.stage-title h1{font-size:41px}.stage-empty{max-width:260px;font-size:13px}}@media (max-height:680px){.stage-title{top:85px}.stage-title h1{font-size:38px;line-height:1.5}.stage-title>span{font-size:8px}.stage-title p{font-size:9px}.stage-water{top:40%;bottom:119px}.stage-water .vessel-lane-0{width:76px}.stage-water .vessel-lane-1{width:95px}.stage-water .vessel-lane-2{width:112px}.stage-water .vessel-lane-3{width:134px}.stage-action{bottom:20px}.stage-float-button{min-width:194px;min-height:49px;font-size:18px}.stage-action>p{margin-top:10px;font-size:7px}.stage-empty{font-size:13px;top:32%}.stage-preview{font-size:7px;top:70px}.stage-count{top:43px}.stage-header{top:12px}.stage-alert{bottom:103px}}.stage-shortcuts .stage-icon{width:44px;min-width:44px;height:44px;min-height:44px}.river-wish-preview{z-index:42;color:#f6ebd1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);isolation:isolate;background:linear-gradient(145deg,#113448f5,#071d2bf5);border:1px solid #e5c88a65;border-radius:19px;width:min(340px,100vw - 32px);max-height:calc(100dvh - 230px);padding:20px 23px 17px;transition:opacity .18s,transform .18s;position:fixed;top:100px;left:16px;box-shadow:0 18px 65px #010d1c55,inset 0 1px #fff5d40a}.river-wish-preview:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#f6dc9d,#0000);height:1px;position:absolute;top:-1px;left:25px;right:25px}.river-wish-preview.is-visible{animation:.26s cubic-bezier(.2,.75,.25,1) both wish-appear}.river-wish-preview.is-leaving{opacity:0;pointer-events:none;transform:translateY(6px)}.river-wish-preview-heading{align-items:center;gap:12px;display:flex}.river-wish-emblem{color:#e2be80;background:#edd09709;border:1px solid #c9a76d40;border-radius:50%;flex:none;place-items:center;width:39px;height:39px;display:grid}.river-wish-preview-heading>div{flex:1;min-width:0}.river-wish-preview-heading small{color:#bdc8be;font-size:9px;line-height:1.7}.river-wish-preview-heading h2{font-family:var(--serif);color:#f4dba9;overflow-wrap:anywhere;font-size:22px;font-weight:400;line-height:1.6}.river-wish-preview-heading>button{color:#c7d4cd;background:0 0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;margin-right:-11px;transition:background .18s,color .18s;display:grid}.river-wish-preview-heading>button:hover{color:#ffe9b9;background:#edcd9020}.river-wish-preview-heading>button:focus-visible{outline-offset:1px;outline:2px solid #f0ce88}.river-wish-copy{font-family:var(--serif);color:#f6ecda;white-space:pre-wrap;overflow-wrap:anywhere;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9ab6966 transparent;max-height:min(210px,25dvh);margin:18px 0 0;padding:0 3px;font-size:19px;font-weight:400;line-height:1.95;animation:.22s both wish-copy-appear;position:relative;overflow:auto}.river-wish-preview-foot{color:#adbbb5;border-top:1px solid #d6c28e25;align-items:center;gap:6px;margin-top:17px;padding-top:12px;font-size:9px;line-height:1.7;display:flex}.river-wish-preview-foot>svg{color:#d4b87f;flex:none}.river-wish-preview-foot>i{background:#d4b87f66;border-radius:50%;flex:none;width:3px;height:3px;margin:0 2px}.stage-water .vessel-reading .vessel-name{color:#24464b;background:#fff1d5;border-color:#f2d59a;box-shadow:0 0 20px #f4d29221}@keyframes wish-appear{0%{opacity:0;transform:translateY(9px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes wish-copy-appear{0%{opacity:0}to{opacity:1}}@media (max-width:540px){.river-wish-preview{border-radius:17px;padding:17px 20px 15px}.river-wish-preview-heading h2{font-size:21px}.river-wish-copy{margin-top:14px;font-size:18px}.river-wish-preview-foot{margin-top:14px}}@media (prefers-reduced-motion:reduce){.river-wish-preview,.river-wish-copy{transition:none!important;animation:none!important}.river-wish-preview-heading>button{transition:none}}.river-wish-preview{flex-direction:column;display:flex}.river-wish-preview-heading,.river-wish-preview-foot{flex-shrink:0}.river-wish-copy{flex:0 auto;min-height:0}.river-wish-preview-heading h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.river-wish-copy:focus-visible{outline-offset:5px;border-radius:3px;outline:1px solid #e8c989}@media (max-height:520px){.river-wish-preview{max-height:calc(100dvh - 110px);padding:12px 18px}.river-wish-preview-heading h2{font-size:19px}.river-wish-copy{max-height:35dvh;margin-top:8px;font-size:16px}.river-wish-preview-foot{margin-top:9px;padding-top:8px}}.stage-water .vessel-lane-0{width:104px;top:0%}.stage-water .vessel-lane-1{width:134px;top:22%}.stage-water .vessel-lane-2{width:164px;top:45%}.stage-water .vessel-lane-3{width:192px;top:70%}@media (max-width:540px){.stage-water .vessel-lane-0{width:84px}.stage-water .vessel-lane-1{width:106px}.stage-water .vessel-lane-2{width:128px}.stage-water .vessel-lane-3{width:150px}}@media (max-height:680px){.stage-water .vessel-lane-0{visibility:hidden;pointer-events:none}.stage-water .vessel-lane-1{width:85px;top:0%}.stage-water .vessel-lane-2{width:108px;top:35%}.stage-water .vessel-lane-3{width:130px;top:70%}}.single-river.river-motion-off .vessel-candle-glow,.single-river.river-motion-off .vessel-reflection,.single-river.river-motion-off .stage-button-sheen{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.single-river .river-atmosphere{display:none}.single-river .vessel-candle-glow,.single-river .vessel-reflection,.single-river .stage-button-sheen{animation:none!important}.single-river .stage-icon,.single-river .stage-float-button{transition:none}.single-river .floating-vessel{transform:translateX(var(--still-x));animation:none!important}.single-river[data-motion=on] .water-scene canvas{display:block!important}.single-river[data-motion=on] .river-atmosphere{display:block}.single-river[data-motion=on] .floating-vessel{animation:river-drift var(--drift-duration) linear infinite!important;animation-delay:var(--drift-delay)!important}.single-river[data-motion=on] .floating-vessel-body{animation:6s ease-in-out infinite vessel-bob!important;animation-delay:var(--drift-delay)!important}.single-river[data-motion=on] .vessel-candle-glow{animation:3.8s ease-in-out infinite candle-bloom!important;animation-delay:var(--drift-delay)!important}.single-river[data-motion=on] .vessel-reflection{animation:5s ease-in-out infinite candle-reflection!important;animation-delay:var(--drift-delay)!important}.single-river[data-motion=on] .stage-button-sheen{animation:12s ease-in-out infinite button-sheen!important}}
.single-river{--mala-red:#ad351e;--mala-gold:#f1ca7b}.stage-brand{gap:11px}.stage-brand>span{color:#f1d59c;font-size:25px;line-height:1.3}.stage-brand small{font-family:var(--sans);color:#d2c6a7;letter-spacing:.06em;margin-top:6px;font-size:8px;font-weight:400;display:block}.stage-title>span{letter-spacing:.035em;color:#e5c68d;font-size:10px}.stage-title h1{margin-top:4px}.stage-title p{margin-top:0}.river-stage>.water-scene{background-position:50%}.stage-water{top:52%;bottom:177px}.stage-map-link{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ead6ad;background:#092b3e99;border:1px solid #efd09a42;border-radius:24px;justify-content:center;align-items:center;gap:9px;min-height:38px;margin-bottom:16px;padding:8px 15px;font-size:10px;transition:background .2s,border-color .2s;display:flex}.stage-map-link:hover{background:#163d4de8;border-color:#f3d399aa}.stage-float-button{color:#ffedc6;background:linear-gradient(115deg,#922e1c,#bd4628 53%,#9e2b19);border-color:#e1ad60;box-shadow:0 0 0 5px #efd19609,0 8px 40px #b9341b22,0 3px 20px #0003}.stage-action>p{font-size:9px}.krathong-art>img{object-fit:contain;filter:drop-shadow(0 6px 8px #0002);width:100%;height:100%;display:block}.stage-water .floating-vessel .krathong-art{overflow:visible}.stage-empty{max-width:350px;font-size:14px;top:30%}.stage-empty-collection{pointer-events:none;text-align:center;color:#d6d3bc;font-size:11px;font-family:var(--sans);text-shadow:0 2px 12px #001828}.stage-empty-collection>.krathong-art{width:190px;max-width:48vw;margin:0 auto 1px}.stage-empty-collection>span{margin-top:7px;display:block}.stage-empty-collection>small{color:#a8bcbb;margin-top:6px;font-size:9px;display:block}.board-region-badge{white-space:nowrap;color:#7d6242;background:#e8e8db;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:8px 12px;font-size:10px;display:flex}.krathong-picker{width:100%;min-width:0;max-width:100%}.krathong-picker legend{justify-content:space-between;align-items:center;gap:10px;width:100%;font-size:13px;display:flex}.krathong-picker legend>small{color:#8b816c;font-size:9px;font-weight:400}.krathong-picker>.mala-picker-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b99b66 #eae8db;gap:11px;min-width:0;max-width:100%;padding:7px 3px 13px;display:flex;overflow-x:auto}.mala-picker-track>button{scroll-snap-align:start;background:#eeeade;border-color:#d7ccbb;border-radius:12px;flex:0 0 132px;padding:3px 5px 12px}.mala-picker-track>button.selected{background:#f4e8cf;border-color:#b78742;box-shadow:0 0 0 1px #b78742}.mala-picker-track .krathong-art{width:120px;max-width:100%}.mala-picker-track>button>span:not(.krathong-art){justify-content:center;align-items:center;min-height:36px;font-size:11px;font-weight:500;line-height:1.7;display:flex}.mala-picker-track>button>small{color:#8d8170;margin-top:1px;font-size:9px;display:block}.krathong-picker>.mala-picker-caption{justify-content:space-between;align-items:center;gap:16px;margin-top:5px;display:flex}.mala-picker-caption>p{color:#7a6d5d;font-size:10px;line-height:1.8}.mala-picker-caption>span{flex:none;gap:6px;display:flex}.mala-picker-caption button{color:#8c6a3b;background:0 0;border:1px solid #cdbd9f;border-radius:50%;place-items:center;width:34px;height:34px;min-height:34px;padding:0;display:grid}.mala-picker-caption button:hover{background:#e8dcc4}.ceremony-dialog .wish-form .form-row{margin-top:15px}.isan-map-dialog{color:#31483e;background:#f6f0e4;border:1px solid #c9aa70;width:min(1060px,100vw - 32px);padding:38px 38px 25px}.isan-map-heading>span{color:#a34d2c;align-items:center;gap:7px;font-size:10px;display:flex}.isan-map-heading h2{font-family:var(--serif);color:#24463f;margin-top:12px;font-size:39px;font-weight:400;line-height:1.5}.isan-map-heading h2>em{color:#a94025;font-style:normal}.isan-map-heading>p{color:#7a8070;margin-top:8px;font-size:11px;line-height:1.9}.isan-map-tabs{border-bottom:1px solid #c8c3ad;gap:5px;margin:23px 0 20px;display:flex}.isan-map-tabs>button{color:#808370;border-bottom:2px solid #0000;align-items:center;gap:7px;min-height:44px;padding:10px 17px;font-size:12px;display:flex}.isan-map-tabs>button[aria-pressed=true]{color:#993c23;border-color:#a44527}.isan-map-layout{grid-template-columns:1.05fr 1fr;align-items:start;gap:29px;display:grid}.isan-map-canvas{color:#dbd4ad;background:radial-gradient(at 60% 40%,#1d4944,#0c2a30 75%);border:1px solid #dfc991;border-radius:15px;overflow:hidden}.isan-map-overline{color:#bdc8b3;justify-content:space-between;padding:17px 19px 0;font-size:9px;display:flex}.isan-map-overline>span:last-child{color:#efcc85}.isan-map-canvas>svg{width:100%;max-height:452px;margin:5px auto;display:block}.isan-province{cursor:pointer;outline:none}.isan-province>path{fill:url(#isan-region-fill);stroke:#b7c99770;stroke-width:.9px;transition:fill .2s,opacity .2s,stroke .2s}.isan-province>circle{fill:#d7bd7d;stroke:#102e2c;stroke-width:1.5px;pointer-events:none}.isan-province>text{fill:#e7dfc3;font-family:var(--sans);paint-order:stroke;stroke:#183632;stroke-width:2px;stroke-linejoin:round;pointer-events:none;font-size:9px}.isan-province:hover>path,.isan-province:focus-visible>path{fill:#57765d;stroke:#fff1b7;stroke-width:2px}.isan-province.is-selected>path{fill:url(#isan-selected-fill);stroke:#f5ce84;stroke-width:1.8px}.isan-province.is-selected>circle{fill:#fff0be;stroke:#bd542e;stroke-width:2px}.isan-province.is-selected>text{fill:#fff2c6;stroke:#8c3c25}.isan-province.is-dim{opacity:.25}.isan-map-caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:7px 18px 16px;display:flex}.isan-map-caption>span{color:#d3d6bb;align-items:center;gap:6px;font-size:8px;display:flex}.isan-map-caption i{background:#efc776;border-radius:50%;width:4px;height:4px}.isan-map-caption>small{color:#9aafa4;font-size:7px}.isan-map-caption a{text-underline-offset:2px;text-decoration:underline}.isan-map-directory{min-width:0}.isan-province-search{color:#78856d;border:1px solid #c2c5ac;border-radius:9px;align-items:center;gap:10px;min-height:43px;padding:10px 13px;display:flex}.isan-province-search>input{color:#385145;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:11px}.isan-province-search:focus-within{outline-offset:2px;outline:2px solid #b88743}.isan-province-list{flex-wrap:wrap;gap:6px;padding:13px 0 16px;display:flex}.isan-province-list>button{color:#63735d;background:#ececdd;border:1px solid #c5c9b5;border-radius:18px;min-height:31px;padding:5px 10px;font-size:10px;transition:background .2s,color .2s}.isan-province-list>button:hover{background:#e1dfc7}.isan-province-list>button[aria-pressed=true]{color:#fff0cd;background:#9d3d23;border-color:#9d3d23}.isan-province-list>p{color:#7d836e;padding:9px 0;font-size:11px}.isan-destination{border-top:1px solid #cbc6af;padding-top:16px;animation:.22s wish-copy-appear}.isan-destination>span{color:#9a5c35;align-items:center;gap:7px;font-size:10px;display:flex}.isan-destination h3{font-family:var(--serif);color:#254d42;margin-top:9px;font-size:28px;font-weight:400;line-height:1.7}.isan-destination>small{color:#8b8873;font-size:10px}.isan-destination>p{color:#697a66;margin:13px 0 18px;font-size:12px;line-height:2}.isan-destination>.button{color:#fff0cd;background:#a23c22;border-color:#bd9157;border-radius:24px;min-height:47px;font-size:12px}.isan-destination>.button>svg:last-child{margin-left:auto}.isan-source{color:#8b8f77;align-items:center;gap:5px;min-height:27px;margin-top:11px;font-size:8px;display:flex}.isan-map-note{color:#99967d;text-align:center;border-top:1px solid #d7d1b9;margin-top:21px;padding-top:14px;font-size:8px;line-height:1.9}.isan-culture{grid-template-columns:repeat(3,1fr);gap:27px;padding:9px 0 22px;display:grid}.isan-culture>article{border-top:1px solid #c7b590;padding-top:24px}.isan-culture-icon{color:#af5330;background:#e9ddc7;border:1px solid #ceb88c;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:21px;display:grid}.isan-culture small{color:#9a7956;font-size:9px;line-height:1.9;display:block}.isan-culture h3{font-family:var(--serif);color:#345447;margin-top:9px;font-size:24px;font-weight:400;line-height:1.8}.isan-culture p{color:#76816c;margin-top:15px;font-size:12px;line-height:2.2}.isan-culture a{color:#a46438;align-items:center;gap:6px;min-height:40px;margin-top:14px;font-size:9px;display:flex}@media (max-width:780px){.river-stage>.water-scene{background-position:66%}.stage-brand>span{font-size:23px}.stage-count{top:58px}.stage-water{top:52%;bottom:171px}.stage-map-link{min-height:34px;margin-bottom:13px;font-size:9px}.stage-empty{top:22%}.stage-empty-collection>.krathong-art{width:160px}.isan-map-dialog{padding:29px 24px 22px}.isan-map-heading h2{font-size:32px}.isan-map-layout{grid-template-columns:1fr 1fr;gap:19px}.isan-map-canvas>svg{max-height:410px}.isan-province-list{gap:5px}.isan-province-list>button{padding:4px 8px;font-size:9px}.isan-destination h3{font-size:25px}.isan-culture{gap:18px}.isan-culture h3{font-size:21px}}@media (max-width:560px){.stage-brand>span{font-size:20px}.stage-brand small{font-size:7px}.stage-brand{gap:7px}.stage-header{left:14px;right:14px}.stage-title{top:119px}.stage-title h1{font-size:43px}.stage-title>span{font-size:8px}.stage-title p{font-size:9px}.stage-count{top:55px}.stage-map-link{min-height:32px;margin-bottom:12px;padding:6px 12px;font-size:9px}.stage-water{top:52%;bottom:174px}.stage-empty{font-size:12px;top:18%}.stage-empty-collection>.krathong-art{width:145px;max-width:43vw}.stage-empty-collection>small{font-size:8px}.isan-map-dialog{border-radius:14px;width:calc(100vw - 20px);padding:28px 18px 20px}.isan-map-heading h2{font-size:30px;line-height:1.5}.isan-map-heading>p{font-size:10px}.isan-map-tabs{gap:0;margin-top:19px}.isan-map-tabs>button{padding:9px 12px;font-size:10px}.isan-map-layout{grid-template-columns:1fr;gap:18px}.isan-map-canvas{width:100%;max-width:360px;margin:auto}.isan-map-canvas>svg{max-height:335px}.isan-province>text{font-size:10px}.isan-map-overline{padding:14px 16px 0}.isan-map-caption{padding-bottom:13px}.isan-province-list>button{min-height:34px;padding:6px 10px;font-size:10px}.isan-destination>p{font-size:11px}.isan-map-note{font-size:8px}.isan-culture{grid-template-columns:1fr;gap:18px}.isan-culture>article{padding-top:18px}.isan-culture-icon{width:42px;height:42px;margin-bottom:13px}.isan-culture h3{font-size:23px}.isan-culture p{margin-top:8px;font-size:11px}.krathong-picker legend{font-size:12px}.mala-picker-track>button{flex-basis:127px}.mala-picker-track>button>span:not(.krathong-art){font-size:10px}.mala-picker-track .krathong-art{max-width:114px}.mala-picker-caption>p{font-size:9px}.board-region-badge{padding:6px 8px;font-size:8px}}@media (max-width:380px){.stage-brand>span{font-size:18px}.stage-brand small{font-size:6px}.stage-shortcuts{gap:4px}.stage-title h1{font-size:39px}}@media (max-height:680px){.stage-title{top:87px}.stage-title h1{font-size:35px}.stage-title>span{font-size:7px}.stage-title p{font-size:8px}.stage-map-link{min-height:29px;margin-bottom:9px;font-size:8px}.stage-water{top:53%;bottom:148px}.stage-empty{top:8%}.stage-empty-collection>.krathong-art{width:115px}.stage-empty-collection>span{margin-top:0;font-size:9px}.stage-empty-collection>small{display:none}.stage-count{top:48px}}@media (prefers-reduced-motion:reduce){.stage-map-link,.isan-province>path,.isan-province-list>button{transition:none}.isan-destination{animation:none}}
.province-backdrop,.province-scene-layer{pointer-events:none;position:absolute;inset:0}.province-backdrop{z-index:0;background:#071b2a}.province-scene-layer .water-scene{background-position:50%}.scene-arriving{animation:.9s both province-scene-in}.province-gimmick{z-index:4;pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.scene-load-status{z-index:37;color:#e7d7b3;opacity:0;pointer-events:none;white-space:nowrap;background:#082b3de8;border:1px solid #d4b77b33;border-radius:20px;align-items:center;gap:7px;max-width:calc(100% - 30px);padding:5px 11px;font-size:9px;transition:opacity .2s;display:flex;position:absolute;top:87px;left:50%;transform:translate(-50%)}.scene-load-status.visible{opacity:1;pointer-events:auto}.scene-load-status>i{background:#e1bb71;border-radius:50%;width:4px;height:4px}.scene-load-status>button{min-height:30px;padding:3px 8px;text-decoration:underline}.stage-title{pointer-events:none}.stage-place{pointer-events:auto;justify-content:center;align-items:center;gap:7px;margin-top:13px;display:flex}.stage-place>button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f0d8a6;min-height:35px;font-family:var(--sans);background:#092a3b8c;border:1px solid #e2c48b45;border-radius:25px;align-items:center;gap:7px;padding:6px 12px;font-size:10px;transition:background .2s,border-color .2s;display:flex}.stage-place>button:hover{background:#174351cc;border-color:#e5c88c99}.stage-place>button>span{color:#aebfba;margin-left:4px;font-size:8px}.stage-place>.stage-overview{color:#c6d0be;background:#092b3a55;border-color:#b7c7ac2b;font-size:9px}.stage-gimmick{font-family:var(--sans);color:#d3c6a2;letter-spacing:.01em;text-shadow:0 2px 12px #041625;justify-content:center;align-items:center;gap:5px;margin-top:9px;font-size:9px;display:flex}.stage-gimmick>svg{color:#e1bf7b}.isan-scene-preview{aspect-ratio:2.3;background:#153b3d;border-radius:9px;margin-top:13px;position:relative;overflow:hidden}.isan-scene-preview>img{object-fit:cover;object-position:center 38%;width:100%;height:100%;display:block}.isan-scene-preview>span{color:#eee3c7;background:linear-gradient(#0000,#051c2be6);padding:15px 11px 7px;font-size:8px;line-height:1.8;position:absolute;bottom:0;left:0;right:0}.isan-scene-gimmick{color:#a46532;align-items:center;gap:7px;margin:0 0 13px;font-size:10px;display:flex}.isan-scene-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.isan-scene-actions>button{color:#94643c;justify-content:center;align-items:center;gap:5px;min-height:38px;padding:5px 2px;font-size:10px;display:flex}.isan-scene-actions>button:hover{text-underline-offset:4px;text-decoration:underline}.isan-destination>p{margin:10px 0 12px}.isan-map-dialog{max-height:calc(100dvh - 40px)}@keyframes province-scene-in{0%{opacity:0}to{opacity:1}}@media (max-width:780px){.province-scene-layer .water-scene,.release-scene>.water-scene{background-position:var(--water-mobile-crop,66%) center}.stage-place{gap:6px;margin-top:11px}.stage-place>button{min-height:33px;padding:5px 10px;font-size:9px}.stage-gimmick{margin-top:7px;font-size:8px}.scene-load-status{font-size:8px;top:90px}.isan-scene-preview{aspect-ratio:2}}@media (max-width:540px){.stage-title{top:112px}.stage-title h1{font-size:39px;line-height:1.5}.stage-title p{margin-top:5px;font-size:9px;line-height:1.8}.stage-place>button{min-height:34px;font-size:9px}.stage-place>.stage-overview{font-size:8px}.stage-gimmick{max-width:calc(100vw - 35px);margin:8px auto 0;font-size:8px}.scene-load-status{max-width:calc(100vw - 28px);top:87px}.isan-scene-preview{aspect-ratio:2.25}.isan-scene-actions>button{font-size:10px}}@media (max-height:680px){.stage-title{top:78px}.stage-title h1{margin-top:1px;font-size:31px;line-height:1.4}.stage-title>span{font-size:7px}.stage-title p{margin-top:1px;font-size:8px}.stage-place{margin-top:6px}.stage-place>button{min-height:29px;padding:3px 9px;font-size:8px}.stage-gimmick{margin-top:5px;font-size:7px}.scene-load-status{font-size:7px;top:auto;bottom:150px}}@media (prefers-reduced-motion:reduce){.scene-arriving{animation:none}.stage-place>button,.scene-load-status{transition:none}.province-gimmick{display:none}.single-river[data-motion=on] .province-gimmick{display:block}}@media (max-height:420px) and (min-width:540px){.stage-title{text-align:left;width:260px;top:68px;left:20px;right:auto}.stage-title h1{font-size:29px;line-height:1.4}.stage-title>span{font-size:6px}.stage-title p{font-size:7px}.stage-place{justify-content:flex-start;margin-top:5px}.stage-place>button{min-height:28px;font-size:8px}.stage-gimmick{display:none}.stage-action{width:205px;bottom:18px;left:auto;right:20px}.stage-float-button{min-width:185px;min-height:44px;padding:8px 22px;font-size:17px}.stage-map-link{min-height:28px;margin-bottom:8px;padding:4px 10px;font-size:8px}.stage-action>p{margin-top:8px;font-size:6px}.stage-water{top:52%;bottom:105px}.stage-water .vessel-lane-1{width:70px}.stage-water .vessel-lane-2{width:85px}.stage-water .vessel-lane-3{width:96px;top:56%}.scene-load-status{inset:58px 18px auto auto;transform:none}}
.isan-map-dialog[open]{grid-template-rows:auto auto minmax(0,1fr);gap:0;width:min(1100px,100vw - 32px);height:min(760px,100dvh - 32px);max-height:calc(100dvh - 32px);padding:22px 26px 18px;display:grid;overflow:hidden}.isan-map-dialog .isan-map-heading{padding-right:48px}.isan-map-dialog .isan-map-heading>span{gap:6px;font-size:9px;line-height:1.5}.isan-map-dialog .isan-map-heading h2{margin-top:5px;font-size:29px;line-height:1.35}.isan-map-dialog .isan-map-tabs{gap:5px;margin:10px 0 12px}.isan-map-dialog .isan-map-tabs>button{min-height:36px;padding:7px 14px;font-size:11px}.isan-map-body{min-width:0;min-height:0}.isan-map-body.map-view{grid-template-rows:minmax(0,1fr) auto;gap:9px;display:grid}.isan-map-dialog .isan-map-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:stretch;gap:23px;min-height:0;display:grid}.isan-map-dialog .isan-map-canvas{border-radius:12px;flex-direction:column;width:100%;max-width:none;height:100%;min-height:0;margin:0;display:flex}.isan-map-dialog .isan-map-overline{flex-shrink:0;padding:13px 15px 0;font-size:8px}.isan-map-dialog .isan-map-canvas>svg{flex:1;width:100%;height:100%;min-height:0;max-height:none;margin:3px 0}.isan-map-dialog .isan-map-caption{flex-shrink:0;gap:6px;padding:6px 13px 12px}.isan-map-dialog .isan-map-caption>span{font-size:8px}.isan-map-dialog .isan-map-caption>small{font-size:7px}.isan-map-dialog .isan-map-directory{grid-template-rows:auto auto minmax(0,1fr);gap:9px;min-height:0;display:grid}.isan-map-dialog .isan-province-search{border-radius:7px;min-height:35px;padding:7px 11px}.isan-map-dialog .isan-province-search>input{font-size:10px}.isan-map-dialog .isan-province-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:0;display:grid}.isan-map-dialog .isan-province-list>button{white-space:nowrap;border-radius:16px;min-height:28px;padding:4px 3px;font-size:9px;line-height:1.5}.isan-province-select{display:none}.isan-map-dialog .isan-destination{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"eyebrow eyebrow""name water""preview description""preview gimmick""preview source""enter enter""actions actions";align-content:start;align-items:center;gap:5px 12px;min-height:0;padding-top:10px;display:grid}.isan-map-dialog .isan-destination>span{grid-area:eyebrow;font-size:9px;line-height:1.5}.isan-map-dialog .isan-destination h3{overflow-wrap:anywhere;grid-area:name;margin:0;font-size:22px;line-height:1.35}.isan-map-dialog .isan-destination>small{text-align:right;grid-area:water;font-size:9px;line-height:1.7}.isan-map-dialog .isan-scene-preview{aspect-ratio:auto;border-radius:8px;grid-area:preview;width:100%;height:clamp(95px,17dvh,145px);margin:3px 0 0}.isan-map-dialog .isan-scene-preview>span{padding:14px 8px 6px;font-size:7px;line-height:1.65}.isan-map-dialog .isan-destination>p{grid-area:description;align-self:start;margin:2px 0 0;font-size:10px;line-height:1.85}.isan-map-dialog .isan-scene-gimmick{grid-area:gimmick;align-self:center;gap:5px;margin:0;font-size:9px;line-height:1.7}.isan-map-dialog .isan-scene-gimmick>svg{flex:none;width:12px}.isan-map-dialog .isan-source{grid-area:source;align-self:end;min-height:25px;margin:0;font-size:8px;line-height:1.6}.isan-map-dialog .isan-destination>.button{grid-area:enter;min-height:39px;margin-top:3px;padding:8px 14px;font-size:11px}.isan-map-dialog .isan-scene-actions{grid-area:actions;gap:7px;margin:0}.isan-map-dialog .isan-scene-actions>button{min-height:29px;padding:4px 0;font-size:9px}.isan-map-dialog .isan-map-note{margin:0;padding-top:7px;font-size:8px;line-height:1.6}.isan-map-body.culture-view{grid-template-rows:minmax(0,1fr);display:grid}.isan-culture-selector{display:none}.isan-map-dialog .isan-culture{align-items:start;gap:22px;min-height:0;padding:3px 0 0}.isan-map-dialog .isan-culture>article{padding-top:20px}.isan-map-dialog .isan-culture-icon{width:45px;height:45px;margin-bottom:16px}.isan-map-dialog .isan-culture h3{font-size:23px;line-height:1.6}.isan-map-dialog .isan-culture p{margin-top:12px;font-size:12px;line-height:2}.isan-map-dialog .isan-culture a{min-height:34px;margin-top:12px;font-size:9px}@media (max-width:900px){.isan-map-dialog[open]{padding:19px 20px 15px}.isan-map-dialog .isan-map-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px}.isan-map-dialog .isan-province-list>button{min-height:27px;font-size:8px}.isan-map-dialog .isan-destination{column-gap:9px}.isan-map-dialog .isan-destination h3{font-size:20px}.isan-map-dialog .isan-destination>p{font-size:9px}.isan-map-dialog .isan-scene-gimmick{font-size:8px}.isan-map-dialog .isan-culture h3{font-size:21px}.isan-map-dialog .isan-culture p{font-size:11px}}@media (max-width:679px){.isan-map-dialog[open]{border-radius:13px;width:calc(100vw - 20px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:16px 15px 12px}.isan-map-dialog .dialog-close{top:8px;right:8px}.isan-map-dialog .isan-map-heading h2{margin-top:4px;font-size:23px}.isan-map-dialog .isan-map-heading>span{font-size:8px}.isan-map-dialog .isan-map-tabs{margin:8px 0 10px}.isan-map-dialog .isan-map-tabs>button{min-height:33px;padding:6px 10px;font-size:10px}.isan-map-body.map-view{gap:7px}.isan-map-dialog .isan-map-layout{grid-template:"select""map"minmax(0,1fr)"destination"/minmax(0,1fr);gap:8px}.isan-map-dialog .isan-map-directory{display:contents}.isan-map-dialog .isan-province-search,.isan-map-dialog .isan-province-list{display:none}.isan-province-select{color:#64745e;grid-area:select;align-items:center;gap:10px;min-width:0;font-size:10px;display:flex}.isan-province-select>span{flex:none}.isan-province-select>select{color:#385444;background:#faf7ed;border:1px solid #c5c4aa;border-radius:7px;flex:1;min-width:0;min-height:36px;padding:6px 10px;font-size:11px}.isan-map-dialog .isan-map-canvas{grid-area:map;min-height:0}.isan-map-dialog .isan-map-overline{padding:9px 12px 0;font-size:7px}.isan-map-dialog .isan-map-caption{gap:4px;padding:3px 11px 8px}.isan-map-dialog .isan-map-caption>span{font-size:7px}.isan-map-dialog .isan-map-caption>small{font-size:6px}.isan-map-dialog .isan-destination{grid-area:destination;gap:4px 10px;padding-top:7px}.isan-map-dialog .isan-destination h3{font-size:20px}.isan-map-dialog .isan-destination>small{font-size:8px}.isan-map-dialog .isan-scene-preview{height:108px}.isan-map-dialog .isan-destination>p{font-size:9px;line-height:1.8}.isan-map-dialog .isan-scene-gimmick{font-size:8px}.isan-map-dialog .isan-source{min-height:21px;font-size:7px}.isan-map-dialog .isan-destination>.button{min-height:37px;margin-top:2px;padding:7px 12px;font-size:11px}.isan-map-dialog .isan-scene-actions>button{min-height:28px;font-size:9px}.isan-map-dialog .isan-map-note{padding-top:5px;font-size:7px;line-height:1.5}.isan-map-body.culture-view{grid-template-rows:auto minmax(0,1fr);gap:12px}.isan-culture-selector{gap:6px;display:flex}.isan-culture-selector>button{color:#7e7960;border:1px solid #c7c5ac;border-radius:20px;flex:1;min-height:34px;font-size:10px}.isan-culture-selector>button[aria-pressed=true]{color:#fff0d4;background:#9d3d23;border-color:#9d3d23}.isan-map-dialog .isan-culture{display:block}.isan-map-dialog .isan-culture>article{padding-top:14px;display:none}.isan-map-dialog .isan-culture>article[data-active=true]{display:block}.isan-map-dialog .isan-culture-icon{width:40px;height:40px;margin-bottom:12px}.isan-map-dialog .isan-culture h3{font-size:23px}.isan-map-dialog .isan-culture p{font-size:12px;line-height:2}.isan-map-dialog .isan-culture a{margin-top:10px}}@media (max-width:679px) and (max-height:650px){.isan-map-dialog[open]{padding:12px 12px 9px}.isan-map-dialog .isan-map-heading h2{font-size:21px;line-height:1.3}.isan-map-dialog .isan-map-tabs{margin:5px 0 7px}.isan-map-dialog .isan-map-tabs>button{min-height:30px;font-size:9px}.isan-province-select>select{min-height:32px;font-size:10px}.isan-map-dialog .isan-map-layout{gap:6px}.isan-map-dialog .isan-destination h3{font-size:17px}.isan-map-dialog .isan-destination>span{font-size:8px}.isan-map-dialog .isan-destination>small{font-size:7px}.isan-map-dialog .isan-scene-preview{height:78px}.isan-map-dialog .isan-destination>p{font-size:8px;line-height:1.7}.isan-map-dialog .isan-scene-gimmick{font-size:7px}.isan-map-dialog .isan-source{min-height:17px;font-size:7px}.isan-map-dialog .isan-destination>.button{min-height:33px;padding:5px 11px;font-size:10px}.isan-map-dialog .isan-scene-actions>button{min-height:25px;font-size:8px}.isan-map-dialog .isan-map-overline{padding-top:7px}.isan-map-dialog .isan-map-caption{padding-bottom:6px}.isan-map-dialog .isan-map-caption>span{display:none}.isan-map-dialog .isan-culture-icon{width:30px;height:30px;margin-bottom:7px}.isan-map-dialog .isan-culture>article{padding-top:9px}.isan-map-dialog .isan-culture h3{font-size:20px}.isan-map-dialog .isan-culture p{margin-top:9px;font-size:11px;line-height:1.9}}@media (max-height:680px) and (min-width:680px){.isan-map-dialog[open]{height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:13px 18px 11px}.isan-map-dialog .isan-map-heading h2{margin-top:2px;font-size:24px}.isan-map-dialog .isan-map-heading>span{font-size:8px}.isan-map-dialog .isan-map-tabs{margin:5px 0 8px}.isan-map-dialog .isan-map-tabs>button{min-height:30px;padding:5px 11px;font-size:10px}.isan-map-dialog .isan-province-search{min-height:31px}.isan-map-dialog .isan-province-list>button{min-height:24px;padding:3px 2px;font-size:8px}.isan-map-dialog .isan-map-directory{gap:7px}.isan-map-dialog .isan-destination{row-gap:3px;padding-top:7px}.isan-map-dialog .isan-destination h3{font-size:19px}.isan-map-dialog .isan-scene-preview{height:88px}.isan-map-dialog .isan-destination>p{font-size:9px;line-height:1.7}.isan-map-dialog .isan-destination>.button{min-height:34px;padding:6px 11px;font-size:10px}.isan-map-dialog .isan-scene-actions>button{min-height:25px}.isan-map-dialog .isan-map-note{font-size:7px}.isan-map-dialog .isan-culture-icon{width:33px;height:33px;margin-bottom:10px}.isan-map-dialog .isan-culture>article{padding-top:12px}.isan-map-dialog .isan-culture h3{font-size:20px}.isan-map-dialog .isan-culture p{font-size:11px;line-height:1.85}}@media (max-height:420px) and (min-width:540px){.isan-map-dialog[open]{width:calc(100vw - 20px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:9px 12px}.isan-map-dialog .isan-map-heading>span{display:none}.isan-map-dialog .isan-map-heading h2{margin:0;font-size:20px}.isan-map-dialog .isan-map-tabs{margin:3px 0 6px}.isan-map-dialog .isan-map-tabs>button{min-height:27px;padding:3px 9px;font-size:9px}.isan-map-dialog .dialog-close{width:32px;min-width:32px;height:32px;min-height:32px;top:7px;right:9px}.isan-map-dialog .isan-map-layout{grid-template:"map select""map destination"minmax(0,1fr)/minmax(0,.8fr) minmax(0,1.2fr);gap:5px 12px}.isan-map-dialog .isan-map-directory{display:contents}.isan-map-dialog .isan-province-search,.isan-map-dialog .isan-province-list{display:none}.isan-province-select{grid-area:select;font-size:9px;display:flex}.isan-province-select>select{min-height:28px;font-size:10px}.isan-map-dialog .isan-map-canvas{grid-area:map}.isan-map-dialog .isan-map-overline{padding:7px 8px 0;font-size:6px}.isan-map-dialog .isan-map-caption{padding:2px 8px 6px}.isan-map-dialog .isan-map-caption>span{display:none}.isan-map-dialog .isan-map-caption>small{font-size:6px}.isan-map-dialog .isan-destination{grid-area:destination;grid-template-areas:"name water""preview description""preview gimmick""preview source""enter enter""actions actions";gap:2px 8px;padding-top:3px}.isan-map-dialog .isan-destination>span{display:none}.isan-map-dialog .isan-destination h3{font-size:16px;line-height:1.3}.isan-map-dialog .isan-destination>small{font-size:7px}.isan-map-dialog .isan-scene-preview{height:68px}.isan-map-dialog .isan-destination>p{font-size:7px;line-height:1.6}.isan-map-dialog .isan-scene-preview>span{padding:9px 5px 3px;font-size:6px}.isan-map-dialog .isan-scene-gimmick{gap:3px;font-size:7px}.isan-map-dialog .isan-source{min-height:14px;font-size:6px}.isan-map-dialog .isan-destination>.button{min-height:29px;margin-top:1px;padding:4px 9px;font-size:9px}.isan-map-dialog .isan-scene-actions>button{min-height:22px;padding:2px 0;font-size:7px}.isan-map-dialog .isan-map-note{padding-top:4px;font-size:6px}.isan-map-body.map-view{gap:4px}.isan-map-body.culture-view{grid-template-rows:minmax(0,1fr);grid-template-columns:100px minmax(0,1fr);gap:12px}.isan-culture-selector{flex-direction:column;justify-content:flex-start}.isan-culture-selector>button{flex:0 0 30px;min-height:30px;font-size:9px}.isan-map-dialog .isan-culture>article{padding-top:7px}.isan-map-dialog .isan-culture-icon{display:none}.isan-map-dialog .isan-culture small{font-size:8px}.isan-map-dialog .isan-culture h3{margin-top:5px;font-size:17px}.isan-map-dialog .isan-culture p{margin-top:7px;font-size:10px;line-height:1.75}.isan-map-dialog .isan-culture a{min-height:25px;margin-top:5px;font-size:8px}}
.mala-picker-track>button{background:linear-gradient(155deg,#f8f4e9,#ede8dc);border-color:#d7c9b1;border-radius:14px;flex-basis:156px;padding:5px 7px 12px}.mala-picker-track .krathong-art{width:140px;max-width:100%;margin:0 auto}.mala-picker-track>button>span:not(.krathong-art){min-height:37px;font-size:11px;line-height:1.7}.mala-picker-track>button>small{color:#887456;font-size:9px;line-height:1.7}.mala-picker-track>button.selected{background:linear-gradient(145deg,#fff8e9,#eee1c6);border-color:#bd8b43;box-shadow:0 0 0 1px #bd8b43}.mala-picker-track>button.selected>small{color:#9b6131}.mala-picker-caption>p{color:#887150;max-width:440px;font-size:11px;line-height:1.9}.mala-picker-track .krathong-art>img{filter:drop-shadow(0 5px 5px #694a2519)}.wish-preview .krathong-art{width:235px}.stage-water .floating-vessel .krathong-art>img{filter:drop-shadow(0 3px 10px #e8bf6517)}@media (max-width:540px){.mala-picker-track>button{flex-basis:143px;padding:4px 6px 10px}.mala-picker-track .krathong-art{width:130px;max-width:100%}.mala-picker-track>button>span:not(.krathong-art){min-height:35px;font-size:10px}.mala-picker-track>button>small{font-size:8px}.mala-picker-caption>p{font-size:10px;line-height:1.85}.wish-preview .krathong-art{width:205px}}
@font-face{font-family:Thai Display;src:url(/assets/fonts/charmonman-400.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Thai Display;src:url(/assets/fonts/charmonman-700.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}:root{--display:"Thai Display","Thai Serif",Georgia,serif}.stage-brand>span{font-family:var(--display);letter-spacing:0;color:#f2cf8f;font-size:29px;font-weight:700;line-height:1.65}.stage-title{top:105px}.stage-title>span{color:#ddc195;font-size:10px}.stage-title .province-lettering{aspect-ratio:1400/520;letter-spacing:0;isolation:isolate;width:min(490px,100vw - 42px);margin:3px auto 0;font-size:clamp(42px,6vw,68px);line-height:1;position:relative}.province-lettering-text{font-family:var(--display);color:#f4d793;text-shadow:0 3px 22px #04131e;justify-content:center;align-items:center;font-weight:700;line-height:1.6;display:flex;position:absolute;inset:0}.province-lettering>img{object-fit:contain;opacity:0;filter:drop-shadow(0 3px 12px #020c1bd9);width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.lettering-ready>.province-lettering-text{opacity:0}.lettering-ready>img{opacity:1}.stage-title>p{font-family:var(--display);color:#f2dfb9;text-shadow:0 2px 14px #031625;margin:-2px 0 0;font-size:21px;font-weight:700;line-height:1.65}.stage-place{margin-top:9px}.stage-gimmick{margin-top:8px}.stage-float-button{font-family:var(--display);font-size:25px;font-weight:700;line-height:1.5}.dialog h2,.dialog h3{font-family:var(--display);letter-spacing:0;font-weight:700}.dialog .wish-preview h3{line-height:1.8}.isan-map-heading h2{line-height:1.5}.isan-destination h3{line-height:1.65}@media (min-width:1700px){.stage-title{top:118px}.stage-title .province-lettering{width:540px}.stage-title>p{font-size:23px}}@media (max-width:780px){.stage-brand>span{font-size:27px}.stage-title .province-lettering{width:min(450px,100vw - 40px)}.stage-title>p{font-size:19px}}@media (max-width:540px){.stage-brand>span{font-size:24px}.stage-title{top:112px}.stage-title>span{font-size:8px}.stage-title .province-lettering{width:calc(100vw - 42px);max-width:370px;margin-top:5px;font-size:45px}.stage-title>p{margin-top:2px;font-size:17px;line-height:1.8}.stage-place{margin-top:7px}.stage-gimmick{margin-top:7px;font-size:7px}.stage-float-button{font-size:23px}}@media (max-height:680px){.stage-title{top:78px}.stage-title .province-lettering{width:min(340px,100vw - 38px);margin-top:0;font-size:40px}.stage-title>p{margin-top:0;font-size:15px;line-height:1.6}.stage-title>span{font-size:7px}.stage-place{margin-top:5px}.stage-gimmick{margin-top:6px;font-size:7px}}@media (max-height:420px) and (min-width:540px){.stage-title{top:66px}.stage-title .province-lettering{width:255px;max-width:100%;margin:0;font-size:34px}.province-lettering-text{justify-content:flex-start}.stage-title>p{margin-top:0;font-size:13px;line-height:1.6}.stage-brand>span{font-size:23px}.stage-float-button{font-size:20px}}@media (prefers-reduced-motion:reduce){.province-lettering>img,.province-lettering-text{transition:none}}
.stage-music[aria-pressed=true]{color:#f7d68f;background:#dab56b14;border-color:#d5b77b9c;box-shadow:0 0 18px #f5c86a12}@media (prefers-reduced-motion:reduce){.single-river[data-motion=on] .floating-vessel,.single-river[data-motion=on] .floating-vessel-body,.single-river[data-motion=on] .vessel-candle-glow,.single-river[data-motion=on] .vessel-reflection{animation-iteration-count:infinite!important;animation-play-state:running!important}.single-river[data-motion=on] .release-ring{display:block;animation:5s ease-out infinite ripple!important}.single-river[data-motion=on] .released-krathong{animation:7s ease-in-out infinite release-bob!important}}
.ceremony-dialog{width:min(960px,100% - 32px);max-width:calc(100% - 16px);max-height:calc(100dvh - 28px);padding:26px 30px}.ceremony-dialog>.dialog-close{width:36px;min-width:36px;height:36px;min-height:36px}.ceremony-dialog .dialog-heading{margin:0 0 18px;padding-right:28px}.ceremony-dialog .dialog-heading>.gold-label{width:fit-content;margin-bottom:3px;font-size:10px;display:flex}.ceremony-dialog .dialog-heading.center>.gold-label{margin-inline:auto}.ceremony-dialog .dialog-heading h2{letter-spacing:0;font-size:32px;line-height:1.65}.ceremony-dialog .dialog-heading h2 br{display:none}.ceremony-dialog .dialog-heading>p{margin-top:2px;font-size:11px;line-height:1.8}.ceremony-dialog .wish-form{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:start;gap:26px;display:grid}.ceremony-fields{flex-direction:column;gap:12px;min-width:0;display:flex}.ceremony-dialog .wish-form .form-row{grid-template-columns:1fr 1fr;gap:12px;margin:0}.ceremony-fields>label,.ceremony-fields .form-row>label{min-width:0;font-size:12px;font-weight:500;line-height:1.8;display:block}.ceremony-dialog .wish-form input:not([type=checkbox]),.ceremony-dialog .wish-form select{height:42px;min-height:42px;margin-top:4px;padding:8px 10px}.ceremony-dialog .wish-form textarea{resize:none;height:106px;min-height:0;margin-top:4px;padding:9px 11px 22px;line-height:1.8;display:block}.ceremony-fields .wish-message{position:relative}.ceremony-fields .field-count{pointer-events:none;background:#fcfbf8;margin:0;padding-left:5px;line-height:1.8;position:absolute;bottom:3px;right:10px}.ceremony-fields>.checkbox-label{align-items:flex-start;gap:9px;font-size:11px;font-weight:400;line-height:1.8;display:flex}.ceremony-fields .checkbox-label small{margin-top:1px;font-size:10px;line-height:1.7}.ceremony-dialog .wish-form .button{min-height:46px;padding:10px 14px;font-size:13px}.ceremony-dialog .krathong-picker legend{margin-bottom:3px;font-size:12px}.ceremony-dialog .mala-picker-track{gap:10px;padding:5px 3px 9px}.ceremony-dialog .mala-picker-track>button{flex-basis:158px;padding:4px 7px 9px}.ceremony-dialog .mala-picker-track .krathong-art{width:142px}.ceremony-dialog .mala-picker-track>button>span:not(.krathong-art){min-height:34px;font-size:11px;line-height:1.6}.ceremony-dialog .mala-picker-track>button>small{font-size:9px;line-height:1.7}.ceremony-dialog .mala-picker-caption{align-items:flex-start;gap:8px;margin-top:4px}.ceremony-dialog .mala-picker-caption>p{font-size:11px;line-height:1.8}.ceremony-dialog .mala-picker-caption button{width:32px;height:32px;min-height:32px}.ceremony-dialog .form-error{overflow-wrap:anywhere;margin:0;padding:6px 10px;font-size:11px;line-height:1.7}.ceremony-review{width:min(680px,100% - 32px)}.ceremony-review .dialog-heading{margin-bottom:8px}.ceremony-review .wish-preview{text-align:left;grid-template-columns:155px minmax(0,1fr);align-items:center;gap:3px 18px;margin:0 0 12px;padding:14px 18px;display:grid}.ceremony-review .wish-preview>.krathong-art{grid-area:1/1/6;width:155px}.ceremony-review .wish-preview>h3{margin:0;font-size:21px;line-height:1.7}.ceremony-review .wish-preview blockquote{font-family:var(--sans);overscroll-behavior:contain;max-height:min(23dvh,180px);margin:3px 0;font-size:13px;line-height:1.9;overflow:auto}.ceremony-review .wish-preview>p{overflow-wrap:anywhere;font-size:11px}.ceremony-review .wish-preview>span,.ceremony-review .wish-preview>small{justify-content:flex-start;margin-top:3px}.ceremony-review>.dialog-close{z-index:5}.ceremony-review .button{min-height:44px;padding:9px 15px;font-size:13px}.ceremony-review .back-button{min-height:36px;margin-top:4px}.ceremony-review .storage-hint{margin-top:2px}.ceremony-dialog.ceremony-released{width:min(720px,100% - 20px);padding:0}@media (max-width:899px){.ceremony-compose{width:min(680px,100% - 24px);padding:20px 24px}.ceremony-dialog .wish-form{grid-template-columns:minmax(0,1fr);gap:12px}.ceremony-dialog .dialog-heading{margin-bottom:12px}.ceremony-dialog .dialog-heading h2{font-size:30px}.ceremony-dialog .mala-picker-track>button{flex-basis:134px;padding:3px 6px 6px}.ceremony-dialog .mala-picker-track .krathong-art{width:110px}.ceremony-dialog .mala-picker-track>button>span:not(.krathong-art){min-height:30px;font-size:10px}.ceremony-dialog .mala-picker-track>button>small{font-size:8px}.ceremony-dialog .mala-picker-caption{align-items:center}.ceremony-dialog .mala-picker-caption>p{font-size:10px;line-height:1.7}.ceremony-fields{gap:9px}.ceremony-dialog .wish-form textarea{height:83px}}@media (max-width:540px){.ceremony-compose{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:16px}.ceremony-dialog .dialog-heading{margin-bottom:9px;padding-right:25px}.ceremony-dialog .dialog-heading>.gold-label{font-size:9px}.ceremony-dialog .dialog-heading h2{font-size:25px;line-height:1.8}.ceremony-dialog .dialog-heading>p{font-size:10px;line-height:1.7}.ceremony-dialog .wish-form{gap:9px}.ceremony-dialog .krathong-picker legend{margin-bottom:1px;font-size:11px}.ceremony-dialog .mala-picker-track{gap:8px;padding:4px 2px 7px}.ceremony-dialog .mala-picker-track>button{flex-basis:122px}.ceremony-dialog .mala-picker-track .krathong-art{width:100px}.ceremony-dialog .mala-picker-caption button{width:30px;height:30px;min-height:30px}.ceremony-fields>label,.ceremony-fields .form-row>label{font-size:11px}.ceremony-dialog .wish-form .form-row{gap:9px}.ceremony-dialog .wish-form input:not([type=checkbox]),.ceremony-dialog .wish-form select{height:40px;min-height:40px;padding:7px 8px;font-size:12px}.ceremony-fields>.checkbox-label{gap:7px;font-size:10px}.ceremony-fields .checkbox-label small{font-size:9px}.ceremony-review{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:16px}.ceremony-review .wish-preview{grid-template-columns:92px minmax(0,1fr);gap:3px 10px;padding:12px}.ceremony-review .wish-preview>.krathong-art{width:92px}.ceremony-review .wish-preview>h3{font-size:18px}.ceremony-review .wish-preview blockquote{max-height:clamp(48px,100dvh - 500px,25dvh);font-size:12px}.ceremony-review:has(.form-error) .wish-preview blockquote{max-height:48px}.ceremony-review:has(.form-error) .dialog-heading>.gold-label{display:none}}@media (max-height:720px) and (max-width:899px){.ceremony-dialog .dialog-heading>p{display:none}.ceremony-compose{padding:12px 16px}.ceremony-dialog .dialog-heading{margin-bottom:6px}.ceremony-dialog .dialog-heading h2{font-size:24px;line-height:1.7}.ceremony-dialog .mala-picker-track .krathong-art{width:72px}.ceremony-dialog .mala-picker-track>button{flex-basis:116px;padding:2px 5px 5px}.ceremony-dialog .mala-picker-track>button>span:not(.krathong-art){min-height:29px}.ceremony-dialog .mala-picker-caption>p{font-size:9px;line-height:1.7}.ceremony-dialog .mala-picker-track{padding-bottom:5px}.ceremony-dialog .wish-form,.ceremony-fields{gap:6px}.ceremony-dialog .wish-form textarea{height:64px;font-size:12px}.ceremony-dialog .wish-form .button{min-height:42px;padding:8px 12px;font-size:12px}.ceremony-compose:has(.form-error) .mala-picker-track .krathong-art{width:48px}.ceremony-compose:has(.form-error) .wish-form textarea{height:58px}}@media (max-height:500px) and (min-width:540px){.ceremony-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 16px);padding:10px 16px}.ceremony-dialog .dialog-heading{margin-bottom:6px;padding-right:32px}.ceremony-dialog .dialog-heading>.gold-label{display:none}.ceremony-dialog .dialog-heading h2{font-size:23px;line-height:1.7}.ceremony-dialog .dialog-heading>p{display:none}.ceremony-dialog .wish-form{grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:16px}.ceremony-fields{gap:5px}.ceremony-fields>label,.ceremony-fields .form-row>label{font-size:10px;line-height:1.6}.ceremony-dialog .wish-form .form-row{gap:7px}.ceremony-dialog .wish-form input:not([type=checkbox]),.ceremony-dialog .wish-form select{height:34px;min-height:34px;margin-top:2px;padding:5px 7px;font-size:11px}.ceremony-dialog .wish-form textarea{height:58px;margin-top:2px;padding:5px 8px 17px;font-size:11px}.ceremony-fields>.checkbox-label{gap:6px;font-size:9px;line-height:1.6}.ceremony-fields .checkbox-label small{font-size:8px;line-height:1.6}.ceremony-dialog .wish-form .button{min-height:34px;padding:5px 8px;font-size:11px}.ceremony-dialog .form-error{padding:3px 8px;font-size:10px;line-height:1.6}.ceremony-dialog .mala-picker-track>button{flex-basis:128px}.ceremony-dialog .mala-picker-track .krathong-art{width:96px}.ceremony-dialog .mala-picker-caption{justify-content:flex-end}.ceremony-dialog .mala-picker-caption>p{display:none}.ceremony-dialog .mala-picker-caption>span{margin-left:auto}.ceremony-dialog .mala-picker-caption button{width:28px;height:28px;min-height:28px}.ceremony-review{width:min(680px,100% - 20px)}.ceremony-review .wish-preview{grid-template-columns:110px minmax(0,1fr);gap:0 12px;margin-bottom:6px;padding:6px 12px}.ceremony-review .wish-preview>.krathong-art{width:110px}.ceremony-review .wish-preview>h3{font-size:18px}.ceremony-review .wish-preview blockquote{max-height:48px;font-size:11px;line-height:1.7}.ceremony-review:has(.form-error) .wish-preview blockquote{max-height:28px}.ceremony-review .wish-preview>p,.ceremony-review .wish-preview>span,.ceremony-review .wish-preview>small{font-size:9px;line-height:1.6}.ceremony-review .button{min-height:34px;padding:5px 10px;font-size:12px}.ceremony-review .back-button{min-height:28px;margin-top:0;font-size:11px}.ceremony-review .storage-hint{display:none}}
.single-river .floating-vessel{filter:none;contain:layout style}.single-river .floating-vessel .krathong-art,.single-river .stage-water .floating-vessel .krathong-art>img,.single-river .vessel-reflection{filter:none}.single-river .stage-water .vessel-name{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f4ecd8f7}.single-river .floating-vessel-body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(#02142166 0%,#0214212b 46%,#0000 72%);border-radius:50%;height:18%;position:absolute;bottom:2%;left:12%;right:12%}.dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#020e1ee6}.single-river .river-wish-preview{-webkit-backdrop-filter:none;backdrop-filter:none}.single-river .stage-icon{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#061c2c8f}.single-river .stage-place>button,.single-river .stage-map-link{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#092a3bc4}