.to-sim{--sim-navy:#0c2d67;--sim-blue:#0f64e2;--sim-teal:#0e9f9a;--sim-coral:#d9705b;--sim-amber:#ae8230;--sim-ink:#233e5c;--sim-muted:#768ba1;font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--sim-ink);margin:38px 0 18px;isolation:isolate;min-width:0}.to-sim *{box-sizing:border-box}.to-sim button{font-family:inherit;cursor:pointer;min-height:44px;-webkit-tap-highlight-color:transparent}.to-sim button:disabled{cursor:default}.to-sim button:focus-visible{outline:3px solid #19b8f2;outline-offset:4px;z-index:4}.to-sim button[hidden]{display:none!important}
.sim-switch{display:flex;gap:12px;margin-bottom:23px;max-width:650px}.sim-switch>button{display:flex;align-items:center;gap:14px;padding:17px 20px;border:1px solid #d5e3ef;background:#fff;border-radius:18px;text-align:left;color:#58748f;flex:1;box-shadow:0 5px 15px #0c2d6704;transition:background .3s,box-shadow .3s,translate .3s}.sim-switch>button[aria-pressed=true]{background:#0c2d67;border-color:#0c2d67;color:white;box-shadow:0 13px 27px #0c2d6724}.sim-switch-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#ecf5fc;color:#0f64e2;font-size:24px}.sim-switch>button[aria-pressed=true] .sim-switch-icon{background:#ffffff15;color:#71d5f8}.sim-switch strong{display:block;font-size:15px;letter-spacing:-.025em}.sim-switch small{display:block;font-size:10px;margin-top:4px;color:#849aaf}.sim-switch>button[aria-pressed=true] small{color:#a7c1dc}.sim-switch b{margin-left:auto;font-weight:500;font-size:18px;opacity:.7}
.sim-shell{position:relative;border:1px solid #d1e0ee;border-radius:25px;background:#fff;box-shadow:0 30px 70px #0c2d6719,0 8px 16px #0c2d6706;overflow:hidden;transform:perspective(2200px) rotateX(.45deg);transform-origin:center top}.sim-shell:before{content:'';position:absolute;height:3px;top:0;left:0;right:0;background:linear-gradient(90deg,#19b8f2 0 37%,#0f64e2 37% 70%,#ff6a61 70% 84%,#f4b517 84%);z-index:1}.sim-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 28px 18px;border-bottom:1px solid #e7eef5}.sim-brand{display:flex;gap:12px;align-items:center;min-width:0}.sim-brand img{width:43px;height:43px;object-fit:contain}.sim-brand strong{display:block;font-size:19px;letter-spacing:-.04em;color:#0c2d67}.sim-brand small{font-size:10px;color:#8b9db0;display:block;margin-top:3px}.sim-top-actions{display:flex;gap:20px;align-items:center}.sim-demo-pill{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:750;letter-spacing:.1em;color:#8196aa}.sim-demo-pill i{width:5px;height:5px;border-radius:50%;background:#16aaa2;box-shadow:0 0 0 4px #16aaa20c}.sim-top-actions button{border:1px solid #dfE8f1;border-radius:10px;background:#fff;color:#6b8299;padding:10px 13px;font-size:11px;display:flex;align-items:center;gap:15px}.sim-top-actions button span{color:#0f64e2;font-size:18px}.sim-case{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 28px;background:linear-gradient(100deg,#f8fbfe,#f3f8ff)}.sim-eyebrow{font-size:8px;letter-spacing:.13em;color:#5a91b8;font-weight:750}.sim-case h3{font-size:20px;letter-spacing:-.035em;margin:5px 0 6px;color:#193b60;line-height:1.3}.sim-case p{font-size:11px!important;line-height:1.75!important;color:#7b90a5;max-width:440px;margin:0!important}.sim-case ol{list-style:none;display:flex;gap:24px;flex-shrink:0;margin:0;padding:0}.sim-case li{display:flex;align-items:center;flex-direction:column;gap:7px;position:relative;min-width:35px}.sim-case li>span{width:24px;height:24px;display:grid;place-items:center;border:1px solid #d5e3f0;border-radius:50%;font-size:9px;color:#9aafc2;background:#fff;position:relative;z-index:1}.sim-case li:not(:last-child):after{content:'';position:absolute;top:12px;left:28px;width:36px;border-top:1px solid #d9e5ef}.sim-case li small{font-size:9px;color:#99aabc}.sim-case li.current>span{background:#0f64e2;color:white;border-color:#0f64e2;box-shadow:0 0 0 4px #0f64e20a}.sim-case li.current small{color:#0c2d67;font-weight:650}.sim-case li.done>span{background:#e4f7f2;color:#118c7f;border-color:#d0eee5}.sim-case li.done small{color:#6a9c94}
.sim-workspace{display:grid;grid-template-columns:minmax(0,1fr) 305px;align-items:stretch}.sim-plan{padding:24px;min-width:0;background:#fcfdff;border-right:1px solid #e4edf5}.sim-plan-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.sim-plan-toolbar>div{display:flex;gap:4px;border-radius:10px;background:#edf3f8;padding:4px}.sim-plan-toolbar button{background:transparent;border:0;color:#89a0b5;font-size:11px;padding:10px 14px;min-height:36px;border-radius:8px;font-weight:650}.sim-plan-toolbar button[aria-pressed=true]{color:#0c2d67;background:white;box-shadow:0 3px 7px #0c2d6708}.sim-plan-toolbar>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#869aad}.sim-plan-toolbar>span>i{width:5px;height:5px;border-radius:50%;background:#15a68a}.sim-plan-toolbar>span>b{color:#517f73;font-size:11px}
.sim-beach{background:#faf5e9;border:1px solid #eee6d4;border-radius:18px;overflow:hidden;box-shadow:0 8px 12px #0c2d6703;position:relative}.sim-sea{height:72px;background:linear-gradient(180deg,#b8e9ed,#d5f0ee);position:relative;overflow:hidden;border-bottom:7px solid #edf4e9;isolation:isolate}.sim-sea>span{font-size:7px;letter-spacing:.2em;font-weight:700;color:#6fadaf;position:absolute;top:18px;left:20px}.sim-sea>i{display:block;position:absolute;width:120%;height:90px;border-radius:50%;border:1px solid #ffffff75;left:-10%;top:39px;transform:rotate(-3deg)}.sim-sea>i:last-child{top:53px;transform:rotate(3deg)}.sim-beach-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:22px 18px 19px;position:relative;background-image:radial-gradient(#ddc79535 .7px,transparent .7px);background-size:6px 6px}.sim-place{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;min-width:0;min-height:91px;border-radius:13px;border:1px solid #e9e2d5;background:#fffefb;color:#169994;padding:10px 5px 9px;box-shadow:0 4px 0 #e7dfcf70,0 5px 12px #86785304;transition:translate .2s,box-shadow .2s,border-color .2s}.sim-place:hover{translate:0 -3px;box-shadow:0 7px 0 #e7dfcf50,0 14px 18px #8678530a}.sim-umbrella{width:35px;height:32px;overflow:visible;filter:drop-shadow(0 3px 1px #0c2d6706);transition:transform .3s}.sim-place strong{display:block;font-size:10px;letter-spacing:.03em;color:#405f6b;margin-top:2px}.sim-place small{font-size:8px;margin-top:3px;color:#869794;font-weight:450}.sim-place[data-status=reserved]{color:#6399c8;background:#f4f8fe;border-color:#dce7f3}.sim-place[data-status=occupied]{color:#c77d6a;background:#fff7f2;border-color:#edddd4}.sim-place[data-status=option]{color:#bf9c52;background:#fffaf0;border-color:#ecdfbe}.sim-place.selected{border:2px solid #0f64e2;box-shadow:0 0 0 3px #0f64e210,0 10px 20px #0f64e212;translate:0 -3px;background:#fff}.sim-place.selected .sim-umbrella{transform:translateY(-2px) rotate(-4deg)}.sim-selected-check{position:absolute;top:5px;right:5px;width:14px;height:14px;border-radius:50%;background:#0f64e2;color:white;display:grid;place-items:center;font-size:8px;box-shadow:0 2px 4px #0f64e21a}.sim-beach-path{text-align:center;padding:10px 12px;background:repeating-linear-gradient(90deg,#f2eadc 0 6px,#f8f1e5 6px 14px);border-top:1px solid #e9e0d0}.sim-beach-path span{font-size:6px;letter-spacing:.2em;font-weight:700;color:#b1a48e}
.sim-room{position:relative;background:linear-gradient(130deg,#f6f9fc,#ecf2f7);border:1px solid #dbe5ef;border-radius:17px;box-shadow:inset 0 0 0 6px #ffffffa0;overflow:hidden}.sim-room-label{display:flex;justify-content:space-between;gap:15px;margin:18px 20px 0;padding-bottom:14px;border-bottom:1px solid #dee7f1}.sim-room-label span{font-size:8px;letter-spacing:.14em;color:#7590ad;font-weight:750}.sim-room-label small{font-size:8px;color:#99adbf}.sim-table-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 17px;padding:26px 20px 25px;background-image:linear-gradient(#dfe7ef30 1px,transparent 1px),linear-gradient(90deg,#dfe7ef30 1px,transparent 1px);background-size:35px 35px}.sim-table{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;background:none;border:1px solid transparent;border-radius:13px;padding:12px 5px 8px;min-width:0;color:#7392ad;transition:background .2s,border-color .2s}.sim-table:hover{background:#fff9}.sim-table-object{position:relative;display:block;width:59px;height:47px;margin-bottom:12px;transform:perspective(350px) rotateX(14deg);transition:transform .3s;color:#7eac9e}.sim-table-object>b{position:absolute;inset:0;border-radius:10px;background:#fff;border:1px solid #c4ddd4;box-shadow:0 4px 0 #c5d5d65e,0 7px 12px #0c2d6709;display:grid;place-items:center;font-size:16px;font-weight:650;color:#467a6b}.sim-table-object>i{position:absolute;width:17px;height:13px;background:#dee9e5;border:1px solid #c4d5d0;border-radius:4px;box-shadow:0 2px 0 #bccdca44}.sim-table-object>i:nth-child(1){left:5px;top:-7px}.sim-table-object>i:nth-child(2){right:5px;top:-7px}.sim-table-object>i:nth-child(3){left:5px;bottom:-8px}.sim-table-object>i:nth-child(4){right:5px;bottom:-8px}.sim-table small{font-size:9px;color:#78918c;position:relative;margin-top:4px}.sim-table[data-status=occupied] .sim-table-object>b{background:#fff5ef;border-color:#dfb6a7;color:#ab715c}.sim-table[data-status=occupied] .sim-table-object>i{background:#efddd3;border-color:#d7bdb0}.sim-table[data-status=occupied] small{color:#ab8a7e}.sim-table[data-status=prebill] .sim-table-object>b{background:#f4f1ff;border-color:#c9bfdf;color:#8a70b4}.sim-table[data-status=prebill] .sim-table-object>i{background:#e6def1;border-color:#cbc0de}.sim-table[data-status=prebill] small{color:#9e8caf}.sim-table.selected{background:white;border-color:#9dc5ee;box-shadow:0 6px 17px #0f64e20c}.sim-table.selected .sim-table-object{transform:perspective(350px) rotateX(8deg) translateY(-3px)}.sim-table.selected .sim-table-object>b{border:2px solid #0f64e2;color:#0f64e2}
.sim-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.sim-legend>span{display:flex;gap:6px;align-items:center;font-size:9px;color:#8b9eae}.sim-legend i,.sim-status i{width:6px;height:6px;display:inline-block;border-radius:50%;background:#56ad97}.sim-legend [data-status=reserved] i,.sim-status[data-status=reserved] i{background:#71a4d4}.sim-legend [data-status=occupied] i,.sim-status[data-status=occupied] i{background:#cf8b76}.sim-legend [data-status=option] i,.sim-status[data-status=option] i{background:#bd9b50}.sim-legend [data-status=prebill] i,.sim-status[data-status=prebill] i{background:#a18ac3}.sim-map-caption{font-size:9px!important;color:#98a9b9;line-height:1.65!important;margin:12px 0 0!important}
.sim-detail{padding:27px 22px 24px;background:linear-gradient(180deg,#fff,#fbfdff);min-width:0}.sim-detail-empty{padding:15px 0}.sim-detail-symbol{width:53px;height:53px;border:1px solid #d9e8f3;border-radius:16px;display:grid;place-items:center;font-size:28px;color:#7aafd0;background:linear-gradient(135deg,#f4fbff,#ebf4fc);margin-bottom:28px;box-shadow:0 5px 0 #e9f1f6}.sim-detail-empty .sim-eyebrow{display:block}.sim-detail-empty h4{font-size:22px;line-height:1.25;letter-spacing:-.04em;margin:12px 0;color:#284a6c}.sim-detail-empty p{font-size:12px!important;line-height:1.9!important;color:#8397aa;margin:15px 0 24px!important}.sim-detail-empty button{border:1px solid #d7e5f2;border-radius:10px;padding:12px 14px;color:#0f64e2;background:#f6faff;font:600 10px/1.6 system-ui;width:100%;text-align:left}.sim-detail-head h4{font-size:27px;letter-spacing:-.04em;line-height:1.2;color:#193c65;margin:10px 0 13px}.sim-status{display:inline-flex;gap:7px;align-items:center;color:#7b93a5;font-size:10px;padding:6px 10px;background:#f3f7fa;border:1px solid #e7edf2;border-radius:100px}.sim-facts{margin:23px 0 0;padding-bottom:18px;border-bottom:1px solid #e3ecf4}.sim-facts>div{display:flex;justify-content:space-between;gap:15px;align-items:baseline;margin-top:11px;font-size:10px}.sim-facts dt{color:#91a3b5}.sim-facts dd{margin:0;color:#4b6a86;font-weight:550;text-align:right}.sim-next{margin-top:22px}.sim-next>span,.sim-success>span{font-size:8px;letter-spacing:.1em;font-weight:750;color:#6c9ac0}.sim-next>p,.sim-success>p,.sim-unavailable>p{font-size:11px!important;line-height:1.9!important;color:#7f95aa;margin:12px 0 20px!important}.to-sim .sim-primary{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px;border:0;border-radius:11px;background:#0f64e2;color:white;font:650 11px/1.5 system-ui;padding:14px 15px;box-shadow:0 7px 17px #0f64e216;transition:background .2s,box-shadow .2s}.to-sim .sim-primary:hover:not(:disabled){background:#0c2d67;box-shadow:0 10px 22px #0c2d671c}.to-sim .sim-primary b{font-size:17px;font-weight:450}.to-sim .sim-primary:disabled{background:#ecf1f6;color:#a2b1c0;box-shadow:none}.sim-text-button{border:0;background:transparent;color:#8aa0b6;font-size:10px;padding:15px 0 5px;text-align:left}.sim-success{border:1px solid #d5e9e1;background:#f2faf6;border-radius:13px;padding:16px;margin-top:20px}.sim-success>span{color:#4f9b85;font-size:7px}.sim-success h5{font-size:17px;line-height:1.3;color:#337b66;letter-spacing:-.03em;margin:10px 0}.sim-success>p{color:#789b8d;margin-bottom:2px!important}.sim-success .sim-text-button{color:#528f7b}.sim-back-map{display:none;border:0;background:none;color:#0f64e2;font-size:11px;padding:18px 0 0}.sim-unavailable{margin-top:20px}.sim-menu{margin-top:23px}.sim-menu-item{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:14px 0;border-bottom:1px solid #e7eef4}.sim-menu-item>span{min-width:0}.sim-menu-item strong{display:block;font-size:10px;line-height:1.5;color:#54728f;font-weight:650}.sim-menu-item small{display:block;font-size:9px;color:#9aabba;margin-top:3px}.sim-menu-item>div{display:flex;align-items:center;gap:6px;flex-shrink:0}.sim-menu-item button{width:34px;min-height:36px;border:1px solid #dce6f0;border-radius:8px;background:#fff;color:#0f64e2;font-size:17px;display:grid;place-items:center}.sim-menu-item button:disabled{color:#c2d0dc;background:#f8fafc}.sim-menu-item output{width:13px;text-align:center;font-size:11px;color:#61809d}.sim-order-total{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #e1ebf4;margin-top:19px;padding-top:15px}.sim-order-total>span{font-size:10px;color:#8ba0b5}.sim-order-total>strong{font-size:23px;color:#0c2d67;letter-spacing:-.03em}.sim-inline-hint{font-size:9px!important;line-height:1.8!important;color:#91a5b8;margin:15px 0!important}.sim-receipt{margin-top:25px}.sim-receipt>.sim-eyebrow{font-size:7px}.sim-receipt>div:not(.sim-order-total){display:flex;justify-content:space-between;gap:10px;padding-top:14px;font-size:10px;color:#6e879f}.sim-receipt strong{font-size:10px;color:#4c6c8b;font-weight:650}
.sim-feedback{display:flex;align-items:center;gap:10px;padding:15px 26px;background:#f2f9f7;border-top:1px solid #e2efeb;min-height:49px}.sim-feedback p{font-size:10px!important;color:#7d9a90;line-height:1.7!important;margin:0!important}.sim-feedback-dot{width:5px;height:5px;border-radius:50%;background:#51a88d;flex-shrink:0}.sim-feedback[data-error=true]{background:#fff7f2}.sim-feedback[data-error=true] p{color:#b17864}.sim-feedback[data-error=true] .sim-feedback-dot{background:#c98a72}.sim-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;background:white;padding:15px 25px;border-top:1px solid #edf2f7}.sim-footer>span{display:flex;align-items:center;gap:13px;font-size:8px;color:#98aabd}.sim-footer b{font-size:22px;letter-spacing:-.04em;color:#0f64e2}.sim-footer>small{font-size:8px;color:#a3b2c0}.sim-note{font-size:10px!important;color:#8a9fb3;line-height:1.8!important;margin:22px 0 0!important;max-width:950px}
@media(max-width:1100px){.sim-workspace{grid-template-columns:minmax(0,1fr) 280px}.sim-plan{padding:20px}.sim-beach-grid{gap:8px;padding:20px 14px}.sim-place{min-height:86px}.sim-case ol{gap:18px}.sim-case li:not(:last-child):after{width:30px}.sim-topbar,.sim-case{padding-inline:22px}.sim-top-actions{gap:12px}.sim-demo-pill{font-size:7px}.sim-table-grid{gap:10px;padding-inline:15px}.sim-menu-item button{width:31px}}
@media(max-width:850px){.sim-workspace{grid-template-columns:minmax(0,1fr) 260px}.sim-case{align-items:flex-start}.sim-case ol{gap:10px;padding-top:4px}.sim-case li{min-width:29px}.sim-case li:not(:last-child):after{width:22px}.sim-case li small{font-size:8px}.sim-case p{font-size:10px!important}.sim-case h3{font-size:18px}.sim-plan{padding:17px}.sim-place{min-height:81px}.sim-beach-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sim-place small{font-size:8px}.sim-top-actions .sim-demo-pill{display:none}.sim-detail{padding:23px 17px}.sim-table-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sim-table-object{width:53px;height:43px}}
@media(max-width:700px){.to-sim{margin-top:25px}.sim-switch{gap:8px;margin-bottom:17px}.sim-switch>button{gap:9px;padding:13px 11px;border-radius:14px}.sim-switch-icon{width:28px;height:32px;font-size:21px;border-radius:9px;flex-shrink:0}.sim-switch strong{font-size:12px}.sim-switch small{font-size:8px}.sim-switch b{display:none}.sim-shell{border-radius:19px;transform:none;box-shadow:0 18px 35px #0c2d6713}.sim-topbar{padding:19px 16px 16px;gap:8px}.sim-brand{gap:9px}.sim-brand img{width:35px;height:35px}.sim-brand strong{font-size:16px}.sim-brand small{font-size:8px;max-width:150px}.sim-top-actions button{padding:8px 10px;font-size:9px;gap:8px;min-height:44px}.sim-case{display:block;padding:20px 18px}.sim-case h3{font-size:20px}.sim-case p{font-size:11px!important}.sim-case ol{justify-content:space-between;gap:14px;margin-top:21px;padding:0 4px;max-width:300px}.sim-case li{flex:1;align-items:flex-start;gap:6px}.sim-case li>span{width:25px;height:25px;font-size:9px}.sim-case li:not(:last-child):after{left:31px;width:calc(100% - 24px);top:12px}.sim-case li small{font-size:9px}.sim-workspace{display:flex;flex-direction:column}.sim-plan{border-right:0;padding:18px 14px 20px}.sim-plan-toolbar{gap:10px;margin-bottom:15px}.sim-plan-toolbar button{padding:9px 13px;font-size:10px;min-height:44px}.sim-plan-toolbar>span{font-size:9px}.sim-plan-toolbar>span>b{font-size:10px}.sim-sea{height:56px}.sim-sea>span{font-size:6px;top:15px}.sim-beach-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:18px 12px;gap:10px}.sim-place{min-height:98px;padding:11px 6px;border-radius:12px}.sim-umbrella{width:39px;height:36px}.sim-place strong{font-size:11px;margin-top:4px}.sim-place small{font-size:9px;margin-top:4px}.sim-selected-check{top:5px;right:5px;width:14px;height:14px;font-size:8px}.sim-beach-path span{font-size:5px}.sim-legend{gap:10px;margin-top:17px}.sim-legend>span{font-size:9px}.sim-map-caption{font-size:9px!important;margin-top:12px!important;line-height:1.8!important}.sim-detail{border-top:1px solid #dfeaf4;padding:25px 21px;scroll-margin-top:95px}.sim-detail-empty{padding:0}.sim-detail-symbol{float:right;width:40px;height:40px;margin:0 0 12px 14px;font-size:23px}.sim-detail-empty h4{font-size:23px;max-width:230px;margin-top:11px}.sim-detail-empty p{font-size:12px!important;max-width:320px}.sim-detail-empty button{font-size:11px}.sim-detail-head h4{font-size:29px}.sim-facts>div{font-size:11px}.sim-next>span{font-size:9px}.sim-next>p,.sim-success>p,.sim-unavailable>p{font-size:12px!important}.to-sim .sim-primary{padding:15px 17px;font-size:12px;min-height:48px}.sim-text-button{font-size:11px;min-height:44px;padding-block:15px}.sim-back-map{display:block;min-height:44px;padding-top:17px}.sim-menu-item{padding:15px 0}.sim-menu-item strong{font-size:12px}.sim-menu-item small{font-size:10px}.sim-menu-item>div{gap:8px}.sim-menu-item button{width:44px;min-height:44px;font-size:20px}.sim-menu-item output{font-size:12px;width:16px}.sim-order-total>span{font-size:11px}.sim-order-total>strong{font-size:28px}.sim-inline-hint{font-size:10px!important}.sim-receipt>.sim-eyebrow{font-size:8px}.sim-receipt>div:not(.sim-order-total){font-size:12px;padding-top:17px}.sim-receipt strong{font-size:12px}.sim-success{padding:19px}.sim-success h5{font-size:20px}.sim-success>span{font-size:8px}.sim-table-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:24px 15px;gap:15px 10px}.sim-table{min-height:96px;padding:10px 4px}.sim-table-object{width:53px;height:44px}.sim-table-object>b{font-size:17px}.sim-table small{font-size:9px;margin-top:6px}.sim-room-label{margin-inline:17px}.sim-room-label span{font-size:8px}.sim-feedback{padding:16px 18px}.sim-feedback p{font-size:10px!important}.sim-footer{padding:12px 17px;gap:8px;flex-wrap:wrap}.sim-footer>span{font-size:8px;gap:10px}.sim-footer>small{font-size:7px;display:block}.sim-note{font-size:9px!important;line-height:1.8!important}.sim-place:hover{translate:none}.sim-shell:before{height:3px}.to-sim [data-select]{touch-action:manipulation}}
@media(prefers-reduced-motion:reduce){.sim-shell,.sim-table-object,.sim-place.selected .sim-umbrella,.sim-table.selected .sim-table-object{transform:none!important}.sim-place{translate:none!important}.to-sim *{transition:none!important;animation:none!important}}
.to-motion-off .sim-shell,.to-motion-off .sim-table-object,.to-motion-off .sim-place.selected .sim-umbrella,.to-motion-off .sim-table.selected .sim-table-object{transform:none!important}.to-motion-off .sim-place{translate:none!important}
.sim-place small{font-size:10px}.sim-place strong{font-size:11px}.sim-table small,.sim-legend>span{font-size:10px}.sim-facts>div{font-size:11px}.sim-case p{font-size:12px!important}.sim-menu-item strong{font-size:11px}.sim-menu-item button{width:44px;min-height:44px}.sim-plan-toolbar button{min-height:44px}
/* Dimensional map refinement: object elevation, tactile surfaces, finite feedback. */
.sim-plan{background:radial-gradient(ellipse at 20% 10%,#fff 0,#f1f6fc 90%)}
.sim-beach,.sim-room{border-radius:21px;box-shadow:0 12px 0 -5px #b8c9db,0 22px 30px -12px #102c6750,inset 0 1px 0 #fff;margin-bottom:12px;transform:perspective(1300px) rotateX(3deg);transform-origin:center center}
.sim-sea{height:85px;background:linear-gradient(180deg,#1596b3,#54c4ce 55%,#bce9e4);border-bottom:9px solid #f6f3de}
.sim-sea>span{color:#fff;letter-spacing:.24em;text-shadow:0 1px 3px #06466260}
.sim-sea>i{border-top:2px solid #ffffff9c;animation:sim-wave 7s ease-in-out infinite alternate}
.sim-sea>i:last-child{animation-delay:-3s}
.sim-beach-grid{background-color:#f3e6c8;background-image:radial-gradient(#b8955a30 .7px,transparent .8px),linear-gradient(120deg,#fff5df,#ead5ab);background-size:5px 5px,100% 100%;gap:13px 9px;padding:24px 14px}
.sim-place{background:#fffaf06e;border-color:#dfcfb1;min-height:127px;padding:10px 4px;box-shadow:0 3px 0 #ccbb98,0 7px 9px #7a633b18;transition:translate .25s,box-shadow .25s,border-color .25s,background .25s}
.sim-place[data-status]{background:#fffaf080;border-color:#ddcba6}
.sim-umbrella-stage{position:relative;width:70px;height:70px;display:block;isolation:isolate;margin-bottom:4px}
.sim-umbrella-stage .sim-umbrella{position:absolute;inset:0;width:70px;height:70px;object-fit:contain;z-index:3;filter:drop-shadow(5px 8px 3px #52452948);transform:translateY(-4px);transition:transform .38s cubic-bezier(.2,.9,.2,1),filter .38s}
.sim-umbrella-shadow{position:absolute;left:15px;top:18px;width:51px;height:48px;border-radius:50%;background:#64543123;filter:blur(3px)}
.sim-lounger{position:absolute;top:42px;width:15px;height:30px;border-radius:3px;background:repeating-linear-gradient(0deg,#fff 0 5px,#dce7ef 5px 6px);border:2px solid #f7fafb;box-shadow:2px 4px 2px #6b604a40;z-index:1}
.sim-lounger-left{left:7px;rotate:9deg}.sim-lounger-right{right:7px;rotate:-9deg}
.sim-place strong{color:#193b60;font-size:12px}.sim-place small{color:#546b7b;font-weight:550}
.sim-place[data-status=reserved] small{color:#1d61a8}.sim-place[data-status=occupied] small{color:#aa523f}.sim-place[data-status=option] small{color:#8d6219}
.sim-place[data-status=reserved] .sim-umbrella{filter:hue-rotate(-12deg) saturate(.65) drop-shadow(5px 8px 3px #52452948)}
.sim-place[data-status=occupied] .sim-umbrella{filter:hue-rotate(145deg) saturate(.6) drop-shadow(5px 8px 3px #52452948)}
.sim-place[data-status=option] .sim-umbrella{filter:hue-rotate(190deg) saturate(.6) drop-shadow(5px 8px 3px #52452948)}
.sim-place.selected{background:#ffffffdb;border-color:#0f64e2;box-shadow:0 5px 0 #8cb3e1,0 15px 20px #123d6840;translate:0 -4px}
.sim-place.selected .sim-umbrella-stage .sim-umbrella{transform:translateY(-11px) rotate(-8deg) scale(1.08);filter:drop-shadow(7px 13px 4px #123d6855)}
.sim-selected-check{width:19px;height:19px;font-size:11px;z-index:5;box-shadow:0 3px 7px #123d6840}
.sim-room{background:linear-gradient(135deg,#dce6f0,#f8fafc 40%,#cedce8);border:1px solid #bacbdc;box-shadow:0 12px 0 -5px #9baec1,0 22px 30px -12px #102c6750,inset 0 0 0 7px #fff9}
.sim-table-grid{padding-top:32px;gap:18px 12px;background-image:linear-gradient(#aebdce30 1px,transparent 1px),linear-gradient(90deg,#aebdce30 1px,transparent 1px);background-size:40px 40px}
.sim-table{min-height:118px;transition:translate .3s,background .3s,box-shadow .3s}
.sim-table-object{width:66px;height:54px;transform:perspective(400px) rotateX(24deg) rotateZ(-3deg);transition:transform .4s cubic-bezier(.2,.9,.2,1)}
.sim-table-object>b{background:linear-gradient(135deg,#fff,#e7f5ef);border-color:#a6c7b9;box-shadow:0 2px 0 #bed0c8,0 5px 0 #a4bbb1,4px 12px 9px #173b6540;font-size:19px}
.sim-table-object>i{height:16px;background:linear-gradient(#e5ece8,#a9c7b8);box-shadow:0 4px 0 #96afa3,2px 7px 4px #123d6826}
.sim-table[data-status=occupied] .sim-table-object>b{background:linear-gradient(135deg,#fff4e9,#efd0b9);box-shadow:0 2px 0 #dab9a6,0 5px 0 #c4a18d,4px 12px 9px #173b6540}
.sim-table[data-status=prebill] .sim-table-object>b{background:linear-gradient(135deg,#faf6ff,#ddd0ef);box-shadow:0 2px 0 #c7b9dc,0 5px 0 #ada0c2,4px 12px 9px #173b6540}
.sim-table small{color:#496c61;font-weight:550;margin-top:8px}
.sim-table.selected{background:#ffffffd9;border:1px solid #6fa3e1;box-shadow:0 6px 0 #a9bfd7,0 15px 20px #133e6826;translate:0 -3px}
.sim-table.selected .sim-table-object{transform:perspective(400px) rotateX(16deg) rotateZ(0) translateY(-9px) scale(1.07)}
.sim-table.selected .sim-table-object>b{box-shadow:0 3px 0 #9fbee3,0 6px 0 #7ca1cc,5px 17px 12px #123d6840}
.sim-just-selected{animation:sim-select-pop .5s cubic-bezier(.16,1,.3,1)}
.sim-just-selected .sim-selected-check{animation:sim-check-in .4s cubic-bezier(.16,1,.3,1)}
.sim-detail-head h4{color:#0c2d67}.sim-facts dt,.sim-next>p,.sim-case p{color:#617d96}
@keyframes sim-select-pop{0%{scale:.94}55%{scale:1.035}100%{scale:1}}
@keyframes sim-check-in{0%{scale:0;rotate:-80deg}100%{scale:1;rotate:0deg}}
@keyframes sim-wave{from{translate:-8px 0}to{translate:8px 4px}}
@media(hover:hover){.sim-place:hover .sim-umbrella-stage .sim-umbrella{transform:translateY(-8px) rotate(-4deg)}.sim-table:hover{translate:0 -3px}.sim-table:hover .sim-table-object{transform:perspective(400px) rotateX(18deg) translateY(-5px)}}
@media(max-width:850px){.sim-umbrella-stage,.sim-umbrella-stage .sim-umbrella{width:62px;height:62px}.sim-place{min-height:118px}.sim-table-object{width:56px;height:48px}}
@media(max-width:700px){.sim-beach,.sim-room{transform:perspective(1000px) rotateX(2deg)}.sim-place{min-height:128px}.sim-beach-grid{gap:13px 10px;padding:22px 12px}.sim-umbrella-stage,.sim-umbrella-stage .sim-umbrella{width:70px;height:70px}.sim-table{min-height:113px}.sim-table-grid{gap:21px 10px;padding:30px 13px}.sim-table-object{width:58px;height:48px}.sim-sea{height:68px}}
.to-motion-off .sim-beach,.to-motion-off .sim-room,.to-motion-off .sim-umbrella-stage .sim-umbrella,.to-motion-off .sim-table-object{transform:none!important}.to-motion-off .to-sim *{animation:none!important;transition:none!important}.to-motion-off .sim-table,.to-motion-off .sim-place{translate:none!important}
@media(prefers-reduced-motion:reduce){.sim-beach,.sim-room,.sim-umbrella-stage .sim-umbrella,.sim-table-object{transform:none!important}.to-sim *{animation:none!important;transition:none!important}.sim-place,.sim-table{translate:none!important}}