@charset "UTF-8";
:root{font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;color:#f5e9d8;background:#1d151c;font-synthesis:none;--ink:#211720;--ink2:#30212a;--panel:#2c2028;--red:#813a43;--red2:#aa5351;--gold:#e4bc85;--muted:#c8b5ab;--edge:rgba(236,197,150,.24);--soft:rgba(250,233,211,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible{outline:3px solid #efc986;outline-offset:3px}a{color:inherit}.skip-link{position:absolute;left:8px;top:-60px;background:#f0d6ab;color:#251820;padding:10px;z-index:40}.skip-link:focus{top:8px}
.app-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 90% 5%,#472d33 0%,transparent 35%),var(--ink)}
.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,65px);border-bottom:1px solid rgba(233,183,130,.23);background:rgba(27,18,23,.97);position:relative;z-index:20;gap:20px}
.brand-link{display:flex;gap:12px;align-items:center;border:0;background:transparent;color:#f4d5a0;text-align:left;padding:3px 0}
.brand-mark{height:40px;width:40px;border:1px solid #b59067;display:grid;place-items:center;border-radius:4px;transform:rotate(-5deg);background:#51313b;font-size:21px}.brand-name{font-size:24px;white-space:nowrap;letter-spacing:.14em;line-height:1.1;font-weight:700}.brand-name small{display:block;font:10px/1.3 Georgia,serif;letter-spacing:.13em;margin-top:6px;color:#cfb69a}
.nav-links{display:flex;align-items:center;gap:clamp(4px,1.8vw,24px)}.nav-links button{padding:24px 8px 22px;background:none;border:0;color:#ddd0be;font-size:14px;letter-spacing:.12em;white-space:nowrap;border-bottom:2px solid transparent}.nav-links button:hover,.nav-links button.active{color:#f6d29a;border-bottom-color:#e0b47c}.nav-mobile{display:none}.site-footer{display:flex;justify-content:space-between;gap:8px;padding:15px clamp(18px,4vw,60px);border-top:1px solid var(--edge);font-size:11px;color:#9f9089;letter-spacing:.06em}.site-footer span{text-wrap:balance}
#view{flex:1;width:100%;min-height:0;outline:none}.home{min-height:min(830px,calc(100vh - 124px));position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(24,16,21,.96) 0%,rgba(31,21,25,.90) 32%,rgba(31,21,25,.18) 82%),url("./assets/cover.svg") center center/cover no-repeat}
.home::before,.play-stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 90% 50%,transparent 20%,rgba(19,12,21,.35) 100%),linear-gradient(0deg,rgba(23,16,21,.95),transparent 26%)}
.home-content{position:relative;z-index:1;margin:clamp(26px,5vw,75px) clamp(20px,7vw,125px);width:min(620px,100%)}
.eyebrow{display:inline-flex;align-items:center;gap:13px;letter-spacing:.3em;font-size:11px;color:var(--gold);font-family:Georgia,"Songti TC",serif;text-transform:uppercase}.eyebrow::before{content:"";height:1px;width:32px;background:var(--gold)}h1,h2,h3,p{margin:0}.home h1{font-size:clamp(56px,8.1vw,112px);font-weight:700;letter-spacing:.19em;line-height:1.25;text-shadow:0 4px 24px #0c0911;margin:29px -25px 10px 0}.en-title{font:clamp(12px,1.4vw,17px) Georgia,serif;letter-spacing:.22em;color:#e4c6a3}.home-quote{font-size:clamp(17px,2vw,24px);letter-spacing:.16em;line-height:2;color:#f3e1d2;margin:44px 0 16px}.home-intro{font-size:14px;line-height:2.1;color:#d0c0b8;max-width:460px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:33px}
.btn{appearance:none;border:1px solid var(--edge);border-radius:3px;padding:13px 23px;color:#f3e4ce;background:rgba(44,29,35,.75);transition:transform .17s,background .17s,border-color .17s;min-height:46px;letter-spacing:.1em;font-size:14px;text-align:center}.btn:hover:not(:disabled){transform:translateY(-2px);background:rgba(127,60,65,.65);border-color:#d6a975}.btn.primary{background:linear-gradient(135deg,#a35a50,#65303b);border-color:#dbb07e;box-shadow:inset 0 1px rgba(255,226,170,.13),0 7px 24px #160f18a3}.btn.primary:hover{background:linear-gradient(135deg,#b86d5b,#733941)}.btn.text-only{background:transparent;border-color:transparent;color:var(--gold)}.btn.small{font-size:12px;min-height:34px;padding:7px 14px}.btn:disabled{transform:none}
.home-foot{display:flex;align-items:center;gap:20px;margin-top:60px;color:#b8a398;letter-spacing:.12em;font-size:12px;flex-wrap:wrap}.home-foot i{height:16px;width:1px;background:#a7795d}
.paper-line{height:1px;background:linear-gradient(90deg,transparent,#ad8064,transparent);margin:22px 0}.panel-heading{font-size:clamp(26px,4vw,45px);color:#f1d4a4;letter-spacing:.13em}.panel-subtitle{color:var(--muted);font-size:14px;line-height:2;margin-top:12px}.content-page{max-width:1200px;margin:auto;padding:clamp(28px,5vw,72px) clamp(20px,4vw,54px) 80px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:32px}.tag{display:inline-block;color:#efcf9f;border:1px solid var(--edge);border-radius:99px;padding:5px 11px;font-size:11px;letter-spacing:.06em}.muted{color:var(--muted)}.eyebrow.light{color:#d8b590}
.play-stage{position:relative;min-height:calc(100vh - 134px);isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:20px clamp(16px,4vw,60px) 27px;overflow:hidden;background-color:#2d222d;background-image:linear-gradient(90deg,#271d26c9,#271d2630 85%),url("./assets/cover.svg");background-position:center;background-size:cover}
.play-stage::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 70% 20%,#dfac8355,transparent 30%);pointer-events:none}.play-stage.place-home{background-color:#4c3936;filter:none}.play-stage.place-gate{background-position:63% center}.play-stage.place-gallery{background-position:38% center}.play-stage.place-hall{background-position:78% 35%}.play-stage.place-garden{background-position:35% 30%}.play-stage.place-room{background-position:82% center}.play-stage.place-ink{background-image:linear-gradient(130deg,#281921,#3b222c 65%,#684747)}
.play-stage.place-hall::after{background:linear-gradient(135deg,#822d343b,transparent 62%)}.play-stage.place-garden::after{background:linear-gradient(160deg,#283f3844,transparent 70%)}.play-stage.place-room::after{background:linear-gradient(135deg,#30263d66,transparent 66%)}
.play-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;gap:16px}.play-chapter{font-size:11px;letter-spacing:.18em;color:#e8c694}.play-location{font-size:11px;color:#e6d6c2;border:1px solid #eac69f42;padding:8px 12px;background:#25192066;letter-spacing:.16em}
.play-mid{position:relative;flex:1;min-height:200px;display:flex;align-items:end;justify-content:flex-end;z-index:1;padding:6px 8vw 0 0}.portrait-large{width:min(360px,40vw);height:min(440px,51vh);position:relative;filter:drop-shadow(0 16px 28px #100c16a1)}.portrait-large svg{width:100%;height:100%}.portrait-large .portrait-label{position:absolute;bottom:15px;right:10px;color:#eed6ba;writing-mode:vertical-rl;font-size:12px;letter-spacing:.25em;text-shadow:0 1px 10px #000}
.scene-ornament{position:absolute;left:3vw;top:20%;max-width:45%;font-size:clamp(28px,4vw,58px);letter-spacing:.26em;color:#fff1de8a;text-shadow:0 5px 20px #000;pointer-events:none}
.story-panel{position:relative;z-index:3;width:min(1080px,100%);margin:0 auto;border:1px solid rgba(225,173,117,.52);background:linear-gradient(120deg,rgba(32,21,28,.96),rgba(45,27,34,.95));box-shadow:0 14px 42px #0e0a1599;min-height:205px;padding:clamp(20px,3vw,31px) clamp(20px,3vw,38px) 20px}.story-panel::before{content:"";position:absolute;left:10px;right:10px;top:9px;bottom:9px;border:1px solid rgba(208,164,110,.13);pointer-events:none}
.story-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.speaker{font-size:21px;letter-spacing:.16em;color:#f7d7a1}.speaker.narrator{font-size:15px;color:#c3ae9c}.scene-progress{font:12px Georgia,serif;color:#a99589;white-space:nowrap}.dialogue-text{font-size:clamp(16px,1.7vw,20px);line-height:2;letter-spacing:.08em;min-height:64px;white-space:pre-wrap}.continue-line{display:flex;justify-content:space-between;align-items:center;margin-top:17px;gap:15px}.continue-line .hint{font-size:11px;color:#a69383;letter-spacing:.08em}.small-nav{display:flex;gap:8px;flex-wrap:wrap}
.decision-title{font-size:clamp(21px,2.7vw,28px);letter-spacing:.1em;color:#f3d5a1;line-height:1.5}.decision-prompt{font-size:15px;line-height:1.9;color:#ddd0c5;margin:10px 0 22px}.decision-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.choice-btn{display:flex;flex-direction:column;align-items:flex-start;gap:9px;background:rgba(255,233,207,.06);color:#f6e7db;border:1px solid rgba(236,199,151,.27);padding:18px;border-radius:2px;min-height:108px;text-align:left;transition:background .15s,border-color .15s,transform .15s}.choice-btn:hover{transform:translateY(-3px);background:#9655474f;border-color:#eac89e}.choice-no{font:13px Georgia,serif;color:#ddba86}.choice-label{font-size:16px;letter-spacing:.08em}.choice-detail{font-size:12px;line-height:1.6;color:#bdaea1}
.chapter-finish{text-align:center;width:min(780px,100%);margin:auto;background:#20161eea;padding:clamp(28px,5vw,56px);border:1px solid var(--edge);box-shadow:0 16px 45px #0006;position:relative;z-index:4}.chapter-finish h2{font-size:clamp(27px,4vw,45px);color:#e8c48f;letter-spacing:.2em;margin:24px 0}.chapter-finish p{color:#d5c1af;line-height:2}.chapter-finish .actions{justify-content:center}.finish-ribbon{font-size:13px;letter-spacing:.2em;color:#b6a293}
.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.character-card{background:linear-gradient(160deg,#30242d,#211921);border:1px solid var(--edge);overflow:hidden;display:flex;flex-direction:column}.character-art{height:225px;display:flex;align-items:end;justify-content:center;background:radial-gradient(circle at 50% 35%,#e3af8852,transparent 70%),linear-gradient(155deg,#5e4549,#24202c)}.character-art svg{height:100%;width:100%}.character-card-content{padding:22px;display:flex;flex-direction:column;gap:11px;flex:1}.character-card h3{font-size:23px;color:#f3d2a6;letter-spacing:.15em}.character-role{font-size:12px;color:#bd9980;letter-spacing:.1em}.character-card p{font-size:13px;line-height:1.95;color:#d5c4b7}.character-info{padding-top:12px;border-top:1px solid var(--edge);margin-top:auto;font-size:12px;color:#a9c1b9;line-height:1.8}
.chapter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chapter-item{padding:19px 22px;border:1px solid var(--edge);background:#2d2229;display:flex;justify-content:space-between;align-items:center;gap:15px}.chapter-item h3{font-size:17px;color:#e4c69e;margin-top:5px}.chapter-item p{font-size:12px;color:#bfae9e;margin-top:8px}.chapter-item .tag{flex-shrink:0}.chapter-item.planned{opacity:.65}
.journal-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:18px}.sheet{padding:26px;background:#30232b;border:1px solid var(--edge)}.sheet h3{font-size:20px;color:#e9c99b;margin-bottom:16px}.records{list-style:none;margin:0;padding:0;max-height:620px;overflow-y:auto}.records li{padding:12px 0;border-bottom:1px solid #f7d19c1e;font-size:13px;line-height:1.9;color:#d8c7bb}.records li b{color:#efcfa7;font-weight:400}.records li small{display:block;color:#9f958d;font:11px Georgia,serif}.thread{display:flex;flex-wrap:wrap;gap:9px}.thread span{padding:8px 10px;background:#a48b7220;color:#d7c6b0;border:1px solid #d9b88824;font-size:12px}.empty-note{color:#b6a394;font-size:14px;line-height:2}.dialog-backdrop{position:fixed;inset:0;background:#050407b8;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.dialog{background:#2c202a;color:#f4e3ce;width:min(500px,100%);border:1px solid #b99670;padding:30px;box-shadow:0 20px 60px #000a}.dialog h2{color:#efcf9b;font-size:23px;margin-bottom:12px}.dialog p{line-height:2;color:#dbccbc;font-size:14px}.dialog .actions{justify-content:flex-end}
.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);padding:12px 20px;background:#49313b;border:1px solid #c69d74;color:#f5dfbb;font-size:13px;z-index:100;pointer-events:none;opacity:0;transition:opacity .22s,transform .22s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:950px){.brand-name{font-size:19px}.brand-name small{font-size:8px}.nav-links{gap:2px}.nav-links button{font-size:12px;padding:24px 6px}.decision-list{grid-template-columns:1fr}.choice-btn{min-height:0}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.play-mid{min-height:240px}.portrait-large{width:290px;height:340px}}
@media(max-width:650px){.topbar{height:67px;padding:0 16px}.brand-mark{width:34px;height:34px;font-size:18px}.brand-name{font-size:19px}.brand-name small{font-size:7px}.nav-mobile{display:flex;width:41px;height:39px;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;border:1px solid var(--edge)}.nav-mobile span{display:block;background:#e5c298;width:20px;height:1px}.nav-links{position:absolute;left:0;right:0;top:67px;display:none;background:#291c24;border-bottom:1px solid #be926f;flex-direction:column;align-items:stretch;gap:0;padding:9px 16px 16px}.nav-links.open{display:flex}.nav-links button{padding:13px 8px;text-align:left;border-bottom:1px solid #f5d1a51c;font-size:14px}.home{min-height:calc(100svh - 112px);align-items:end;background-image:linear-gradient(0deg,#22161fe8 10%,#25151fc0 44%,#26192355 100%),url("./assets/cover.svg");background-position:66% center}.home-content{margin:30px 20px 37px}.home h1{font-size:clamp(49px,12vw,74px);margin-top:17px;letter-spacing:.14em}.en-title{font-size:11px}.home-quote{margin-top:28px;font-size:18px}.home-intro{font-size:13px}.home-foot{margin-top:33px;gap:10px;font-size:10px}.actions .btn{flex:1;min-width:125px}.play-stage{min-height:calc(100svh - 108px);padding:13px 12px 16px;background-position:69% center}.play-top{gap:7px}.play-location{font-size:10px;padding:7px}.play-chapter{font-size:10px}.play-mid{min-height:145px;padding-right:0}.portrait-large{width:min(235px,65vw);height:270px}.scene-ornament{top:7%;font-size:28px;max-width:70%}.story-panel{padding:19px 18px 14px;min-height:230px}.speaker{font-size:19px}.dialogue-text{min-height:96px;font-size:17px;line-height:1.85}.story-heading{margin-bottom:11px}.continue-line{margin-top:10px;align-items:end}.continue-line .hint{font-size:10px;max-width:140px;line-height:1.6}.small-nav{gap:4px}.small-nav .btn{font-size:11px;padding:6px 9px}.decision-title{font-size:22px}.decision-prompt{font-size:13px;margin:8px 0 13px}.decision-list{gap:8px;max-height:40svh;overflow:auto}.choice-btn{padding:12px;gap:4px}.choice-label{font-size:15px}.choice-detail{font-size:11px}.character-grid,.chapter-list,.journal-layout{grid-template-columns:1fr}.character-art{height:270px}.content-page{padding:36px 18px 60px}.site-footer{font-size:9px;gap:6px;padding:12px 14px}.chapter-finish{padding:25px 18px}}
@media(max-height:690px) and (min-width:651px){.play-mid{min-height:125px}.portrait-large{height:240px;width:210px}.story-panel{padding:17px 23px;min-height:160px}.dialogue-text{min-height:40px}.home h1{font-size:70px}.home-content{margin-top:15px;margin-bottom:15px}.home-quote{margin:20px 0 6px}.home-foot{margin-top:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* Six original scene illustrations: no stock art, third-party URLs or reused drama stills. */
.play-stage.place-home{background-image:linear-gradient(90deg,#24171fd6,#211a2244),url("./assets/scenes/home.svg")}
.play-stage.place-gate{background-image:linear-gradient(90deg,#24171fd6,#24171f22),url("./assets/scenes/gate.svg")}
.play-stage.place-gallery{background-image:linear-gradient(90deg,#24171fd0,#251c2630),url("./assets/scenes/gallery.svg")}
.play-stage.place-hall{background-image:linear-gradient(90deg,#24171fd3,#251c2640),url("./assets/scenes/hall.svg")}
.play-stage.place-garden{background-image:linear-gradient(90deg,#24171fc8,#24171f18),url("./assets/scenes/garden.svg")}
.play-stage.place-room{background-image:linear-gradient(90deg,#24171fdc,#24171f28),url("./assets/scenes/room.svg")}

/* Chapter II: new original registry environment and restrained drifting-snow accents. */
.play-stage.place-archive{background-image:linear-gradient(90deg,#24171fd8,#2318213c),url("./assets/scenes/archive.svg");background-position:center;background-size:cover}
.play-stage.chapter-two .play-mid::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#fff4e2ab .9px,transparent 1.2px),radial-gradient(circle,#fff4e299 .7px,transparent 1.1px);background-size:91px 83px,149px 137px;background-position:18px 14px,57px 31px;opacity:.48;mask-image:linear-gradient(to bottom,#0008,#0001);z-index:0}
.play-stage.chapter-two .portrait-large{z-index:1}

/* Chapter III: completely original night-banquet vector illustration. */
.play-stage.place-banquet{background-image:linear-gradient(90deg,#24171fd9,#261b2940),url("./assets/scenes/banquet.svg");background-position:50% center;background-size:cover}
.play-stage.chapter-three .play-mid::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(ellipse,#f9c6b588 1px,transparent 2px),radial-gradient(ellipse,#ffe1bd77 1px,transparent 2px);background-size:99px 121px,163px 177px;background-position:17px 20px,88px 72px;opacity:.46;mask-image:linear-gradient(to bottom,#000a,#0000);z-index:0}
.play-stage.chapter-three .portrait-large{z-index:1}
@media(max-width:650px){.play-stage.place-banquet{background-position:65% center}}


/* Generated cinematic art production, v1.1. */
.home{background-image:linear-gradient(90deg,#100c12e8 0%,#171019b3 33%,#17101900 75%),url("./assets/art/cover.jpg");background-position:center}
.play-stage{background-image:linear-gradient(90deg,#17101955,#17101900),url("./assets/art/scenes/room.jpg")}
.play-stage.place-home{background-image:linear-gradient(90deg,#17101944,#17101900),url("./assets/art/scenes/home.jpg");background-position:center;background-size:cover}
.play-stage.place-gate{background-image:linear-gradient(90deg,#17101944,#17101900),url("./assets/art/scenes/gate.jpg");background-position:center;background-size:cover}
.play-stage.place-gallery{background-image:linear-gradient(90deg,#17101944,#17101900),url("./assets/art/scenes/gallery.jpg");background-position:center;background-size:cover}
.play-stage.place-hall{background-image:linear-gradient(90deg,#17101944,#17101900),url("./assets/art/scenes/hall.jpg");background-position:center;background-size:cover}
.play-stage.place-garden{background-image:linear-gradient(90deg,#17101944,#17101900),url("./assets/art/scenes/garden.jpg");background-position:center;background-size:cover}
.play-stage.place-room{background-image:linear-gradient(90deg,#17101944,#17101900),url("./assets/art/scenes/room.jpg");background-position:center;background-size:cover}
.play-stage.place-archive{background-image:linear-gradient(90deg,#17101944,#17101900),url("./assets/art/scenes/archive.jpg");background-position:center;background-size:cover}
.play-stage.place-banquet{background-image:linear-gradient(90deg,#17101944,#17101900),url("./assets/art/scenes/banquet.jpg");background-position:center;background-size:cover}

.play-stage.place-ink{background-image:linear-gradient(90deg,#161019a0,#16101950),url("./assets/art/scenes/home.jpg")}
.play-stage::before{background:linear-gradient(0deg,#120e18d9 0%,transparent 42%)}
.play-stage::after{display:none}
.play-mid{min-height:340px;padding-right:7vw;align-items:flex-end}
.portrait-large{width:min(450px,43vw);height:clamp(350px,57vh,650px);filter:drop-shadow(0 12px 24px #130c1255);margin-bottom:-45px}
.character-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.portrait-label{background:#1d111a99;padding:12px 8px;border:1px solid #d5b68566}
.character-art{height:360px;background:radial-gradient(ellipse at 50% 25%,#b59b7655,transparent 75%),#211d26}
.character-art .character-image{object-fit:contain}
.story-panel{background:linear-gradient(120deg,#21151aee,#241822e6);backdrop-filter:blur(10px);border-color:#c79a66a6}
.scene-ornament{font-size:clamp(25px,3vw,42px);top:15%;color:#ffe6b8b0}
.scene-prop{position:absolute;left:2vw;bottom:25px;margin:0;width:clamp(100px,13vw,170px);border:1px solid #d5ad73;background:#1c151c;box-shadow:0 12px 35px #0006;z-index:2}
.scene-prop img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.scene-prop figcaption,.prop-collection figcaption{text-align:center;padding:8px;color:#eed2a8;font-size:12px;letter-spacing:.12em}
.prop-collection{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}
.prop-collection figure{margin:0;border:1px solid var(--edge)}
.prop-collection img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
@media(max-width:650px){
 .home{background-image:linear-gradient(0deg,#171019f0 0%,#17101965 60%,#17101922),url("./assets/art/cover.jpg");background-position:63% center}
 .play-mid{min-height:280px;padding-right:0}
 .portrait-large{width: min(310px,76vw);height:390px;margin-bottom:-40px;margin-right:-18px}
 .scene-prop{width:98px;left:0;bottom:12px}
 .scene-prop figcaption{font-size:10px;padding:5px}
 .character-art{height:390px}
 .scene-ornament{top:8%;font-size:24px}
 .story-panel{backdrop-filter:blur(8px)}
}
@media(max-height:700px) and (min-width:651px){.play-mid{min-height:250px}.portrait-large{height:350px;width:300px}}